微信小程序 根据官方文档学习记录

小程序框架：

1 文件结构：一个小程序主体部分由三个文件组成，必须放在项目的根目录

app.js(小程序逻辑), app.json(小程序公共设置), app.wxss(小程序公共样式表)

2 一个小程序页面由4个文件组成：js(页面逻辑),  wxml(页面结构),  wuss(页面样式表),json(页面配置)

3 逻辑层(App Service)

1) 小程序开发框架的逻辑层是由JavaScript编写

2) 逻辑层将数据进行处理后发送给视图层，同时接受视图层的事件反馈。 在 JavaScript的基础上，我们做了一些修改，以方便地开发小程序.

• 增加 App 和Page 方法，进行程序和页面的注册。
• 增加 getApp 和 getCurrentPages方法，分别用来获取 App 实例和当前页面栈。
• 提供丰富的 API，如微信用户数据，扫一扫，支付等微信特有能力。
• 每个页面有独立的作用域，并提供模块化能力。
• 由于框架并非运行在浏览器中，所以 JavaScript 在 web中一些能力都无法使用，如 document，window等。
• 开发者写的所有代码最终将会打包成一份 JavaScript，并在小程序启动的时候运行，直到小程序销毁。类似 ServiceWorker，所以逻辑层也称之为 App Service。
• 3）注册页面：Page()函数用来注册一个页面，接受一个Object参数，其指定页面的初始化数据，生命周期函数，事件处理函数等。
• 4）初始化：初始化数据将作为页面的第一次渲染，data将会以JSON的形式由逻辑层传至渲染层，所以其数据必须是可以转成JSON的格式，字符串，数字，布尔值，对象，数组。
• 5）模块化： 生命周期函数：(页面加载，页面显示，页面初次，渲染渲染完成，页面隐藏，页面卸载)
• 6）页面相关事件处理函数：
• Page.prototype.setData(), 函数用于将数据从逻辑层发送到视图层，同时改变对应的this.data的值。
• getCurrentPages(): 函数用于获取当前页面的实例，以数组形式按的顺序给出，第一个元素为首页，最后一个元素为当前页面。
• 7）模块化：文件作用域：在javaScript文件中声明的变量和函数只在该文件中有效，不同的文件中可以声明相同名字的变量和函数。
• 4 视图层
• 1）框架的视图层由WXML与WXSS编写,由组件来进行展示；
• 2）将逻辑层的数据反应成视图，同时将视图层的事件发送给逻辑层；
• 3）WXML用于描述页面的结构；
• 4）WXSS用于描述页面的样式。
• 5）组件是视图的基本组成单元。
• - WXML
• a) 数据绑定
• b)条件渲染
• c)列表渲染
• d)模板
• e)事件
• f)引用