关于前端规范
2018-06-24 01:24:22来源:未知 阅读 ()
一个规范性强的代码便于修改和理解,所以做出如下总结,希望少走弯路;
基础内容,大神请绕道......................
1.命名规范
命名一定要有意义,毕竟代码写下来不是给你一个人看的,在css中,在前面写上父元素进行规范,不要偷懒
2.请不要一会写原生,一会写jquery
这个问题好多人觉得我写出功能来不就行了,但是页面被弄的乱七八糟,如果是因为不熟练,这正是个机会让你熟练
3.缩进问题
虽然好多编辑器已经把缩进做的完美了,但还是会有一两个空格的差距,这个时候不要偷懒,这个空格就像趴在地上的蚂蚁,赶紧清扫
4.标签闭合问题
虽然在HTML5当中,标签可以不用闭合,但是为了规范,也是为了代码的更好的避免一些错误,我建议各位标签闭合
5.代码写完后,把不必要的注释和空格,空标签删除
很多人为了下一次的修改,添加注释,或者修改代码以后,为了以防万一,不删除原来的,但是做到后面,已经忘了注释这回事了,这个时候在写完代码后,检查一遍,把不必要的删除掉,这样便于更好的阅读代码
6.逻辑问题
这个问题我只能对各位说,在搭建页面的时候,多动脑筋,把结构合理规范化,还有js,请保持逻辑通顺,逆向思维会让观看你代码的人火大
7.不要在0后面写px
在webstorm中有提示,不要增加代码的负担
8.注意空格问题
在遇到上面的结构的时候,写在一行,不然你就会突然发现,浏览器莫名其妙多了一些空格
9.js获取页面元素,
在JQuery中,如果只用一次这个元素,就不要定义变量占用内存了
10.结尾要加;
在js和css语句结尾加加 ; 在进行代码压缩的时候才不容易犯错
标签:
版权申明:本站文章部分自网络,如有侵权,请联系:west999com@outlook.com
特别注意:本站所有转载文章言论不代表本站观点,本站所提供的摄影照片,插画,设计作品,如需使用,请与原作者联系,版权归原作者所有
上一篇:图片以六边形显示 - 学习笔记
下一篇:页面重构-让我们的布局自适应
- 循序渐进VUE+Element 前端应用开发(5)--- 表格列表页面的查 2020-07-15
- 循序渐进VUE+Element 前端应用开发(5)--- 表格列表页面的查 2020-07-15
- 循序渐进VUE+Element 前端应用开发(5)--- 表格列表页面的查 2020-07-14
- 循序渐进VUE+Element 前端应用开发(5)--- 表格列表页面的查 2020-07-13
- 循序渐进VUE+Element 前端应用开发(5)--- 表格列表页面的查 2020-07-02
IDC资讯: 主机资讯 注册资讯 托管资讯 vps资讯 网站建设
网站运营: 建站经验 策划盈利 搜索优化 网站推广 免费资源
网络编程: Asp.Net编程 Asp编程 Php编程 Xml编程 Access Mssql Mysql 其它
服务器技术: Web服务器 Ftp服务器 Mail服务器 Dns服务器 安全防护
软件技巧: 其它软件 Word Excel Powerpoint Ghost Vista QQ空间 QQ FlashGet 迅雷
网页制作: FrontPages Dreamweaver Javascript css photoshop fireworks Flash