小熊日记微信小程序示
小熊日记的小程序源码,结构清晰、逻辑分明,挺适合刚上手微信小程序的朋友啃一啃。
微信小程序的开发用的是WXML和WXSS,结构像 HTML,样式像 CSS,不过也有自己的规则。代码写起来还挺顺手的,结构一目了然。
源码里每个页面都有.js、.wxml、.wxss和.json
,分工明确,维护起来也方便。比如首页就是pages/index/index.js
这种路径,页面之间跳转也用wx.navigateTo
搞定。
数据绑定走的是MVVM那一套,用{{name}}
就能把变量渲染出来,交互起来挺灵活。配合事件绑定,用bindtap
就能搞定点击事件。
生命周期函数也有全,比如onLoad
、onShow
、onReady
,做初始化或者埋点都方便,逻辑清楚。
API 这块支持得也比较全,像wx.request
拉接口,wx.setStorageSync
本地存数据,还有登录、定位、录音啥的,基本够用了。
要是你对组件化开发有兴趣,这套源码里也用到了一些自定义组件,结构独立、复用方便,而且生命周期、事件机制都能自己控制。
WXSS 样式方面支持Flex 布局,响应也快,页面适配做得还不错。建议看下怎么写的布局,挺有参考价值的。
开发过程可以用微信开发者工具实时预览和调试,遇到问题直接打断点看日志,直观。要上线的话,按微信平台的流程来,上传、审核、发布都能在工具里搞定。
如果你想自己搭一个小而美的记事类小程序,小熊日记的源码还是挺值得参考的。代码不花哨,但实用,适合改着用或照着学。
62.94KB
文件大小:
评论区