qq_41206257的博客

基础库小程序的基础库由 Javascript 编写，负责数据绑定，组件系统，通信等系统的运行提前置于微信客户端比较版本库的正确方法：function compareVersion(v1, v2) { v1 = v1.split('.') v2 = v2.split('.') var len = Math.max(v1.length, v2.length) while (v1.length < len) { v1.push('0') } while (v2.

优化启动时间小程序初始化的时候，会进行代码的下载控制代码包的大小可以减少初始化时间：删除不必要的标签结构，压缩图片等采用分包下载：只加载启动时必要的包（主包），app.json 中配置subPackages，除下subPackages下的包，都是主包优化页面通信setData合并，多次合并为一次。因为 setData 是逻辑层到视图层的通信，中间会经过 native 的中转视图层与逻辑层通信优化: 不要在节点的 data 前缀属性中放置过大的数据，因为事件绑定需要传递 dataset

小程序双线程模型分渲染层和逻辑层渲染层由 webview 负责渲染任务逻辑层是由 JScore 负责执行。(普通的混合 app 页面和逻辑都是在 webview 中进行的)渲染层，将 wxml，wxss经过编译之后，一部分由原生组件渲染（普通的 webview 智能用 html 能力，无法直接展示原生组件）。并且没有 DOM,BOM 对象可以访问逻辑层在单独的 JSCore 中，调用原生 api（摄像头等），发起网络请求，与逻辑层通信等，都是由原生做了一层中转一个 JSCore 对应多个 we

触摸反馈小程序的 view、button 的 hover-class 属性可以在触摸的时候给改组件加上对应的 class 改变样式。对于用户的触摸操作是个不错的体验有时候点击 button 的时候，需要进行一些耗时的操作，我们需要用到 button 的 loading 属性，在按钮文字前面出现一个 Loading对话框Toast我们用来提示用户这次操作成功，但是不打断用户接下来的操作showMoadal在进行错误提示的时候，我们需要告诉用户具体的原因，所以不可以使用

小程序全局数据小程序 JS 脚本运行在 JSCore 中，小程序的每个页面各自有一个 web-view 线程进行渲染，所以小程序切换页面时，小程序的 JS 脚本依然在同一个 JSCore 中。所以 App实例是一个，不同页面之间可以通过 App 实例下的属性来共享数据。APP 构造器可以传递其他参数作为全局变量，达到全局数据共享的目的。因为所有的脚本逻辑都跑在同一个 JSCore 中，页面使用 SetTimeOut 或者setInterval 定时器时，在跳转其他页面之后，要进行清理页面构造器

组件之间的通信方式有3 中wxml 数据绑定事件监听、事件触发父组件还可以通过 this.selectComponent 方法获取子组件实例对象，这样就可以直接访问组件的任意数据和方法。

App 生命周期onLaunch: 小程序装载完代码的时候调用onShow: 小程序切换至前台调用onHide:小程序切换至后台的时候调用页面声明周期onLoad: 页面加载的时候触发，参数是页面的 query 参数，每个页面只会触发一次onShow:每次页面展示的时候都会触发，包括返回上一页onReady:页面第一次触发 onShow 之后，并根据逻辑层数据完成了第一次渲染，此时触发 onReady。一个页面只有一次onHide:页面隐藏时触发，wx.navigateTo, tabB

App.onLaunch: 小程序装载完代码立即执行App.onShow:小程序处于前台的时候执行onLoad: 在 onLaunch 和 onShow 之间，只调用一次？getApp()：获取应用实例canIUse(’’ "):是否可以使用wx.navigateTo({}): 跳转?wx.redirectTo: 跳转?wx.switchBar: 切换?this.setData：改变状态wx.getUserInfo: 获取用户信息button: open-type?getStorag.

使用 npm 包安装包使用小程序开发者工具：工具—》构建 npm勾选使用 npm 模块构建完成之后即可使用 npm 包JS 模块包直接 require小程序组件库{ "usingComponents": { "myPackage": "packageName", "package-other": "packageName/other" }}为什么会有构建 npm 这一步？1.node_modules目录不会参与打包，编译，上传2.构建完毕后，在小程序根目

wxss小程序样式分公共样式，页面样式，其他样式文件，其他样式文件用于被页面引用引用 wxss:@import ‘…/path’官方样式库：weUI。jsjavascript是ECMAScript的一种实现，不同的宿主环境可以有不同的实现方式。浏览器、node、native…小程序中的 js 同浏览器和 node 中的不同小程序中，ios9，10 运行环境下还没有完全兼容到 es6 的标准，所以小程序 IDE 提供了将 es6 代码转化为 es5 代码的功能，开发者需要在项目设置中，勾选

标签wxml 对大小写敏感wxml 具有数据绑定，可以将数据变化反应到页面上wxml 的属性值必须包含在双大括号中条件判断wx:if, wx:elif, wx:else条件逻辑要一次性判断多个标签是否需要展示，使用<block/>标签包裹列表渲染wx:for列表渲染，默认当前项下标 index,当前项的值为 itemwx:for-index重新制定下标名wx:for-item重新指定变量名9.wx-for 渲染多节点的结构块也可以使用 <block /&gt

小程序使用不同的权限管理来协同工作产品提出需求，设计与产品商讨输出方案，开发，测试，发布小程序通过权限对不同成员进行管理，分为体验成员和项目成员。2 流程之内的全部属于项目成员，内侧成员包括小程序内测体验成员，不属于项目成员，管理员和项目成员均可以增删改内测成员。前端开发人员属于的定位属于开发者，开发者权限包括开发（使用小程序开发工具进行开发）、体验（使用体验版小程序）、登录、开发者设置权限（设置小程序服务器域名、消息推送及扫描普通链接二维码打开小程序）、腾讯云相关的权限小程序提交审核、发布、回退.

小程序组件标签最终被便以为原生标签，通过调用原生接口去画出最终展示的页面普通的网页开发，脚本运行有时候会造成页面的卡顿，原因是浏览器中 JS 进程跟渲染进程是互斥的，长时间的脚本运行会导致页面失去及时的响应。微信小程序的渲染层和逻辑层是完全分开的，逻辑层运行在 JSCore 中，没有DOM对象个浏览器对象。小程序开发过程一般分为申请小程序账号、安装工具、开发、审核、发布等过程。小程序的 appId 相当于小程序平台的身份证。宿主环境依赖原生 appjson 文件：相当于静态配置文件wxml：页.