初识微信小程序第一弹

      按照惯例，写作之前先逼逼一会儿。这里不得不说最近过的有点懵，本来公司的业务需求是用hbuilder开发app，我都准备入坑了，结果临时又换成react native了，没办法啊，我就被分配到开发微信小程序了。不过也挺好的，反正我是一个前端辣鸡，哈哈哈。。。
      接下来是正文，严肃脸：
1、什么是微信小程序？
      微信小程序（wei xin xiao cheng xu），简称小程序，缩写XCX，英文名wechat liteapp，是一种不需要下载安装即可使用的应用，它实现了应用“触手可及”的梦想，用户扫一扫或搜一下即可打开应用。由此可知，小程序必定是精简的，小程序可以和公众号相关联，实现相互跳转。

2、微信小程序的申请：具体参考：      https://mp.weixin.qq.com/debug/wxadoc/introduction/#开发者工具的使用
这个也是传说中的单页应用。。

3、小程序的目录结构：app.js app.json app.wxss 这三个文件必须放到项目的根目录去。。。。小程序的主体部分主要是：
（1）js–》代表页面逻辑
（2）wxml–》代表页面结构
（3）wxss–》代表页面的样式表（如果没有该文件的话，则自动加载app.wxss文件）
（4）json–》代表页面的配置（只能重写app.json的window部分）

4、开发第一步，注册程序。文档在这里
https://mp.weixin.qq.com/debug/wxadoc/dev/framework/app-service/app.html，由链接可以知道，小程序的注册方法是App()方法。
注意：
App() 必须在 app.js 中注册，且不能注册多个。
不要在定义于 App() 内的函数中调用 getApp() ，使用 this 就可以拿到 app 实例。
不要在 onLaunch 的时候调用 getCurrentPages()，此时 page 还没有生成。
通过 getApp() 获取实例之后，不要私自调用生命周期函数。

5、小程序的视图：
      数据绑定使用 Mustache 语法（双大括号）将变量包起来，类似以： {{ message }} ，需要注意的是，如果变量名有相同的，则后面的覆盖前面的。 花括号和引号之间如果有空格，将最终被解析成为字符串。等同于

6、引入样式：
与传统的css相比，区别有两个，
第一个：引入尺寸单位：1rpx = 0.5px=1物理像素
第二个：使用@import语句可以导入外联样式表，@import后跟需要导入的外联样式表的相对路径，用;表示语句结束，例如：@import “common.wxss”;
还有一个区别：比如定义颜色：，用双括号来渲染颜色。

7、如果遇到用户的微信客户端版本过低等问题，请参考文档，https://mp.weixin.qq.com/debug/wxadoc/dev/framework/compatibility.html

8、所谓组件：
（1）组件是视图层的基本组成单元。
（2）组件自带一些功能与微信风格的样式。
（3）一个组件通常包括开始标签和结束标签，属性用来修饰这个组件，内容在两个标签之内。

注意：所有组件与属性都是小写，以连字符-连接
8、https://mp.weixin.qq.com/debug/wxadoc/dev/devtools/download.html，下载微信提供的开发工具，能让我们一边写代码，一边进行调试的。然后安装，目录你自己选就可以了。安装成功之后会新建项目，我们没有appid，所以选择无appid即可，然后起名字，项目目录就写成你准备撸代码的目录（随便哪里都可以），然后打开工具。接下来就可以进行愉悦的开发了。

end

第二弹还在总结中，楼主也是第一次接触这个东东，慢慢积累慢慢写，希望到时候能帮到需要它的人