今天是周日,也是农历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,组件的思想。
以上就是本次课程的提炼与总结。