微信小程序已经出来将近2个月了，虽然还是内测但是很多同学已经在开始自己研究了，网上有好多评论微信小程序怎么怎么的，我个人感觉既然一个新技术出来肯定有它出现的理由，不妨学一学。废话不多说，微信小程序开发者文档我已经上传到github上开发者文档，如有需要可以下载，开发者工具小程序开发工具。
好下面我们来创建一个新的项目，并且剖析一下项目目录中各个文件的作用。打开开发者工具并且登录。
新建项目
如果没有appID的，就直接选择 无AppID(AppID目前只有内测资格的人员才有)，接下来点击添加项目。
项目目录结构
我们可以看到这个项目，已经初始化并包含了一些简单的代码文件。最关键也是必不可少的，是app.js、app.json、app.wxss这三个。其中，.js后缀的是脚本文件，.json后缀的文件是配置文件，.wxss后缀的是样式表文件。
app.js是小程序的脚本代码。我们可以在这个文件中监听并处理小程序的生命周期函数、声明全局变量。
我的理解：（看不懂没关系，你只需要知道这个文件是监听整个程序的，处理程序生命周期等等）相当于iOS里面Appdelegate类。
app.js文件
app.json是对整个小程序的全局配置。我们可以在这个文件中配置小程序是由哪些页面组成，配置小程序的窗口�背景色，配置导航条样式，配置默认标题。(注意该文件不可添加任何注释)
我的理解：就是配置界面跳转的和导航栏的。，pages标签里配置的两个路径，就是当前项目里面啷个页面的路径，window标签里面，设置的是整个项目里面navigationBar的属性。
app.json文件
app.wxss是整个小程序的公共样式表。我们可以在页面组件的class属性上直接使用app.wxss中声明的样式规则。
我认为：这个文件就是设置整个项目的css文件。针对每个页面的css文件的内容不同，加载到对应页面的css样式时，当前页面的wxss文件会覆盖app.wxss文件。
app.wxss文件
现在我们来项目的启动流程，项目启动后，从app.js文件中获取用户数据，从app.wxss中设置界面样式，从app.json中配置跳转的第一个页面，默认跳转page标签里的第一个页面。在刚刚的项目里就是index的页面。
每一个小程序页面是由同路径下同名的四个不同后缀文件的组成，如：index.js、index.wxml、index.wxss、index.json。.js后缀的文件是脚本文件，.json后缀的文件是配置文件，.wxss后缀的是样式表文件，.wxml后缀的文件是页面结构文件。
分析一下index的目录结构：发现它比app文件少了.json文件，多了一个.xml文件，如果页面中没有.json文件，则默认读取app.json文件，如果有则覆盖。
index目录
index.wxml 文件就是html页面，在里面可以画UI.每个界面的UI都是不一样的。基本上。wxml文件是必不可少的。wxcss和.json和.js文件都不一定是必须的。
index.xml
index.js是页面的脚本文件，在这个文件中我们可以监听并处理页面的生命周期函数、获取小程序实例，声明并处理数据，响应页面交互事件等.（如果该页面只是一个静态页面 则该文件可以省略）
index.js
index.wxss是页面的样式表：(页面的样式表是非必要的。当有页面样式表时，页面的样式表中的样式规则会层叠覆盖app.wxss中的样式规则。如果不指定页面的样式表，也可以在页面的结构文件中直接使用app.wxss中指定的样式规则)
index.wxss
这就是小程序的目录结构。
网友评论