微信小程序介绍及使用

什么是微信小程序

小程序是一种无需安装，即可使用的手机「应用」。只需要扫描二维码，或是搜一搜，就能立即使用。不同的小程序，能帮你实现不同的功能。也体现了「用完即走」的理念，用户不用关心是否安装太多应用的问题。应用将无处不在，随时可用，但又无需安装卸载。

微信小程序的优点

优点

• 速度快、不占内存：不需要再下载什么APP啦，既费流量，又占空间内存。小程序就是方便，即用即走；
• 丰富的设备访问能力：微信为小程序提供了非常多的控件，它拥有更加丰富的设备访问能力（比如说GPS、相机等等）；
• 入口方便：微信搜索，发现入口、 线下小程序、公众号内链、转发小程序、公众号关联小程序、商家公众平台自定义菜单等等；
• 开发成本低、维护简便；

缺点

• 只有2M的大小，导致无法开发大型的小程序。
• 不能跳转外链网址，间接影响了小程序的开放性。
• 不能直接分享到朋友圈。
• 需要像App一样审核上架，比H5即做即发布要麻烦

微信小程序和app的比较

小程序实现

小程序是基于WEB规范，采用HTML,CSS和JS等搭建的一套框架，微信官方给它们取了一个很牛逼的名字：WXML,WXSS，但本质上还是在整个WEB体系之下构建的。 由下面几部分组成：

1. 列表项 一个入口文件：app.js
2. 一个全局样式：app.wxss
3. 一个全局配置：app.json
4. 页面：pages下，每个页面再按文件夹划分，每个页面4个文件
5. 视图：wxml，wxss
6. 逻辑：js，json

小程序页面周期

1. onload 初次加载 只有第一次进入才会触发
2. onShow 页面显示
3. onReady 首次显示页面，渲染页面元素和样式，一个页面只会调用一次。
4. onHide 当小程序后台运行或跳转到其他页面时页面影藏
5. onUnload 页面卸载

如下图

微信小程原生和框架开发对比

• 微信小程序原生api
• wepy
• mpvue

1. 原生开发：
   开发者需要全新学习小程序的抒写格式，目前版本模板中支持 slot，但是不支持 npm 包。原生不支持 css 预处理器，但是 vsCode 中 Easy WXLESS 插件可以将 less 文件自动转换为 wxss 文件；
2. wepy：
   开发者需要熟悉 vue 和 wepy 两种语法，支持 slot 组件内容分发插槽，支持 npm 包，支
3. mpvue：
   开发者需要熟悉 vue ，目前版本（v1.0.5）不支持 slot ，支持 npm 包，支持 css 预处理器；