微信小程序运行流程图详解看这篇就够了

第 1 页微信小程序运行流程图详解看这篇就够了 第 2 页【小程序运行流程】 小程序启动加载实现原理第 3 页【小程序运行流程】 小程序开发经验总结

惠民小程序小编了解到，微信小程序成为当下热门话题，下面从多个方面来谈谈微信小程序运行流程图详解看这篇就够了 。

最新消息， 近日， 微信官方对小程序组件进行两个调整，给用户提供更自主的选择权。 1 打开其他小程序组件上线，用户点击后就可以直接跳转到其他小程序了。 2 新增打开小程序设置页组件，用户点击后可以进入设置页管理自己的各项授权信息。 ■开发者

本质其实就是（混合）的app 介于web app与native 原生app之间，具备丰富的调用手机各种功能的接口，同时又具备灵活性，跨平台

<img src="https://www.52php.cn/res/2019/01-08/21/2ab64872b997f5eff9b4981a056113fb.png"&gt;

微信小程序运行在三端：iOS、Android 和 用于调试的开发者工具。

三端的脚本执行环境以及用于渲染非原生组件的环境是各不相同的：

project├── pages| ├── index| | ├── index.jsonindex 页面配置| | ├── index.jsindex 页面逻辑| | ├── index.wxmlindex 页面结构| | └── index.wxssindex 页面样式表| └── log| ├── log.jsonlog 页面配置| ├── log.wxmllog 页面逻辑| ├── log.jslog 页面结构| └── log.wxsslog 页面样式表├── app.js小程序逻辑├── app.json小程序公共设置└── app.wxss小程序公共样式表二、小程序架构

微信小程序的框架包含两部分View视图层(可能存在多个)、App Service逻辑层(一个)，View层用来渲染页面结构，AppService层用来逻辑处理、数据请求、接口调用，它们在两个线程里运行。

视图层使用WebView渲染，逻辑层使用JSCore运行。

视图层和逻辑层通过系统层的WeixinJsBridage进行通信，逻辑层把数据变化通知到视图层，触发视图层页面更新，视图层把触发的事件通知到逻辑层进行业务处理。

重点讲一下wxs :

由于view 与App Service是不同线程,之前是传递数据,当遇到一些数据需要在view中处理时,就可以用wxs来处理,如下所示定义,使用说明

index.js

//获取应用实例const app = getApp()Page({data: {motto: 'Hello World',userInfo: {},hasUserInfo: false},//事件处理函数bindViewTap: function() {},onLoad: function() {}})

{{tools.bar(motto)}}{{tools.foo}}var foo = "'hello world' from comm.wxs";var bar = function(d) {return '啥子玩意'+d;}module.exports = {foo: foo,bar: bar};三、小程序启动加载

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!