初读小程序

微信小程序开发调研文档

经过调研，首先微信小程序的开发不同于h5开发，也即是说微信小程序的页面是通过另一套特殊的代码编写的，所以并不能将h5的代码嵌入到微信的小程序中。so   sad~其次，经过调研微信小程序提供录音相关的api。也提供上传手机图片并且预览的api。并且可以在小程序内扫描二维码。

下面我简单说明一下微信小程序的开发步骤： 

 

• 申请appID（注意，这个appid和微信公众号，服务号的appid不同，不能混用）。首先  要注册微信公众平台，而现在的微信公众平台对个人用户很不友好，也就是说个人用户注册不了微信公众平台。也就拿不到appid。试了一下，没有appid的小程序可以跑在电脑上的模拟器上。
• 编写代码。目前微信小程序的开发都放在企鹅官方的开发工具上。包括调试，运行。有着不错的体验。当然也可以在自己的编辑器上写好放在开发工具上。小程序其实是一系列脚本文件，类似h5网页。一个小程序中app.js、app.json、app.wxss 这三个必不可少。其中，.js后缀的是脚本文件，.json后缀的文件是配置文件，.wxss后缀的是样式表文件。微信小程序会读取这些文件，并生成小程序实例。
• app.js是小程序的脚本代码。我们可以在这个文件中监听并处理小程序的生命周期函数、声明全局变量。调用框架提供的丰富的   API，比如上图中的启动方法一中调用了微信api实现了同步存储及同步读取本地数据的功能，方法二中调用了微信登录的api获取了globaldata中的全局变量userinfo。
• app.json 是对整个小程序的全局配置。我们可以在这个文件中配置小程序是由哪些页面组成，配置小程序的窗口背景色，配置导航条样式，配置默认标题。注意该文件不可添加任何注释。
• app.wxss 是整个小程序的公共样式表。我们可以在页面组件的 class 属性上直接使用 app.wxss 中声明的样式规则。（类似网页开发中的css样式表）
• 一个微信小程序的目录结构如下。微信小程序中的每一个页面的【路径+页面名】都需要写在 app.json 的 pages 中，且 pages 中的第一个页面是小程序的首页。 
• 每一个小程序页面是由同路径下同名的四个不同后缀文件的组成，如：index.js、index.wxml、index.wxss、index.json。.js后缀的文件是脚本文件，.json后缀的文件是配置文件，.wxss后缀的是样式表文件，.wxml后缀的文件是页面结构文件。 
• index.wxml 是页面的结构文件：（类似于h5文件，形成页面的主要结构）下图中view  

index.js 是页面的脚本文件，在这个文件中我们可以监听并处理页面的生命周期函数、获取小程序实例，声明并处理数据，响应页面交互事件等。（类似于js文件，处理页面中动态行为） 

index.wxss 是页面的样式表：（非必需，如果不生成这个文件则默认使用app.wxss）

index.json 是页面的配置文件：（非必需，如果不生成这个文件则默认使用app.json）