微信小程序

   今天研究了一下微信小程序,他的设计还是很巧妙的.通过开发文档还是看得非常详细的.

   腾讯的目的是为了在微信里面建立它的APP生态圈,以后我们的手机上可能就不需要再安装这么多APP了,直接进入微信就可以享受到想要的服务.这个野心是非常大的.

   不过既然腾讯开发出了这么一套框架就肯定会花大力去推广的而且肯定会有一波红利等着我们,我需要能抓住这一波.

他的架构非常简单,分为视图层和逻辑层当然你也可以再分出一个数据层.

        小程序开发框架的目标是通过尽可能简单、高效的方式让开发者可以在微信中开发具有原生 APP 体验的服务。框架提供了自己的视图层描述语言 WXML 和 WXSS,以及基于 JavaScript 的逻辑层框架,并在视图层与逻辑层间提供了数据传输和事件系统,可以让开发者可以方便的聚焦于数据与逻辑上。框架的核心是一个响应的数据绑定系统。整个系统分为两块视图层(View)和逻辑层(App Service)框架可以让数据与视图非常简单地保持同步。当做数据修改的时候,只需要在逻辑层修改数据,视图层就会做相应的更新

         虽然现在只发布了200个开发的内测账号,但是普通的没有账号的也可以使用开发工具开发的,只是部分的API会受限制而已,只要下载安装开发工具新建第一个项目时选择 无APPID 就可以实现普通的开发了.

QQ截图20161101232153.png

    它的结构如下:

QQ截图20161101232240.png

        

这里面包括了所有用到的开发编译和调试工具,其中一个小程序项目必须要有app.js,app.json,app.wxss 这个3个文件而且必须放在根目录下其中,.js后缀的是脚本文件,.json后缀的文件是配置文件,.wxss后缀的是样式表文件。微信小程序会读取这些文件,并生成小程序实例。

 

  1. app.json 是对整个小程序的全局配置。我们可以在这个文件中配置小程序是由哪些页面组成,配置小程序的窗口背景色,配置导航条样式,配置默认标题。

  2. app.wxss 是整个小程序的公共样式表。我们可以在页面组件的 class 属性上直接使用 app.wxss 中声明的样式规则。

  3. app.js是小程序的脚本代码。我们可以在这个文件中监听并处理小程序的生命周期函数、声明全局变量。调用框架提供的丰富的 API,如本例的同步存储及同步读取本地数据。

    更多的教程和API可以从 http://www.itlnk.com/  网站查询