由来:

学校在搞一个为期 10 天的实训, 简单记录一下学习笔记.


微信小程序的一些官方文档教程：

https://developers.weixin.qq.com/miniprogram/dev/framework/quickstart/


https://developers.weixin.qq.com/ebook?action=get_post_info&docid=0008aeea9a8978ab0086a685851c0a

注册微信小程序的账号：

微信小程序属于微信公众平台里面的，微信公众平台现在可以做 3 种事情：订阅号、服务号、小程序。

对个人来说，已经注册过订阅号的邮箱，是不能再来注册小程序的，需要重新换一个新的邮箱。

微信小程序的兴起:

小程序基于微信而存在的，不需要考虑各种系统的兼容问题。只需要面对 Android 或 IOS 的微信客户端即可 .

运行环境 逻辑层 渲染层
iOS JavaScriptCore WKWebView
安卓 V8 chromium定制内核
小程序开发者工具 NWJS Chrome WebView

小程序的宿主环境: 微信客户端给小程序提供的环境.

小程序运行环境分为: 渲染层(WXSS WXML) 和 逻辑层(JS) .

分别由 2 个线程来管理.

渲染层有 多个 WebView 线程(渲染界面), 逻辑层 用 JsCore 线程 执行 JS 脚本.

这 2 个线程直接通过 微信客户端 来进行通信.

微信小程序的代码文件

一: 小程序是由一个一个的页面组成的, 一个页面包括 4 种类型的文件.
  1. .json 后缀的 JSON 配置文件
  2. .wxml 后缀的 WXML 模板文件
  3. .wxss 后缀的 WXSS 样式文件
  4. .js 后缀的 JS 脚本逻辑文件

注: JSON 是一种静态格式, 扮演着静态配置的角色.

二: pages 文件夹下面放置页面文件. 一个文件夹就是一个页面. 一个页面里包含 4 个文件.
三: utils 文件夹是可以看成是一个工具包 , 可以包括 .json .wxss .js 的文件. 属于外来的文件.
四: 根目录下放置的 app.json app.wxss app.js 文件是属于全局的文件.

app.json 下, 常用到的有 pages 属性 和 window 属性.

  1. pages 属性 :

    用于描述当前小程序所有页面路径，这是为了让微信客户端知道当前你的小程序页面定义在哪个目录。

    每个页面对应着在 pages 文件下的那些文件.

  2. window 属性 :

    定义小程序所有页面的顶部背景颜色，文字颜色定义等。

五: project.config.json 文件:

  • 项目配置文件, 可以做一些个性化的东西. 例如界面颜色、编译配置等等

    当换了另外一台电脑重新安装工具的时候，写上这个 配置文件 就可以, 就不用重新配置了.

  • 默认生成的 内容:

微信开发工具的一些简单说明

1.编译

​ 编译是将微信小程序项目中的所有代码重新编译执行，在编辑的左侧模拟器中查看最后的显示结果。

2.预览

​ 预览是将微信小程序项目中的所有代码上传到微信服务器，通过手机扫描查看显示结果。

3.上传

​ 当项目开发完毕以后，用来将项目上传微信服务器等待审核。

4.详情

​ 详情中包含的是项目的基本信息、本地设置以及项目配置。