微信小程序原生开发简介

总结：

1. 逻辑层使用js引擎，视图层使用webview渲染

2. 微信小程序已经支持了绝大部分的 ES6 API

3. 可以自动补全css的兼容语法

文档：https://developers.weixin.qq.com/miniprogram/dev/framework/details.html

一. 设计

总结：

设计图750px， 1px =  1rpx，方便计算

 

二. 小程序页面结构

 wxml:

功能类似html，描述节点，但小程序的 WXML 用的标签是 view, button, text 等等，这些标签就是小程序给开发者包装好的基本能力，我们还提供了地图、视频、音频等等组件能力

wxss:

类似css，有css大部分属性：

1. 单位rpx

2. 样式导入和less等css预处理器一致，用@import

3. 不能用嵌套选择器

 js: 

微信小程序的 JavaScript 运行环境即不是 Browser 也不是 Node.js。它运行在微信 App 的上下文中，不能操作DOM，没有window, document, 也不能通过 Node.js 相关接口访问操作系统 API

JS 脚本文件通过改变数据来处理用户的操作

Page({ data: { msg: '' }, clickMe: function() { this.setData({ msg: "Hello World" }) } })