江苏龙网

  1. 主页 > 生活百科 > >

浅谈小程序运行机制( 三 )

小程序


六、运行机制
小程序启动会有两种情况，一种是「冷启动」，一种是「热启动」 。假如用户已经打开过某小程序，然后在一定时间内再次打开该小程序，此时无需重新启动，只需将后台状态的小程序切换到前台，这个过程就是热启动;冷启动指的是用户首次打开或小程序被微信主动销毁后再次打开的情况，此时小程序需要重新加载启动 。
小程序没有重启的概念
当小程序进入后台，客户端会维持一段时间的运行状态，超过一定时间后(目前是5分钟)会被微信主动销毁
当短时间内(5s)连续收到两次以上收到系统内存告警，会进行小程序的销毁

浅谈小程序运行机制

文章插图
七、更新机制
小程序冷启动时如果发现有新版本，将会异步下载新版本的代码包，并同时用客户端本地的包进行启动，即新版本的小程序需要等下一次冷启动才会应用上 。如果需要马上应用最新版本，可以使用 wx.getUpdateManager API 进行处理 。
八、性能优化
主要的优化策略可以归纳为三点：
精简代码，降低WXML结构和JS代码的复杂性;
合理使用setData调用，减少setData次数和数据量;
必要时使用分包优化 。
1、setData 工作原理
小程序的视图层目前使用 WebView 作为渲染载体，而逻辑层是由独立的 JavascriptCore 作为运行环境 。在架构上，WebView 和 JavascriptCore 都是独立的模块，并不具备数据直接共享的通道 。当前，视图层和逻辑层的数据传输，实际上通过两边提供的 evaluateJavascript 所实现 。即用户传输的数据，需要将其转换为字符串形式传递，同时把转换后的数据内容拼接成一份 JS 脚本，再通过执行 JS 脚本的形式传递到两边独立环境 。
而 evaluateJavascript 的执行会受很多方面的影响，数据到达视图层并不是实时的 。
2、常见的 setData 操作错误
频繁的去 setData在我们分析过的一些案例里，部分小程序会非常频繁(毫秒级)的去setData，其导致了两个后果：Android下用户在滑动时会感觉到卡顿，操作反馈延迟严重，因为 JS 线程一直在编译执行渲染，未能及时将用户操作事件传递到逻辑层，逻辑层亦无法及时将操作处理结果及时传递到视图层;渲染有出现延时，由于 WebView 的 JS 线程一直处于忙碌状态，逻辑层到页面层的通信耗时上升，视图层收到的数据消息时距离发出时间已经过去了几百毫秒，渲染的结果并不实时;
每次 setData 都传递大量新数据由setData的底层实现可知，我们的数据传输实际是一次 evaluateJavascript
脚本过程，当数据量过大时会增加脚本的编译执行时间，占用 WebView JS 线程，后台态页面进行
setData当页面进入后台态(用户不可见)，不应该继续去进行setData，后台态页面的渲染用户是无法感受的，另外后台态页面去setData也会抢占前台页面的执行 。
总结
大致从以上几个角度分析了小程序的底层架构，从小程序的由来、到双线程的出现、设计、通信、到基础库、Exparser 框架、再到运行机制、性能优化等等，都是一个个相关而又相互影响的选择 。关于小程序的底层框架设计，应该还有很多，每一个框架的诞生都有其意义，我们作为开发者能做的不只是会使用这个工具，还应理解它的设计模式 。只有这样才不会被工具左右，才能走的更远!
 




推荐阅读


上一篇：php开启ssl的方法

下一篇：带鱼怎么做刺骨都能吃 带鱼怎么做