微信小程序介绍及使用
什么是微信小程序
小程序是一种无需安装,即可使用的手机「应用」。只需要扫描二维码,或是搜一搜,就能立即使用。不同的小程序,能帮你实现不同的功能。也体现了「用完即走」的理念,用户不用关心是否安装太多应用的问题。应用将无处不在,随时可用,但又无需安装卸载。
微信小程序的优点
优点
- 速度快、不占内存:不需要再下载什么APP啦,既费流量,又占空间内存。小程序就是方便,即用即走;
- 丰富的设备访问能力:微信为小程序提供了非常多的控件,它拥有更加丰富的设备访问能力(比如说GPS、相机等等);
- 入口方便:微信搜索,发现入口、 线下小程序、公众号内链、转发小程序、公众号关联小程序、商家公众平台自定义菜单等等;
- 开发成本低、维护简便;
缺点
- 只有2M的大小,导致无法开发大型的小程序。
- 不能跳转外链网址,间接影响了小程序的开放性。
- 不能直接分享到朋友圈。
- 需要像App一样审核上架,比H5即做即发布要麻烦
微信小程序和app的比较
小程序实现
小程序是基于WEB规范,采用HTML,CSS和JS等搭建的一套框架,微信官方给它们取了一个很牛逼的名字:WXML,WXSS,但本质上还是在整个WEB体系之下构建的。 由下面几部分组成:
- 列表项 一个入口文件:app.js
- 一个全局样式:app.wxss
- 一个全局配置:app.json
- 页面:pages下,每个页面再按文件夹划分,每个页面4个文件
- 视图:wxml,wxss
- 逻辑:js,json
小程序页面周期
- onload 初次加载 只有第一次进入才会触发
- onShow 页面显示
- onReady 首次显示页面,渲染页面元素和样式,一个页面只会调用一次。
- onHide 当小程序后台运行或跳转到其他页面时页面影藏
- onUnload 页面卸载
如下图
微信小程原生和框架开发对比
- 原生开发:
开发者需要全新学习小程序的抒写格式,目前版本模板中支持 slot,但是不支持 npm 包。原生不支持 css 预处理器,但是 vsCode 中 Easy WXLESS 插件可以将 less 文件自动转换为 wxss 文件; - wepy:
开发者需要熟悉 vue 和 wepy 两种语法,支持 slot 组件内容分发插槽,支持 npm 包,支 - mpvue:
开发者需要熟悉 vue ,目前版本(v1.0.5)不支持 slot ,支持 npm 包,支持 css 预处理器;