学习微信小程序一段时间,自己仿照京东小程序做了几个demo页面,分享给大家看看
其中几个效果图如下:
介绍一下事先准备的事情
前期部署
****项目命名规范****
1.JS用驼峰法命名
2.css中class命名用"-"分隔,ID用"_"
3.接口中数据用"_"分隔
4.文件/文件夹命名用"_"
****JS使用规范****
1.使用ECMAScript 2016
****Pages里的文件结构****
1.根据tabbar放入对应的文件夹中,三个入口页面文件放入外层
****静态文件****
1.图片小图使用雪碧图
2.对应文件的图片都需要新建对应的文件夹存放图片
****代码管理****
1.使用Git,上传代码时请不要上传app.js和app.json,避免本地请求变为服务器请求
开发过程中中遇到的坑:
JS方面
不支持DOM操作,需要在开发时能够设置好所有需要的data属性值,然后渲染
跳转到tabbar页面的时候只能使用wx.switchTab(OBJECT)
wx.showToast()配置样式单一,且宽度不能自适应
wxml方面
标签不够语义化
wxss方面