微信小程序之黑马优购

写项目过程存在的问题以及解决办法

  1. 在vscode中,一开始.wxml文件和.wxss文件内容标签展示的是文本,不显示高亮颜色
    解决办法:将右下角的语言改为HTML/CSS显示即可;
  2. 在获取轮播图数据时,请求出错
    解决办法:没有在微信开发小程序中勾选不校验合法域名…等,勾选之后就解决问题;
    同时要在自己的微信公众平台-开发-开发管理-开发设置-服务器域名下添加合法域名,以便后期项目上线的时候可以成功请求数据;
  3. 在vscode编辑完成保存之后,在微信开发小程序中不一定能及时更新,需要在适当位置敲一些空格进行保存之后才会生效(所敲的空 格在编译会自行删除)
  4. 如果在后期项目上线之后无法请求轮播图数据等一些数据,可能是因为请求 url 的域名不合法
    解决办法:具体参考网站:(https://www.bilibili.com/video/BV1nE41117BQ?p=52&spm_id_from=pageDriver),在微信开发平台上添加合法域名即可;
  5. .less 文件 转不出 .wxss 文件
    解决办法:1. 网上的解决办法:https://www.npmjs.com/package/less-to-wxss,有个缺点就是要一直监听,关闭监听之后就失效了(但是 .wxss 文件已经生成了);
    2. 我的解决方法:重新复制一份文件,将原来的代码拷贝过来并删除原来的文件;
  6. 在标签太多的情况下,可以复制标签,然后:Ctrl+Shift+p,选择 Generate CSS tree,就可以帮助我们生成样式中的标签了,记得将view. 和 undefined 删除;
  7. 在求 wx:key的时候,如果找不到合适的就写 *this;
  8. 适配不同大小的机型,元素样式“单位”变换规则
    微信小程序之黑马优购_第1张图片

你可能感兴趣的:(vscode,小程序)