小程序架构及其实现机制3基础篇3
小程序的架构设计挺有意思的，和你平时接触的 Web 应用差别还挺大。它不是跑在浏览器里，而是用自己的视图层和逻辑层架构。视图层负责页面展示，逻辑层负责数据，两边靠JSBridge通信，挺像前后端分离的那一套。
传统 Web 页面里你用得顺手的 document.querySelector、localStorage 这些，在小程序里是用不了的。微信给你封装了一套自己的 API，比如发求得用 wx.request，不用担心跨域，后台怎么部署都方便。
组件化和数据驱动是小程序的基本逻辑。你写的每个页面都是一个小组件，用 WXML 和 WXSS 搭配，布局主要靠 flex，语法和 CSS 挺像的，但选择器限制多一些。样式写法也比较克制，页面结构清爽点好。
逻辑这块，微信小程序支持 CommonJS 模块规范，用 require 来组织代码，和你 Node.js 写模块的方式差不多。要注意下，模块划分清楚点，维护起来会舒服多。
还有一点蛮重要的，性能相关的组件比如 canvas、video、map 这些，都是直接用 Native 实现的，响应也快，体验比 Web 组件稳太多。Android 下还能用 X5 内核调试，能看到底层结构。
如果你准备转小程序方向，或者正在啃项目结构，这篇文章的技术点挺全的，能帮你把底层机制理清楚，少走些弯路。
文件大小：9.68KB
评论区