小程序开发指南要点

[指南]本文是官方[]的简化版和解释版，以帮助您更好地理解小程序。了解小程序出现的原因，了解小程序的基本原理，等等。

笔记

本文仅供参考。请告知我们任何侵权行为。

第一部分：首先了解小程序。为什么微信会推出小程序？最初，网页通过webview显示在微信中。

WeixinJSBridge提供了一些网络呼叫的本地功能，微信团队不向公众开放。

后来，威信JSBridge演变成了一个开放的JS-SDK。

JS-SDK是WeixinJSBrige的一个包，是新功能的发布。

[有痛点]

移动网络体验不佳。

[方案v1]

推出JS-SDK增强版（不向公众开放）。

增加“微信网络资源离线存储”功能。

[方案v1的问题]

（1） 复杂的页面仍然存在白屏问题。例如，有许多CSS和JavaScript，文件执行会占用大量UI线程，导致出现白色屏幕。

（2） 缓存方案很复杂，对开发人员的要求很高。

[愿景]

设计一个更好的系统，让所有开发者都能在微信中有更好的体验。

包括：

（1） 快速加载

（2） 更强大的功能（如使用本机功能）

（3） 本地经验

（4） 易于使用且安全的微信数据开放

（5） 高效简单的开发

解决方案

启动小程序。

2、 小程序和普通网页开发之间有四个主要区别：

UI呈现和脚本执行是否使用同一线程、是否可以执行DOM操作、运行环境和开发依赖关系

1.UI渲染和脚本执行

网页：UI渲染和脚本执行使用相同的线程，脚本执行将阻止UI渲染。

小程序：UI渲染和逻辑执行使用不同的线程，脚本执行不会阻止UI渲染。

2.DOM操作

网页：您可以使用DOM和BOM API执行DOM和BOM操作

小程序：逻辑层在JSCore中运行。没有完整的浏览器对象，就没有DOM和BOM API，无法执行DOM和BOM操作。

笔记

JSCore的环境与浏览器和NodeJS的环境不同。因此，除了无法使用DOM和BOM API之外，一些NPM包也无法在小程序中运行。

3.操作环境

网页：各种浏览器，各种网络视图

小程序：iOS、Android、小程序开发工具

4.发展依赖性

网页：编辑器、浏览器

小程序：小程序帐户，开发者工具

第二部分：小程序代码组成1.JSON配置JSON文件在小程序代码中扮演静态配置的角色，并在小程序运行之前确定其性能。

[注]

小程序无法在运行过程中动态更新JSON配置文件以进行相应更改。

2、 WXML模板1.属性区分大小写：类和类是不同的属性。

2.变量名区分大小写：｛｛name｝｝和｛｛｝name｝是不同的变量。

3.Wx:for=“array”：默认变量名为item，默认下标签名为index。

4.wx有两种形式：key：

Wx:key=“uniqueKey”或Wx:key=“*this”（表示项目本身，必须是唯一的字符串/数字）

5.模板：

您可以在模板中定义代码段，并在不同的地方调用它们。使用名称属性作为模板的名称。然后在＜template/＞中定义代码段。

定义模板：

使用模板：