WeChatDemo微信小程序原型示例

微信小程序的轻量架构,挺适合做快速原型。wechatDemo就是这样一个上手快、结构清晰的 demo,基本把小程序开发的主干都串起来了。

app.js开始,生命周期钩子写得挺清楚,像onLaunchonShow这些常用的你都能找到,还能学学怎么初始化全局数据。

app.json负责全局配置,页面路径、tabBar样式什么的都有。你可以直接参考它的结构来搭自己项目的壳子。

全局样式放在app.wxss里,页面之间共享样式比较方便,后期维护也省事。

目录里的pages就是小程序的内容区了,每个页面都带.js.wxml.json.wxss,从逻辑到结构到样式都包得妥妥的。

utils目录蛮实用的,常见的封装比如时间格式化、网络求、节流防抖都可以丢这里,后面别的项目还能复用。

如果你没搞过微信小程序,可以照着它走一遍:注册账号、拿AppID、装开发者工具、跑起来调试一下,快能跑出个样子。

代码也不复杂,适合初学者照猫画虎。如果你之前写过 H5、Vue 或者 React,转过来快能找到感觉。

建议你试着改改样式,换个接口练练数据绑定,玩转几个API比如地图、扫码、位置授权这些,蛮好玩。

zip 文件大小:4.54KB