微信小程序学习总结

小程序简介

小程序的渲染层和逻辑层分别由2个线程管理：渲染层的界面使用了WebView 进行渲染；逻辑层采用JsCore线程运行JS脚本。一个小程序存在多个界面，所以渲染层存在多个WebView线程，这两个线程的通信会经由微信客户端（下文中也会采用Native来代指微信客户端）做中转，逻辑层发送网络请求也经由Native转发

 基本说明

项目结构:

JSON配置:

 项目配置文件:

详见：项目配置文件 | 微信开放文档

 生命周期

页面传值

通过eventChannel传值

外部依赖库的引用

第一步：添加依赖，并执行安装命令

第二步，配置修改

1、修改 app.json 将 app.json 中的 “style”: “v2” 去除，小程序的新版基础组件强行加上了许多样式，难以覆盖，不关闭将造成部分组件样式混乱。

2、修改 project.config.json 开发者工具创建的项目，miniprogramRoot 默认为 miniprogram，package.json 在其外部，npm 构建无法正常工作。 需要手动在 project.config.json 内添加如下配置，使开发者工具可以正确索引到 npm 依赖的位置。

第三步，构建 npm 包

第四部，引用组件

问题记录

wx.xx is not a function：

基础库版本低了，在详情-本地设置-调试基础库中重新配置最新的配置库

自定义tabBar：

自定义tabBar能使用在线icon，而非自定义的不能

无论自定义还非自定义都需要在app.json中进行配置

创建自定义tabBar，名字固定为：custom-tab-bar

自定义的tabs个数应该配置的一致

点击tabBar会需要点击两下才会到当前tab：需要在配置的tabBar的路径的页面中做如图处理：：

 

完