最近的项目做的微信小程序,刚上手先刷了两天官方文档,记录一下
1、文档中强调了web加速方案——“微信web资源离线储存”,到目前只了解一个名字
2、小程序的 渲染 和 脚本逻辑 分别运行在不同的线程中
3、app.json 进行全局配置:页面文件路径,窗口表现,超时设置,多tab等
4、一个Page中包含4个文件
.json::路由及基本静态配置
.wxml(HTML): 页面结构
.wxss(CSS):页面样式 注意其中的新尺寸 rpx ,简化移动端适配问题,避免考虑屏幕宽度&dpr。 但是小程序底层自动换算,或许会产生偏差。不支持所有的css选择器
.js(js):可以调用wx自身提供的API。一般包含一个页面的构造器 Page()
5、宿主环境:微信客户端,与服务端通信由微信客户端中转
6、由于框架逻辑层并非在浏览器中,window document 等 DOM 元素 无法使用
7、构造器 App() 注册整个app;Page() 注册小程序中的一个页面,接受一个Object类型的参数。
Page() 中指定:初始数据,生命周期回调函数和事件处理函数;
data 中是第一次渲染的初始数据
7、生命周期...
8、路由由框架进行管理:用栈的形式维护page;⚠️Tab切换时,页面全部出栈,只留新tab页面。页面路由同时会出发不同page的生命周期。
9、模块化,module.export
10、API :事件监听API,同步API(通过try catch 捕获异常),异步API
11、wxml:里面有两种引用关系:import 和 include。import有作用域的概念,不能越级引用。例如:C import B,B import A,但是C不能直接使用A的template。
...
网友评论