小程序简介
小程序的渲染层和逻辑层分别由2个线程管理:渲染层的界面使用了WebView 进行渲染;逻辑层采用JsCore线程运行JS脚本。一个小程序存在多个界面,所以渲染层存在多个WebView线程,这两个线程的通信会经由微信客户端(下文中也会采用Native来代指微信客户端)做中转,逻辑层发送网络请求也经由Native转发
基本说明
项目结构:
JSON配置:
项目配置文件:
生命周期![](https://i-blog.csdnimg.cn/blog_migrate/e5330e5e75118e332194dbcbaeaa1c85.png)
页面传值
通过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的路径的页面中做如图处理::
完