微信小程序学习第一天（搭建项目，配置信息，渲染过程）

搭建项目

一、从新搭建一个项目，并且理解项目如何配置。
app文件是小程序的入口，home文件是小程序运行时候的首页。然后再配置首页时候，会自动再app.json里面配置首页页面的路径，page里面的第一个路径就是普通编译编译的第一个页面，也就是运行项目加载与展示的第一个页面，就可以运行了。wxml相当于html页面，wxss相当于css样式设置。

使用git管理项目

首先理解一下这个git管理项目是如何管理的。
**1、**看图，比如再原本大家都需要的代码的基础上，开发tag1功能、tag2功能，为了不让他们互相影响，再开发tag1功能后，把当前代码提交到GitHub上保存一下，然后回到未开发tag1功能之前，然后开发tag2功能

**2、**那么具体操作
下载好git管理工具，hash打开，然后，先进入项目，
首先对项目初始化 git init
然后把项目添加到git管理 git add .
然后提交并且起名字 git commit -m ‘初始化项目’
然后把项目部署到githab git remote add origin https://github.com/wangxiongbiao/learnweixin.git
git push -u origin master

进行上面的操作后，就相当于部署好了这个项目，然后进行具体使用
比如现在开发好功能一
首先 然后把项目添加到git管理 git add .
然后 然后提交并且起名字 git commit -m ‘功能1’
然后把功能1 设置一个标签 git tag 01_知识点1
查看标签 git tag
然后把项目发布到githap里面

然后现在要回到初始化的状态，也就是把功能一的代码退回
首先 git log 查看当前存在提交上去的项目的
然后复制一部分初始化项目的hash值

然后 git reset d8666d3b 就能回到初始化的项目
然后开发完功能2，就像上面那样就可以 了
那如何把项目再拿回来呢
只需要 git checkout 01_知识点1 就可以了

配置信息

1、比如tabbar就是再配置信息上设置的，也就是这个项目的配置信息就在app。json这里.
首先来连接项目配置文件，这个文件里面的信息其实就是这个项目的信息，比如说版本啊什么的，让你拿这个项目到其他电脑的时候，微信开发工具就会根据这个配置文件来对这个项目进行设置，这样也就是这个项目只有再开发的时候配置一下就可以 了。
如下面使用全局配置做一些全局配置
注意navigationBarTextStyle只能设置成黑色或者白色，
navigationBarBackgroundColor只能使用16禁制
上面都是全局配置，下面就来说说局部配置

比如想要再关于页面做一些自己的设置

微信小程序的界面渲染过程

微信平台为了执行小程序的这么多类型的文件

那这个双线程模型到底是什么呢，看下面图可以看到，是为了处理分别js文件和wxml和样式文件


然后下面就来研究下到底这个双线程是如何渲染界面的
首先，由于wxml也相当于html文件，所以它也就相当于一个dom树，由于dom树是可以让js对象来模拟成的，所以，看图，其实本来的dom树，经常js的模拟，就变成了对象

看对象，最外面的name就是最外面的view。里面的子标签也就是它的子对象

那怎么用呢，如下面代码，数据保存再js文件中，首先是wxml的布局，然后从js文件那里获取数据，然后通过着两个线程的结合来得到这个js对象，然后把这个js对象转换成真正的dom，然后经常webview展示出来

如何实现点击数据就改变呢，页面是如何渲染的，其实如果数据发送改变，它就会重新产生一个新的js对象，然后让这两个新的js对象通过diff算法进行对比，然后把不同的地方进行改变就可以了