农历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,组件的思想。

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

原文发布于微信公众号 - web前端教室(webfeel)

原文发表时间:2017-01-22

本文参与腾讯云自媒体分享计划,欢迎正在阅读的你也加入,一起分享。

发表于

我来说两句

0 条评论
登录 后参与评论

相关文章

来自专栏北京马哥教育

性能调优攻略

关于性能优化这是一个比较大的话题,在《由12306.cn谈谈网站性能技术》中我从业务和设计上说过一些可用的技术以及那些技术的优缺点,今天,想从一些技术细节上谈...

3864
来自专栏崔庆才的专栏

为什么分布式一定要有redis?

2803
来自专栏前端小吉米

域名发散--域的故事(三)

1563
来自专栏Java后端技术栈

Redis有哪些开发设计规范值得我们注意的!

redis不是垃圾桶也不是 SUPER MAN,能力和资源都有限,不合理的使用会降低它的健康度,严重时甚至会引起redis抖动、阻塞等进而导致服务不可用,每一个...

1781
来自专栏携程技术中心

携程Android App插件化和动态加载实践

携程Android App的插件化和动态加载框架已上线半年,经历了初期的探索和持续的打磨优化,新框架和工程配置经受住了生产实践的考验。本文将详细介绍Androi...

2147
来自专栏Linuxer的专栏

谢宝友: 深入理解 Linux RCU 之从硬件说起

想要制造出质量可靠的桥梁,就必须真正懂得力学原理。对于想要理解RCU的软件工程师来说,也需要具备一定的硬件基础。

9600
来自专栏Linyb极客之路

你的项目应该如何正确分层?

说起应用分层,大部分人都会认为这个不是很简单嘛 就controller,service, mapper三层。看起来简单,很多人其实并没有把他们职责划分开,在很多...

1363
来自专栏DannyHoo的专栏

iOS9系统下使用UITextField的一个坑——内容从不可见到可见会多出一个空格

版权声明:本文为博主原创文章,未经博主允许不得转载。 https://blog.csdn.net/u010105969/article/details/...

2112
来自专栏Google Dart

AngularDart4.0 高级-层级依赖注入器 顶

在Dependency Injection指南中你学会了基础的Angular依赖注入. Angular有一个层级依赖注入 系统. 实际上是一个与组件树相平行的...

601
来自专栏happyJared

Linux私房菜:回头去学

说来惭愧,从学编程到现在写代码,算是用过不少东西,不过很多只停留在半解半知的状态,包括Linux在内,一直以来还没有较为系统的从基础开始学起。最近逼着自己回头看...

852

扫码关注云+社区

领取腾讯云代金券