学习了一段时间的微信小程序，基于京东小程序做了几个demo页面，分享给大家看源码地址，希望对感兴趣的同学有所帮助https://github.com/skySoft-cl。..（喜欢的可以加star）部分效果图如下：介绍前期准备的东西和前期部署****项目命名规范****1.JS使用驼峰命名2.Classcss中的名字用“-”分隔，ID用“_”分隔3.界面中用“_”分隔数据4.文件/文件夹命名用“_”****JS使用规范**1.使用ECMAScript2016****Pages文件结构****1.根据tabbar放入相应文件夹，将三个入口页面文件放入外层****静态文件****1.小图使用Sprite2.对应文件所有图片需要创建对应文件夹存放图片****代码管理****1.使用Git时请不要上传app.js和app.json上传代码，避免开发中本地请求变成服务器请求遇到的坑：JS不支持DOM操作。开发时需要设置所有需要的data属性值，然后在渲染和跳转到tabbar页面时只使用wx.switchTab(OBJECT)wx.showToast()配置样式单一，宽度不能自适应。wxml标签语义不够。wxss不支持“a>b>c”双箭头的写法。控制台会报错。背景图片属性background-image必须写在标签中，否则使用服务器。图片使用了display:flex布局方式，容器的大小会随着内容的大小而变化。因此，最好为容器设置宽度标签。图片标签的尺寸是原始尺寸的两倍。json文件写20rpx*20rpx其他方面就是配置window窗口，不过此时可以省略window属性。如果添加window，则没有效果，不会报错项目中使用的API：1.ES6相关对象解构{}={}箭头函数=>块级变量let，const模板字符串${...}数组展开letc=[...a,...b]2.微信相关的WXML组件：view,text,image,icon,swiper,progress,navigator,button,inputtem板块模板列表渲染：wx:for=""wx:key=""条件渲染：wx:if=""elif=""elseWXSS使用flex布局使用rpx自适应宽度JS相关方法封装setData()wx.request(OBJECT)wx.navigateTo()wx.navigateBack()wx.showToast(OBJECT)wx.showModal(OBJECT)绑定事件：bindtap、onReachBottom欢迎指正！
