⑩ 自定义tabbar
摘要：tabBar 为自定义组件：推荐使用 fixed 在底部的 cover-view + cover-image 组件渲染样式，以保证 tabBar 层级相对较高 每个 tab 页下的自定义 tabBar 组件实例是不同的，可通过自定义组件下的 getTabBar 接口获取当前页面的自定义 tabBar
阅读全文
posted @
2021-10-11 17:00
pleaseAnswer
阅读(70)
推荐(0) 编辑
⑨ 小程序运行时
摘要：1 运行环境 平台 逻辑层 渲染层 iOS JavaScriptCode WKWebView Android V8 Mobile Chrome 开发工具 NW.js Chromiun WebView PC Chrome Chrome MAC JavaScriptCode WKWebView 1.1
阅读全文
posted @
2021-10-11 16:57
pleaseAnswer
阅读(133)
推荐(0) 编辑
⑧ 小程序基础库的更新迭代
摘要：1 小程序基础库 在启动小程序后先载入基础库，接着再载入业务代码。 由于小程序的渲染层和逻辑层是两个线程管理 渲染层 WebView 层注入的称为 WebView 基础库 逻辑层注入的称为 AppService 基础库 所有小程序在微信客户端打开的时候都需要注入相同的基础库，所以小程序的基础库不会被
阅读全文
posted @
2021-10-11 14:38
pleaseAnswer
阅读(111)
推荐(0) 编辑
⑦ 性能优化
摘要：1 启动 1.1 代码包下载 下载到的小程序代码包是编译、压缩、打包之后的代码包 1.2 分包加载流程 主包：小程序启动时会马上打开的页面代码和相关资源 分包：其余的代码和资源 在小程序启动时，只有主包的内容才会被下载 2 页面层级准备 小程序启动时仅有一个页面层级 在视图层内，小程序的每一个页面都
阅读全文
posted @
2021-10-11 14:35
pleaseAnswer
阅读(33)
推荐(0) 编辑
⑥ 底层框架
摘要：1 双线程模型 小程序的逻辑层与渲染层分开在不同的线程运行 跟传统的 Web 单线程模型有很大的不同 1.1 技术选型 要求：快--渲染快、加载快 三种渲染界面的技术 用纯客户端原生技术来渲染 小程序代码需要与微信代码一起编包发布，pass 用纯 Web 技术来渲染 性能问题：单线程 介于客户端原生
阅读全文
posted @
2021-10-11 14:24
pleaseAnswer
阅读(110)
推荐(0) 编辑
⑤ 场景应用
摘要：1 界面常见的交互反馈 1.1 触摸反馈 小程序的 view 容器组件和 button 组件提供了 hover-class 属性，触摸时会往该组件加上对应的 class 改变组件的样式。 /*page.wxss */ .hover{ background-color: gray; } <!--pag
阅读全文
posted @
2021-10-11 13:52
pleaseAnswer
阅读(71)
推荐(0) 编辑
④ 小程序宿主环境
摘要：小程序可以调用宿主环境提供的微信客户端的能力 1 渲染层和逻辑层 WXML 模板和 WXSS 样式工作在渲染层，JS 脚本工作在逻辑层 1.1 通信模型 小程序的渲染层和逻辑层分别由2个线程管理 渲染层的界面使用了 WebView 进行渲染 逻辑层采用 JsCore 线程运行 JS 脚本 一个小程序
阅读全文
posted @
2021-10-11 11:45
pleaseAnswer
阅读(63)
推荐(0) 编辑
③ 小程序的代码组成
摘要：1 JSON配置 JSON 用于做静态配置。 小程序配置 app.json app.json 是当前小程序的全局配置 配置项 pages 字段 描述当前小程序所有页面路径 配置项 window 字段 定义小程序所有页面的顶部背景颜色、文字颜色等 2 WXML模板 WXML 是小程序框架设计的一套标签
阅读全文
posted @
2021-10-11 10:54
pleaseAnswer
阅读(152)
推荐(0) 编辑
② 小程序的宿主环境（简概）
摘要：渲染层和逻辑层 1. 小程序的运行环境分成 渲染层 和 逻辑层 WXML模板和WXSS样式工作在渲染层 JS脚本工作在逻辑层 2. 小程序的渲染层和逻辑层分别由 2个线程 管理 渲染层的界面使用了WebView进行渲染 逻辑层采用JsCore线程运行JS脚本 一个小程序存在多个界面，所以渲染层存在多
阅读全文
posted @
2021-09-17 15:07
pleaseAnswer
阅读(65)
推荐(0) 编辑
① 小程序与普通网页开发的区别
摘要：线程 网页开发 渲染线程 跟 脚本线程 是互斥的； 小程序中二者是分开的，分别运行在不同的线程中。 运行环境 运行环境 逻辑层 渲染层 iOS JavaScriptCore WKWebView 安卓 V8 chromiun定制内核 小程序开发者工具 NWJS Chrome WebView 网页开发可
阅读全文
posted @
2021-09-17 15:04
pleaseAnswer
阅读(210)
推荐(0) 编辑
④ 小程序使用分包
摘要：分包加载 对小程序进行分包，可以优化小程序首次启动的下载时间，以及在多团队共同开发时可以更好的解耦协作 将小程序划分成不同的子包，在构建时打包成不同的分包，用户在使用时按需进行加载 主包 放置默认启用页面/TabBar页面，以及一些所有分包都需要使用到公共资源、JS脚本 分包 根据开发者的配置进行划
阅读全文
posted @
2021-04-02 17:17
pleaseAnswer
阅读(162)
推荐(0) 编辑
③ 小程序request请求封装
摘要：使用Promise实现小程序request请求封装 目录 新建service文件夹存放接口文件 配置baseurl 封装request api的集中管理和使用 页面中调用 1.配置baseUrl 新建config.js文件单独维护配置信息 export default { baseUrl: 'htt
阅读全文
posted @
2020-11-10 13:38
pleaseAnswer
阅读(108)
推荐(0) 编辑
② 小程序组件封装
摘要：微信小程序组件封装 类似于页面，一个自定义组件由json wxml wxss js 4个文件组成 定义组件 1.在json文件中做自定义组件声明 { "component": true } 2.在wxml文件中编写组件模板，在wxss文件中加入组件样式 <view class="inner"> {{
阅读全文
posted @
2020-11-10 11:53
pleaseAnswer
阅读(179)
推荐(0) 编辑
① 微信小程序入门
摘要：最最重要的还是得从阅读开发文档入手 1. 目录结构 1.1 微信小程序文件结构 wxml[结构] + wxss[样式] + js[逻辑] + json[配置] 2. 配置 2.1 全局配置 -- 根目录下的 app.json 2.2 页面配置 每一个小程序页面也可以使用 .json 文件来对本页面的
阅读全文
posted @
2020-07-15 10:15
pleaseAnswer
阅读(197)
推荐(0) 编辑
