2021年10月11日
摘要：
tabBar 为自定义组件：推荐使用 fixed 在底部的 cover-view + cover-image 组件渲染样式，以保证 tabBar 层级相对较高 每个 tab 页下的自定义 tabBar 组件实例是不同的，可通过自定义组件下的 getTabBar 接口获取当前页面的自定义 tabBar 阅读全文
摘要：
1 运行环境 平台 逻辑层 渲染层 iOS JavaScriptCode WKWebView Android V8 Mobile Chrome 开发工具 NW.js Chromiun WebView PC Chrome Chrome MAC JavaScriptCode WKWebView 1.1 阅读全文
摘要：
1 小程序基础库 在启动小程序后先载入基础库，接着再载入业务代码。 由于小程序的渲染层和逻辑层是两个线程管理 渲染层 WebView 层注入的称为 WebView 基础库 逻辑层注入的称为 AppService 基础库 所有小程序在微信客户端打开的时候都需要注入相同的基础库，所以小程序的基础库不会被 阅读全文
摘要：
1 启动 1.1 代码包下载 下载到的小程序代码包是编译、压缩、打包之后的代码包 1.2 分包加载流程 主包：小程序启动时会马上打开的页面代码和相关资源 分包：其余的代码和资源 在小程序启动时，只有主包的内容才会被下载 2 页面层级准备 小程序启动时仅有一个页面层级 在视图层内，小程序的每一个页面都 阅读全文
摘要：
1 双线程模型 小程序的逻辑层与渲染层分开在不同的线程运行 跟传统的 Web 单线程模型有很大的不同 1.1 技术选型 要求：快--渲染快、加载快 三种渲染界面的技术 用纯客户端原生技术来渲染 小程序代码需要与微信代码一起编包发布，pass 用纯 Web 技术来渲染 性能问题：单线程 介于客户端原生 阅读全文
摘要：
1 界面常见的交互反馈 1.1 触摸反馈 小程序的 view 容器组件和 button 组件提供了 hover-class 属性，触摸时会往该组件加上对应的 class 改变组件的样式。 /*page.wxss */ .hover{ background-color: gray; } <!--pag 阅读全文
摘要：
小程序可以调用宿主环境提供的微信客户端的能力 1 渲染层和逻辑层 WXML 模板和 WXSS 样式工作在渲染层，JS 脚本工作在逻辑层 1.1 通信模型 小程序的渲染层和逻辑层分别由2个线程管理 渲染层的界面使用了 WebView 进行渲染 逻辑层采用 JsCore 线程运行 JS 脚本 一个小程序 阅读全文
摘要：
1 JSON配置 JSON 用于做静态配置。 小程序配置 app.json app.json 是当前小程序的全局配置 配置项 pages 字段 描述当前小程序所有页面路径 配置项 window 字段 定义小程序所有页面的顶部背景颜色、文字颜色等 2 WXML模板 WXML 是小程序框架设计的一套标签 阅读全文