组织结构
第一部分:基础,环境搭建、框架及运行原理、规则、每个文件的作用、WXML、WXSS、CSS布局基础等;
第二部分:组件与API;
第三部分:案例。
Chap-1 初识
1.1 简介
采用了类似 React Native、Weex一样的解析技术,一套代码可在多端运行。相对H5应用,具有更好的原生体验。
官方规定,小程序包 <= 1 M
1.2 接入流程
- 微信平台注册,完善信息;
- 下载开发者工具,提交代码;
- 官方审核,发布。
注意事项:
- 每个机构账号最多注册 50个;
- 每个小程序一年交 300元;
- 所有小程序需绑定一个邮箱;
- 一个手机号最多绑 5 个小程序;
1.2.1 注册(略)
1.2.2 开发环境
目前小程序名一旦确定后不能修改发布前可改2次,发布后 2次/年;
一个小程序最多绑 20 个开发者,未认证的 10个;
1.3 第一个小程序
登录小程序开发工具,新建项目
Chap-2 小程序开发核心
2.1 简介
小程序将整个系统分为视图层、逻辑层。
-
视图层
由 WXML(标签语言) 和 WXSS(描述WXML组件样式) 组成,类似于HTML和CSS。渲染时会被框架解析为不同端的本地渲染文件,达到一套代码多处运行的目的。 -
逻辑层
是一套运行的JavaScript代码,此基础上框架实现了一套模块化机制,让每个JS文件有独立作用域和模块化能力,这套模块化机制遵循CommonJS规范。(???) -
对比前端开发
类似HTML+CSS+JavaScript,不同的是没有 DOM 的概念,本地JS引擎中也没有 window、document等对象,不能通过操作 DOM 来操作页面。
小程序中试图层与逻辑层交互是通过数据绑定和事件响应实现的。首先绑定逻辑、视图层的数据、事件,其次需要修改页面时调用setData方法修改绑定的数据,框架会自动触发WXML重新渲染。
网友评论