农历2016年最后一次先行者群视频

今天是周日，也是农历2016年最后一次先行者群视频课程，然后就是春节了，提前祝大家春节快乐。下次课程就要在2月才开始。

如上图，从2016年二三月吧，开始到现在，先行者计划里的内容已经讲完一半。因为有些组件比较复杂，需要二、三次课才能讲完。

这次的主要内容是，“省市县联动”，很简单的一个应用，就是页面打开的时候，获取省的json内容，然后点击某个省，获取市的内容；点击 市，再获取所属区县的json..

在这个过程中，不断 的根据 json生成dom,并绑定事件与属性，然后添加到页面dom中，，

现在都是，数据驱动视图，

想要生成或更新dom节点，那么首先就要获得新的数据。

而数据一般是在页面加载时，或是通过新的ui交互操作来获取。

然后是通过新的数据，来生成dom，添加新的属性和事件，将其添加到页面中去。

讲解与演示了返回json数据的后端接口，是如何编写与运行的。

//========== 点击地址菜单，将其显示出来； 1，点击省，显示所有的省的列表； getProvince 2，再点击某个市，显示所有的市的列表； getCity 3,再点击某个市，显示所有的区县的列表； getAddress 4,最后将前三个方法返回的值， 拼合为一个字符串，放入相应的title容器中 //================= 然后又讲了封装js的三种方式， //objs它是构造函数 function objs(){ //===== } //prototype添加的就是，外挂方法 objs.prototype = { xxx1:function(){ asdf asdf adf }, xxxx2:function(){ as df fqwer qr } } //

对于散落在外部的function

通过prototype来进行进一步的封装，

是一种比较好的选择。

我一直反复强调，我们要多写“烂代码”。

因为你写烂代码到一定程度，你才会明白，你的代码为什么烂。

也才会有体会，这东西要怎么去优化，怎么才不烂。

“提早优化代码”，是万恶之源。

现在的前端的组件化的目的，是“分治”。

就是分别治理，组件之间，边界清晰。

学习前端组件，要从

1，代码编写；

2，具体业务；

3，组件的思想。

以上就是本次课程的提炼与总结。