微信小程序开发介绍

基础

介绍

1. 小程序最新数据信息
   (1) 已发布小程序 100万+
   (2) 开发者 150万+
   (3) 第三方平台5000+
   (4) 每日人均打开次数 4次
   (5) 主动访问 54%
2. 微信小程序是一种全新的连接用户与服务的方式，它可以在微信内被便捷地获取和传播，同时具有出色的使用体验。
   对比：人与商品、人与人、人与服务。
3. 特点：（1）无需下载安装；（2）随时可用；（3）用完即走；
4. 哪些应用适合微信小程序
   业务简单、使用频率低、性能要求不太高。

开发流程

注册小程序 - 代码开发 - 提审 - 上线

注册小程序

获取AppID

微信开发者工具

（1） 模拟器
（2） 编辑器
（3） 调试器

代码结构

App层
app.js
小程序入口
app.json - 全局配置
app.wxss - 全局样式
project.config.json - 工具配置。
page层
page.js - 页面入口
page.wxml - 页面模板
page.wxss - 页面样式
page.json - 页面配置

小程序的生命周期

onLaunch - 监听小程序初始化
onShow - 监听小程序展示
onHide - 监听小程序隐藏
onError - 监听脚本错误
onPageNotFound - 监听页面不存在

页面的生命周期

onLoad - 监听页面加载
onReady - 监听页面初次渲染完成
onShow - 监听页面显示
onHide - 监听页面隐藏
onUnload - 监听页面卸载

组件

小程序提供了丰富的基础组件给开发者，开发者可以像搭积木一样，组合各种组件拼合成自己的小程序。

API

为了让开发者可以很方便的调起微信提供的能力，例如获取用户信息、微信支付等等，小程序提供了很多 API 给开发者去使用。

分析

不同页面传值方式

(1) url传值
url?a=1&b=2
(2) 全局变量
globalData
(3) 本地缓存
setStorage

总结

开发方式

一、特点

• 并非运行在浏览器中。
• 新增了rpx尺寸单位。
• 类似Vue语法。
• 支持flex布局。
  一、优点
• 开发成本低。
• 丰富的组件。
• 完善的API。
• 自定义组件的支持。
  二、缺点
• 不支持npm。
• 代码包最多2M。

第三方开发库

wepy
mpvue

参考资料

微信开发社区