WeChatDemo微信小程序原型示例
微信小程序的轻量架构,挺适合做快速原型。wechatDemo
就是这样一个上手快、结构清晰的 demo,基本把小程序开发的主干都串起来了。
从app.js
开始,生命周期钩子写得挺清楚,像onLaunch
、onShow
这些常用的你都能找到,还能学学怎么初始化全局数据。
app.json
负责全局配置,页面路径、tabBar
样式什么的都有。你可以直接参考它的结构来搭自己项目的壳子。
全局样式放在app.wxss
里,页面之间共享样式比较方便,后期维护也省事。
目录里的pages
就是小程序的内容区了,每个页面都带.js
、.wxml
、.json
和.wxss
,从逻辑到结构到样式都包得妥妥的。
utils
目录蛮实用的,常见的封装比如时间格式化、网络求、节流防抖都可以丢这里,后面别的项目还能复用。
如果你没搞过微信小程序,可以照着它走一遍:注册账号、拿AppID
、装开发者工具、跑起来调试一下,快能跑出个样子。
代码也不复杂,适合初学者照猫画虎。如果你之前写过 H5、Vue 或者 React,转过来快能找到感觉。
建议你试着改改样式,换个接口练练数据绑定,玩转几个API
比如地图、扫码、位置授权这些,蛮好玩。
4.54KB
文件大小:
评论区