微信小程序的线程架构
小程序的线程架构
每个小程序包含一个描述整体程序的app实例和多个描述页面的page。
其中app由3个文件构成:
app.json 公共配置文件
app.wxss 公共样式文件
app.js 主体逻辑文件
page页面最多由4个文件构成:
page.jason 页面配置
page.wxml 页面结构
page.wxss 页面样式
page.js 页面主体逻辑
app.js和page.js中包含小程序在生命周期的每个阶段相应的事件。
典型的app.js代码结构如下:
App({onLaunch:function(){//小程序启动时执行的初始化工作 },onShow:function(){//程序启动或从后台进入前台时,触发执行的操作 },onHide:function(){//程序从前台进入后台时,触发执行的操作 }, globalConf:{indexDate:'',matchData:'' }, dataCache:{}, globalData:'' })
典型的page.js代码结构如下:
Page({Data:{}onLoad:function(){//页面加载时,执行的初始化工作 },onReady:function(){//页面就绪后,触发执行的操作 },onShow:function(){//页面打开时,触发执行的操作 },onHide:function(){//页面隐藏时,触发执行的操作 },onUnload:function(){//页面关闭时,触发执行的操作 },//Events handlerviewTap:function(){this.setData({text:'set some data for updating view.'}) } })
一个完整的小程序执行的过程或生命周期如下:
app.onLaunch-->app.onShow-->page1.onLoad-->page1.onShow-->page1.onReady(打开程序,第一个页面page1加载完成)-->page1.onHide-->page2.onLoad-->page2.onShow-->page2.onReady (从第1个页面打开第2个页面)-->page2.onUnload-->page1.onShow-->...-->app.onUnload (关闭page2,返回page1...退出小程序)
一个page的生命周期开始于onLoad事件,在整个生命周期内onLoad、onReady、onUnload这三个事件各执行一次,onHide和onShow事件在每次页面隐藏和显示时都会触发。
当用户手动触发小程序的退出箭头时,小程序仅触发app.Hide,下次进入小程序时会触发app.onShow以及当前页的page.onShow。仅当小程序在后台运行超过一定时间未被唤起、或者用户手动在小程序的控制栏里点击退出程序、或者小程序内存占用过大被系统关闭时,小程序将被销毁,会触发app.onUnload事件。
每个小程序分为2个线程,view与appServer。
view 线程 | appServer线程 |
.wxml + wxss ios:safari Android:X5浏览器 开发工具:chrome |
.js ios:JavaScriptCore Android:X5内核 开发工具:nwjs |
view线程负责解析渲染页面(wxml和wxss文件)。
appServer线程负责运行js。appServer线程运行在jsCore(安卓下运行在X5中,开发工具运行在nwjs中)。由于js不跑在WebView里,就不能直接操纵DOM和BOM,这就是小程序没有window全局变量的原因。
转载于:https://www.cnblogs.com/idreamo/p/10853965.html
微信小程序的线程架构相关推荐
- 浅析微信小程序的底层架构原理
一.小程序基础知识 小程序是基于WEB规范,采用HTML.CSS和JS等搭建的一套框架,微信官方给它们取的名字:WXML.WXSS,但本质上还是在整个WEB体系之下构建的.WXML说到底就是xml的一 ...
- 微信小程序的底层架构原理,及如何做性能优化
双线程模型 微信小程序的框架包含两部分 View 视图层.App Service逻辑层.View层用来渲染页面结构,App Service层用来逻辑处理.数据请求.接口调用,它们在两个线程(Webvi ...
- 微信小程序并发服务器架构,「系统架构」如何设计一个健壮高效的微信小程序登录方案...
登录涉及的面比较多:触发场景上,各种页面各种交互路径都可能触发登录:交互过程上,既需要用户提供/证明id,也需要后端记录维护,还需要保证安全性:复用场景上,既是通用功能,需要多场景多页面甚至多小程序复 ...
- 微信小程序并发服务器架构,关于微信小程序并发数不能超过五个的问题
mac 给某个目录添加权限 1 cd 到这个目录的上一层目录 2 sudo chmod -R 777 3 输入密码 4 完成 [IHttpHandler]了解 IHttpHandler 1 . ...
- 微信小程序基础架构浅析
作者:billgong,腾讯IEG前端开发工程师. 微信小程序,简称小程序,英文 mini program.是一种不需要下载安装即可在微信中使用的应用,用户扫描小程序码或搜索小程序即可打开,触手可及, ...
- 神策数据微信小程序 SDK 架构解析
一.前言 神策数据微信小程序 SDK[1],是一款轻量级用于微信小程序端的数据采集埋点 SDK,包含代码埋点.全埋点功能.其中,全埋点功能通过代理微信小程序原生 App.Page.Component ...
- 3年了,我依旧单身,而微信小程序已经普及了
还记得在2017年年初微信之父张小龙在微信上公开发布小程序,令这款小小的充满魔力的软件突然就火起来了.当时的我还是单身. 而如今已经是2020年的年初,3年过去了,我们现在随处可见小程序,不管是看书还 ...
- 微信小程序学习日记7
1.微信小程序双线程模型 解析: [1]逻辑层和渲染层分开加载,提供了管控型和安全性 [2]沙盒环境运行JS代码,不允许执行任何和浏览器相关的接口,比如跳转页面.操作DOM等 2.Vue的MVVM和小 ...
- 小程序开发工具中黑马优购小程序tabs组件_别不信,二十一天巧妙精通微信小程序的开发,附赠教程...
资料简介: 这是一本帮助编程爱好者和从业人员从零开始学习微信小程序设计的书.本书紧跟微信小程序的技术发展,是目前在该领域率先进行系统的技术探讨和培训的著作. 本书站在学习的角度,目的是让学习者通过21 ...
最新文章
- 众所周知,static修饰的成员只实例化一次,而string类型每次赋值都会重新创建一个实例,那么用static修饰string呢?...
- zabbixp-监控 php-fpm
- [转]【JAVA各版本特性】JAVA 1.0
- 点击链接如何直接跳转到相对应的聊天窗口
- java jfm入门_java图形编程
- GDI对象泄漏检查的一点经验
- mysql的分类有哪些_MYSQL查询所有的分类,以及每个分类下面所有的文章?
- 新时代、新挑战、新机遇
- 缓存踩踏:Facebook史上最严重的宕机事件分析
- 《Android NFC 开发实战详解 》简介+源码+样章+勘误ING
- 如何使用JDK提供的帮助文档
- Java周记(第一周)
- 大漠为什么不支持win10_Win10系统注册使用大漠插件的方法与设置!常见错误0x8002801...
- 物联网工程-监控箱、配电箱内接线、出线及布线安装规范设计
- JavaScript网页特效5则
- qcnfa435_【路由知识小课堂番外篇】支持MU-MIMO技术设备一览表(2017.9.25第一版)...
- crx mouse使用的插件常用热门手势
- 低功耗设计(low power design)和UPF介绍(含代码示例)
- 【opencv小案例-对象提取】阈值分割+形态学处理+面积横纵比过滤
- 数据库总结作业数据库设计七
热门文章
- screen命令简介
- 远程接入-天翼5系统让ERP穿越时空!
- 查看Linux 系统的配置和增减用户/增减组/增减权限
- hive的新分区和旧分区的概念问题
- flink的scala版本的wordcount+flink没有输出结果的几种原因
- Method db.collection.distinct is not implemented
- 查看mysql8的log位置
- 是否使用wraps的區別
- 7.4.1 矩阵低秩近似、矩阵范数
- java定义json数组_Java面试题:json该如何定义?json与xml的区别有哪些?