我之前没有直接从事过小程序的开发,所以最近有空的时候会快速学习。自从我们从零开始,我们没有使用任何框架或UI库。记录我们这次开发踩过的坑~
显示效果(界面风格设计和交互来自iOS 4.8.0的知乎App):
请移至GitHub查看动态效果。
申请账号:注册文档、填写信息、提交相应材料,即可拥有自己的小程序账号。开发工具:微信开发者工具数据来源:Easy Mock:是一款数据模拟神器,可以按照自己的格式写入和返回数据,所有数据都是随机生成的。Mock.js: Easy Mock引入了Mock.js,但是文档中只提供了部分语法。如果想更简洁地编写模拟数据,可以在mock.js中检查更具体的语法。
新建一个空文件夹,打开微信开发者工具,按照文档“你的第一个小程序”中的步骤创建自己的小程序。结构微信公众号| ____客户端|||____资产//存储图片||____页面//页面||||____索引//主页| | | | _ _ _ _ index.wxml//page结构文件| | | | _ _ index.wxss//style工作表文件| _ _ _ _ _ utils//全局公共函数| | _ _ _ _ app.js//System方法处理文件| | | _ _ _ _ app.json//System全局配置文件| | | _ _ _ _ app.wxss//Global样式表| | _ _ _ _ config.json//Domain名称和其他配置文件|______