微信小程序介绍

微信官方文档： https://developers.weixin.qq.com/doc/
小程序： https://developers.weixin.qq.com/miniprogram/dev/framework/

一、简介

1、优点：

• 快速加载， 无需安装。
• 原生的体验。
• 易用且安全的微信数据开放。
• 高效简单的开发。

2、和普通网页开发的区别：
相似： 小程序的主要开发语言是JavaScript。

普通网页开发	小程序
渲染线程和脚本线程是互斥的，长时间的脚本运行可能会导致页面失去响应。	小程序中二者是分开的， 分别运行在不同的线程中。
可以使用浏览器暴露出来的DOM API	小程序的逻辑层和渲染层是分开的，逻辑层运行在 JSCore 中，并没有一个完整浏览器对象，因而缺少相关的DOM API和BOM API。
运行环境是各种浏览器	小程序运行在安卓、iOS的微信客户端，开发工具
开发中，用到浏览器及编辑器	申请账号，特定的开发工具

3、使用

申请账号-小程序后台： 开发/开发设置 AppID
安装开发者工具。

4、新建小程序项目


点击工具上的“编译”，可在模拟器界面看到小程序的表现。也可以点击“预览”用手机扫码看效果。

5、小程序页面
微信客户端在打开小程序之前， 会把整个小程序的代码包下载到本地。
通过app.json的pages字段可以知道小程序所有也买不的路径。

{
  "pages":[
    "pages/index/index",// 首页
    "pages/logs/logs"
  ]
}

一个页面有四个文件：

渲染过程：

• 根据json配置生成一个界面（顶部的颜色和文字）；
• 装载页面的wxml结构和wxss 样式。
• 最后装载js。