从0起步微信小程序--简单的todo小程序实现
一、小程序目录结构
- 小程序包含一个描述整体程序的
app 和多个描述各自页面的 page
app 包含三个部分：app.js 、app.json、app.wxss- 每个
page 包含四个部分：page.js 、page.json、page.wxss、page.wxml
wxml文件：对应于前端中的html文件，用来表述页面结构wxss文件：对应于前端中的css文件，用来表述页面样式js文件：用来表述页面逻辑json文件：用来表述配置- 除了上述文件，小程序还带有项目配置文件
project.config.json和页面索引配置文件sitemap.json
- 目录结构图
二、小程序框架
渲染层和逻辑层
- 小程序运行环境包括渲染层和逻辑层，两者在不同的线程下工作。
渲染层
- 渲染层包括
WXML和WXSS。渲染层下WXML会被转换成JS对象，在数据变更的时候逻辑层传递数据到渲染层，经过对比差异后进行再渲染。在渲染层绑定的事件会触发逻辑层的函数进行逻辑处理。
逻辑层
- 逻辑层包括
JS。在JS文件中用App和Page方法进行程序注册和页面注册。通过生命周期函数在程序和页面对应的时期执行逻辑处理。WXML上绑定的事件触发JS中的对应函数。
三、小程序组件
小程序组件
- 小程序官方提供了组件库，其中包含了许多实用的日常组件，包括视图、表单、媒体组件等
自定义组件
- 通过
Componen构造器，开发者可以自定义组件，指定其属性、数据、方法等。
- 通过
behaviors，开发者可以提取出通用的代码，在需要的组件中进行注入，作用类似于mixins
- 在
lifetimes字段中可以为组件设置生命周期函数
- 组件间的通信可以通过
WXML的数据绑定和事件监听完成，除此之外父组件还可以通过this.selectComponent方法获取子组件实例来访问其数据和方法
四、小程序能力
- 小程序官方为开发者提供了许多自带的能力，包括网络、存储、硬件连接、用户登录等，这些能力大大地拓展了小程序的作用。
五、实现一个小程序
开发准备
- 开发小程序的第一步就是需要一个小程序
AppID，AppID需要通过官方地址进行申请
- 小程序的开发有专门的工具进行，官方提供了下载地址，根据自身硬件下载对应安装包安装即可
待办小程序实现
- 目录结构：
utils下为通用代码，pages分为四个页面，分别为首页、待办列表、待办详情和添加待办
- 小程序实现了添加删除待办事项的功能，并通过
wx.getStorageSync('key')和wx.setStorageSync('key', data)将其存储在本地
小程序发布
- 开发者开发完成后提交代码
- 经过管理者审核后便可以提交官方审核
- 官方审核通过后便可以进行发布线上版本
- 文章中的小程序可以搜索林一汶的学习本子查看
