【微信小程序开发】秒懂，架构及框架

今天1024程序员节，写文章庆祝！！！

        今天的文章是讲微信小程序开发的，按理解把架构与框架说说。有不对之处请大神指点……

        微信小程序与web应用很像，但是原理不同，微信小程序是运行在微信应用内的，不是运行在浏览器上，所以JS的一些DOM操作在这里不适用。小程序有自己的一套标记语言（wxml），样式语言(wxss)，与web开发的html和css思想是一致的。

        首先，说说微信小程序架构。

        架构分为视图层，逻辑层，组件，API几个部分。视图层负责页面结构、样式和数据展示，用wxml、wxss语言编写。逻辑层负责业务逻辑，调用API等，由js编写。视图层和逻辑层类似MVVM模式，逻辑层只需对数据对象更新，就可以改变视图层的数据显示，这个很像vue，不知道底层是不是vue! 组件是视图层封装好的基础组件，如按钮、输入框等！API提供了访问手机设备、网络、服务器、微信平台接口等能力。如下图

架构图：（按自己理解画的，仅供参考）

        其次，在说说开发框架。

        每个小程序在微信里是个应用(App)，App中又包含了多个页面(Page)。App有属于他的生命周期和目录结构，Page也有属于他的生命周期和目录结构。如下图：

框架图（看开发文档的总结）

 

更详细资料请查看微信小程序开发文档：

https://mp.weixin.qq.com/debug/wxadoc/dev/framework/MINA.html

本文主要把框架结构搞懂！

 

End

---

多多关注