微信小程序架构分析 (中)

【引自第九法度榜样的博客】本文商量一下小法度榜样的 view 模块和 service 模块是若何构成的。

打开微信 web 开辟者对象，然后输入 openVendor() 便会打开 WeappVendor这个目次，这里包含了 view 模块和 service 模块应用的几个核心文件：

wcc 可履行法度榜样，用于将 wxml 转为 view 模块应用的 js 代码，应用方法为wcc xxx.wxml
wcsc 可履行法度榜样，用于将 wxss 转为 view 模块应用的 css 代码，应用方法为 wcsc xxx.wxss
WAService.js 供给 service 模块大年夜部分功能，下面会有具体介绍
WAWebview.js 供给 view 模块大年夜部分功能，下面会有具体介绍

view 页面详解

view 页面的 template 如下：

<!DOCTYPE html> 
<html lang="zh-CN"> 
<head> 
  <link href=http://developer.51cto.com/art/201706/"https://res.wx.qq.com/mpres/htmledition/images/favicon218877.ico" rel="Shortcut Icon"> 
  <meta charset="UTF-8" /> 
  <meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0" /> 
 
  <script> 
    var __webviewId__; 
  </script> 
 
  <!-- percodes --> 
 
  <!--{{WAWebview}}--> 
 
  <!--{{reportSDK}}--> 
 
  <!--{{webviewSDK}}--> 
 
  <!--{{exparser}}--> 
 
  <!--{{components_js}}--> 
 
  <!--{{virtual_dom}}--> 
 
  <!--{{components_css}}--> 
 
  <!--{{allWXML}}--> 
 
  <!--{{eruda}}--> 
 
  <!--{{style}}--> 
 
  <!--{{currentstyle}}--> 
 
  <!--{{generateFunc}}--> 
</head> 
 
<body> 
  <div></div> 
</body> 
 
</html>

<script>var pageFrameStartTime = new Date();</script>

会被 WAWebview.js 内代码调换

到  之间临时没有被应用到

会被 wcc 敕令生成后的 js 代码调换

除了膳绫擎这些，页面上还会被插入页面和应用的 style 标签，如：

<link rel="stylesheet"	
			 1/5    1 2 3 4 5 下一页 尾页	
			

　　推荐阅读
　　微信小程序架构分析 (上)
【引自第九法度榜样的博客】信赖不少上手试用了微信小法度榜样开辟者对象的开辟者都邑对其实现有些困惑， 本文试图对其架构模型进行一些解析。如出缺点之处，迎接留言指出。本文分为以下几个部分：    小法度榜样调试>>>详细阅读


本文标题：微信小程序架构分析 (中)
地址：http://www.17bianji.com/lsqh/35673.html
 1/2    1