360前端星计划--小程序，大世界

01 简介

小程序解决了什么问题

相关的技术栈

1.HTML/CSS/JavaScript

2.NodeJS

3.移动设配

4.HTTP协议/HTTPS

5.OAuth2

6.GIT

主要的小程序平台

类似小程序的技术

Cordova: 通过webview渲染，通过插件调用系统服务

PWA: Service Worker和Push API

React Native/Weex: JavaScript通过JavaScriptCore等执行，并通过Bridges和Native组件交互

Flutter: Dart直接与独立系统的UI库进行交互

02 小程序技术架构

文件结构及其含义

1..json后缀的JSON配置文件

2..wxml后缀的WXML模板文件

(1)本质是HTML模板

(2)有特定的标签

(3)接管一些简单的逻辑判断

(4)JS不直接操作DOM，只负责set数据  (数据驱动)

3..wxss后缀的WXSS样式文件

(1)提供rpx单位

(2)精简的CSS

(3)提供全局和局部的CSS

4..js后缀的JS脚本逻辑文件

(1)负责逻辑交互

(2)APP/Page/Component三个构造函数

(3)可调用系统API

双线程模型

生命周期

组件

其他

(1)插件机制

(2)云端函数

(3)小游戏

03 开发发布流程

1.开发者在小程序平台注册小程序，以获得APPID

2.初始化代码并完成代码仓库配置

3.开发代码并调试

4.上传并发布

https://mp.weixin.qq.com/

04 小程序的发展

多端同构框架

1.意义：一次编写适配多端，一次迭代各端同步

2.利用Web的优点，以及对各个平台进行动态适配

自动化

1.控制小程序跳转到指定页面

2.获取小程序页面数据

3.获取小程序页面元素状态

4.触发小程序元素绑定事件

5.往AppService注入代码片段

6.调用wx对象上任意接口

硬件框架

https://developers.weixin.qq.com/doc/oplatform/Miniprogram Frame

云IDE

https://minicode.alipay.com/dashboard/recent?chInfo=ide-server

W3C小程序工作组