笔记一：认识微信小程序

第一节：微信小程序介绍

1.什么是微信小程序？

小程序是一种不需要下载安装即可使用的应用，它实现了应用“触手可及”的梦想，用户扫一扫或者搜一下即可打开应用。也体现了“用完即走”的理念，用户不关心是否安装太多应用的问题。应用将无处不在，随时随地可用，但又无需安装卸载。

关键字：无需下载安装卸载触手可及用完即走

2.微信小程序的功能

小程序可提供的功能：
分享页、线下扫码、挂起状态、消息通知、实时音视频录制播放、
硬件连接、小游戏、公众号关联、搜索查找、识别二维码

小程序不提供的功能：
没有集中入口、没有应用商店；
没有订阅消息；
不能推送消息。

3.微信小程序使用场景

发布小程序时需要选择服务类目，通过服务类目可知小程序的使用场景。

服务类目一般包括：
个人服务类目：针对以个人为开发主体的小程序，服务范围小。
企业服务类目：针对以企业为开发主体的小程序，服务范围大。

4.微信小程序能取代App吗？

原生App一般同时需要开发Android和iOS版本，而小程序只需一版，因此，小程序是“跨平台”的；

小程序是跨平台的，但是缺乏成熟的组件，缺少统计、绘图组件，以前的echarts和hightcharts都无法使用；

小程序不支持WebView，大量已被静态化好的HTML页面完全没办法在小程序上展示；

小程序想取代Android和iOS还要走很长的路，是蓝海还是死海需要时间来验证。

5.微信小程序的发展历程

（1） 2016年1月9日，微信团队首次提出应用号概念；
（2） 2016年9月22日，微信公众平台对外发送小程序内侧邀请，内侧名额200个；
（3） 2016年11月3日，微信小程序对外公测，开发完成后可以提交审核，但公测期间不能发布；
（4） 2016年12月28日，张小龙在微信公开课解答外界对微信小程序几大疑惑，包括没有应用商店、没有推送消息等等内容；
（5）2016年12月30日，微信公众平台对外公告，上线的微信小程序，最多可生成10000个带参数的二维码；
（6） 2017年1月9日，微信小程序正式上线；
（7） 2017年3月27日，个人开发者可以申请小程序开发和发布；
（8） 2017年4月 17日，小程序代码包大小限制扩大到2M.；
（9） 2017年4月20日，发布公众号关注小程序新规则；
（10） 2017年5月12日，发布“小程序数据助手”；
（11） 2017年12月28日，微信更新的6.6.1版本开放了小游戏；
（12）2018年1月18日，微信提供了电子化的侵权投诉渠道，用户或者企业可以在微信公众平台以及微信客户端入口进行投诉；
（13） 2018年1月25日，微信团队在“微信公众平台”发布公告称，“从移动应用分享至微信的小程序页面，用户访问时支持打开来源应用；
（14）2018年3月，微信正式宣布小程序广告组件启动内测，内容还包括第三方可以快速创建并认证小程序、新增小程序插件管理接口和更新基础能力，开发者可以通过小程序来赚取广告收入。

6.微信小程序带来的机会和发展前景

机会：
小程序为很多想做程序员的人提供了机会，因为它的开发门槛较低；
小程序为企业提供了流量入口，企业可以通过小程序推广自己的产品。

发展前景：生态体系、开放能力、用户粘性

7.微信小程序与小程序一样吗？

微信小程序是小程序的一种。
小程序有很多，比如支付宝、百度、360等都有自己的小程序，微信小程序只是其中一种，但由于与微信有着天然的联系，所以微信小程序是最广为人知的。

第二节：开发准备

1.基础技术准备

这个界面就是当你新建一个项目时，所呈现的。
上方就是菜单和工具栏。
白色部分就是模拟器，在它的右边是编辑器，截图的时候没有注意到调试器是隐藏的，所以在这个界面上就没有调试器。（左上方，头像的右边绿色的部分，显示绿色为显示，没有绿色表示隐藏，你可以点击它来选择是否隐藏）

我主要想说的是在编辑器这一部分：
编辑器分为两部分：
（1）项目文件目录和结构展示区
也就是紧靠白色区域的右边，有明显的结构层次。
在项目目录或文件上单击右键可完成新建文件、删除、重命名目录或文件等。

wxml文件：微信小程序自定义了一套语言称为WXLL（微信标记语言），它的使用方法类似于HTML。常用标签为 view 、text 等，没有所谓的div、span、p一类的标签了，我们习惯称它们为组件

wxss文件：微信小程序还定义了自己的样式语言WXSS，兼容了CSS，并做了扩展。

app.js：做为小程序的入口，里面有个App实例，每个小程序只会有一个App实例，小程序启动以后触发onLaunch函数执行，获取用户信息

app.json：是小程序的所有全局配置，pages字段放置所有页面的路径，window字段定义所有页面的顶部背景颜色，文字颜色

app.wxss文件就是页面公用的样式，仅支持部分css选择器

（2）代码编辑区
最右边一大片空白的地方，就是编辑代码的地方。因为我没有选中文件，所以此时是空白的。

在该区编写代码，可通过模拟器区实时预览。
修改wxss、wxml文件，会刷新当前页面。
修改js或json文件，会重新编译小程序。

2.注册开发者账号

3.安装微信开发者工具

4.微信小程序官方开发文档

账号的注册与微信开发者工具的安装就不再介绍。
微信小程序官方开发文档就类似于一个字典，在网页上搜索也很很容易找到的。

说明：笔记内容是根据西安交通大学谢涛老师的 MOOC视频《微信小程序开发》来写的。