微信小程序运行流程图详细说明看看这就够了

A.微信小程序是啥

实质是（混合）应用程序位于Web应用程序和本机本机应用程序之间。它具有丰富的界面，可以调用手机的各种功能，而且灵活，跨平台

1.运营环境差异

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

三端脚本执行环境和用于呈现非本机组件的环境是不同的：

在iOS上，小程序的javascript代码在JavaScriptCore中运行，由WKWebView呈现。 Android环境下有iOS8，iOS9，iOS10，X5 JSCore解析了小程序 javascript代码，X5基于Mobile Chrome 53/57内核在开发工具上呈现，小程序 javascript代码在nwjs中运行，由Chrome呈现Webview来自官方文档2.小程序目录项目├─────────────────index.json索引页面配置| | ├──index.js索引页面逻辑| | ├──index.wxml索引页面结构| | └──index.wxssindex页面样式表| └──log| ├──Log.json日志页面配置| ├──log.wxml日志页面逻辑| ├──log.js日志页面结构| └──log.wxss日志页面样式表├──app.js小程序逻辑├──app。 Json 小程序公共设置└──app.wxss小程序公共样式表二，小程序架构

微信小程序框架包含View视图层的两个部分（可能是多个），App Service逻辑层（一个），View层用于呈现页面结构，AppService层用于逻辑处理，数据请求，接口调用，它们分为两个线程。跑进去。

视图层使用WebView呈现，逻辑层使用JSCore运行。

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

专注于wxs:

由于视图和App Service是不同的线程，因此之前传递数据。当需要在视图中处理某些数据时，可以通过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'来自comm.wxs'; var bar=function（d）{return'啥子玩'+ d; } module.exports={foo: foo，bar: bar}; 3. 小程序汇海Load

＆lt; 汇海（www.hvihi.com）是国内知名的商城系统和商城网站建设提供商，其中汇海技术小程序系统提供小程序商城开发，小程序配送系统，微分配系统，商城系统，电子商务网站建设， 微信发行系统，小程序商城及其他多端商场和电子商务行业解决方案＆gt;

确认：这个文件和图像源网络编辑器的网站部分，如果有侵权及时通信删除。 汇海hvihi.com网站原创文章，请注明出处。