前端习惯初养成
2016-04-19 08:31
169 查看
在学习前端的初期,花更多的时间去熟知css的编码规范、行内元素和块状元素的区别以及嵌套规则,能够让我们养成一个良好的前端代码编写习惯。既能帮助我们查错修改,也能提高代码效率。
习惯,可理解为逐渐养成的一种不易改变的行为。一种不好的习惯会影响方方面面,对于我们开始学前端的各位,甚为重要。一个良好的代码编写习惯,所带给我们的不仅仅是效益的提升,还能助我们学习更近一步。刚开始,我们只能是照着现有的代码敲来敲去,并不知道为什么要这样或那样。这里为什么要用这个标签,那里为什么要空格。一堆的疑问困扰着这每个初学者。好比我们要用一个工具,就必须知道他的用途和用法,用违其长,工具的用途和用法不能很好掌握利用,就是不合理的。
前端,说白了,就像是一个化妆师。HTML元素就是需要化妆的模特,css就是我们手中的化妆品,根据不同模特的特点扮上适合的妆容。每个化妆师不可能记住所有的模特和掌握所有化妆品的种类。但是经常见面的和经常用到的应该掌握吧。HTML
元素的显示类型帮助我们更好的了解模特,CSS编码规范教我们更规范的使用我们的化妆品。
每个模特都有适合自己的秀场,都有自己能够hold住的场面,也有自己不能施展的舞台。HTML标签也有这样的区分,只有合理的使用标签才能够让编写的代码最优化。HTML标签有行内元素和块状元素的区别,方便我们理解和记忆。标签的嵌套规则可以让我们编写出更简明的结构代码。
“少成若性,习贯之为常”,刚开始掌握前端的规则都会比较生疏,代码的编写速度也会缓慢。好比我们刚开始学习正确的打字方法一样,每个手指负责一个区域,非常的不习惯。但是慢慢的习惯养成之后,打字的速度也会飞起来的。养成正确的前端代码编写习惯,对我们代码的纠错和修改都是极为有利的。在我们还没有不好的习惯之前,速度慢一些也没有关系,养成好习惯才是重要的。因为养成一个习惯要比改掉一个习惯容易的,对吧!
很感谢电脑前的你,将这篇文章从头读完,我们希望能够为大家建立一个HTML5技术分享平台,欢迎进入“HTML5学堂”沟通交流~~~HTML5学堂~http://www.h5course.com~由多名热爱H5的讲师们组成的一个组织。致力于构建一个前端技术、HTML5知识的分享平台。
习惯,可理解为逐渐养成的一种不易改变的行为。一种不好的习惯会影响方方面面,对于我们开始学前端的各位,甚为重要。一个良好的代码编写习惯,所带给我们的不仅仅是效益的提升,还能助我们学习更近一步。刚开始,我们只能是照着现有的代码敲来敲去,并不知道为什么要这样或那样。这里为什么要用这个标签,那里为什么要空格。一堆的疑问困扰着这每个初学者。好比我们要用一个工具,就必须知道他的用途和用法,用违其长,工具的用途和用法不能很好掌握利用,就是不合理的。
前端,说白了,就像是一个化妆师。HTML元素就是需要化妆的模特,css就是我们手中的化妆品,根据不同模特的特点扮上适合的妆容。每个化妆师不可能记住所有的模特和掌握所有化妆品的种类。但是经常见面的和经常用到的应该掌握吧。HTML
元素的显示类型帮助我们更好的了解模特,CSS编码规范教我们更规范的使用我们的化妆品。
每个模特都有适合自己的秀场,都有自己能够hold住的场面,也有自己不能施展的舞台。HTML标签也有这样的区分,只有合理的使用标签才能够让编写的代码最优化。HTML标签有行内元素和块状元素的区别,方便我们理解和记忆。标签的嵌套规则可以让我们编写出更简明的结构代码。
“少成若性,习贯之为常”,刚开始掌握前端的规则都会比较生疏,代码的编写速度也会缓慢。好比我们刚开始学习正确的打字方法一样,每个手指负责一个区域,非常的不习惯。但是慢慢的习惯养成之后,打字的速度也会飞起来的。养成正确的前端代码编写习惯,对我们代码的纠错和修改都是极为有利的。在我们还没有不好的习惯之前,速度慢一些也没有关系,养成好习惯才是重要的。因为养成一个习惯要比改掉一个习惯容易的,对吧!
致谢
很感谢电脑前的你,将这篇文章从头读完,我们希望能够为大家建立一个HTML5技术分享平台,欢迎进入“HTML5学堂”沟通交流~~~HTML5学堂~http://www.h5course.com~由多名热爱H5的讲师们组成的一个组织。致力于构建一个前端技术、HTML5知识的分享平台。
相关文章推荐
- nodejs异步控制
- nodejs的express源码阅读
- React 组件的生命周期API和事件处理
- HTML5学堂,感谢您一年的陪伴(上)
- HTML5学堂,感谢您一年的陪伴(上)
- 用javascript实现发送验证码和60秒计时重试
- 用javascript实现菜单子选项的隐藏和显示
- ArcGIS Javascript学习笔记(二)创建地图应用程序
- 用javascript实现网页中表格的行的添加与删除
- CSS魔法堂:"那不是bug,是你不懂我!" by inline-block
- [Angular 2] Child Router
- 论文引用 - 1. JavaScript论文应用
- 5种JavaScript和CSS交互的方法
- 常用CSS HACK
- js动态创建样式: style 和 link
- Codewars-Javascript训练手册:字符串(上)
- 基于Angularjs+jasmine+karma的测试驱动开发(TDD)实例
- 2016/04/18 ①注册 注册处理 ② 审核 审核处理 ③登录 登录处理 ④需要jquery-1.11.2.min.js DBDA.php
- css多行文本垂直居中问题研究
- js 验证对象是否为数组