第一章总结

认识微信小程序

1. 简介：2011年1月21日推出     2017年1月上线

2. 特征 ：1.无需安装 2.触手可及 3.用完即走 4.无需卸载

3. 应用场景的特点：1.简单的业务逻辑 2.低频度的使用场景

第一个小程序

Component({
  data: {
    motto: 'Hello World',
    userInfo: {
      avatarUrl: defaultAvatarUrl,
      nickName: '',
    },
    hasUserInfo: false,
    canIUseGetUserProfile: wx.canIUse('getUserProfile'),
    canIUseNicknameComp: wx.canIUse('input.type.nickname'),
  },

微信小程序开发流程

  微信小程序开发流程为：第1步，在微信公众平台上注册小程序账号；第2步，下载开发者工具进行编码；第3步，通过开发者工具提交代码，待通过审核后便可以发布。

工具界面功能介绍

成功创建项目后进入工具界面

工具界面划分五大区域：工具栏、模拟器、目录文件区、编辑区、调试区

1. 工具栏
在工具栏中可以实现多种功能，例如账号的切换，模拟区、编辑区、调试区的显示/隐藏，小程序的编译、预览，切换后台，清理缓存等。

 2. 模拟区
在模拟区中选择模拟手机的类型、显示比例、网络类型后，模拟器中会显示小程序的运行效果。

3. 目录文件区
目录文件区用来显示当前项目的目录结构，单击左上角的“+”按钮可以进行目录和文件的创建，右键单击目录文件区中的文件或目录可以进行“硬盘打开”“重命名”“删除”等相关操作。

 

4. 编辑区
编辑区用来实现对代码的编辑操作，编辑区中支持对•wxml、•wxss、.js 及.json 文件的操作，使用组合键能提高代码的编辑效率。

 5．调试区
调试区的功能是帮助开发者进行代码调试及排查有问题的区域。小程序系统为开发者提供了9个调试功能模块，分别是 Console、Sources、Network、Security、Storage、AppData、Wxml、Sensor 和 Trace。最右边的扩展菜单项“：”是定制与控制开发工具按钮。

 本章小结

    本章首先介绍了微信小程序，讲解了微信小程序的特征及微信小程序应用场景的特点，然后重点讲解了微信小程序项目的开发流程，最后介绍了微信小程序开发工具的使用。通过对本章的学习，读者能够从概念上对小程序有一个基本认识，为学习后续章节打下良好的基础。