如何入门微信小程序开发，有哪些学习资料？

「微信小程序」剖析（一）：运行机制

从‘微信web开发者工具’ IDE 中的代码下手，对「微信小程序」如何与 IDE 之前进行交互做了详细的介绍。并介绍了 IDE 如何将 WXML 代码和 WXSS 转换为对应的 HTML 和 CSS ，以及如何打包的一些基本情况：日期命名的wx文件、1M 大小的文件限制、APP 上传地址。

「微信小程序」剖析（二）：框架原理

对 MINA 框架进行中的 APP 与函数间的关系进行了分析。从 WX 标签到 Virtual DOM 生成数简闷的方法，以及程序如何调用这个方法来生成 Virtual Dom 。并由其中的 exparser 部分来推理出，小程序由 WebView 和 Native 两部分组成的机制。以及在开发时、运行时，两种不同的 JavaScript 文件机制。

「微信小程序」剖析（三）：让小程序运行在Chrome浏览器上

展示了如何在普通的浏览器上运行「微信小程序」应用。并使用 Gulp 结合‘微信web开发者工具’中的vendor文件 wcc 和 wcsc 来构建自动化的转化 WXML 和 WXSS 为 HTML 和 CSS，从而搭建独立于开发者工具的开发环境。

「咐升微信小程序」剖析（四）：原生的实时DOM转Virtual DOM

介绍了‘微信web开发者工具’中所使用的 WCC 文件的一些技术原理。即它可以将 WXML 文件转化为基于 JSON 的 Virtual DOM。以及 Virtual DOM如何去解析这个 JSON 文件，并在这个过程薯弯中进行数据绑定和函数绑定。

1、确认WPE已经安装在电脑上，并启动WPE。

2、在电脑上打开微信开发者工具并运行需要截取的小程序。

3、在WPE上点击“TargetProgram”按钮，选择微信开发者工具的进程，即wccserver.exe，点击“Attach”裂没启按钮，将WPE与微信开发者工具进程连接起来。

4、在WPE上点击“Filter”按钮，打开过滤器对话框，在过滤器对话框中添加需要截取的关键字或者请求URL地址等信息肆如，然后点击“OK”按钮。

5、在微信开发者工具中进行小程序的 *** 作，WPE会察返自动捕获到相关的网络数据包，并在数据包列表中显示。

6、在WPE的数据包列表中选择需要查看或修改的数据包，双击选中数据包，可以查看数据包的详细内容，也可以修改数据包的内容。