全国热线

025-86901720

全国监督投诉热线:9:00-23:00

web前端中提高开发效率的几个小技巧

南京学码思开设了web前端培训课程,自开班以来深受学员欢迎,每个月报班都爆满。今天针对刚刚接触web前端的新学员,来和大家分享几个web前端中提高开发效率的小技巧。

Web前端是近几年随着互联网发展而兴起的新行业,出现时间不长,用人紧缺,但高校尚没有开设相关专业,想学习web前端只能到职业培训学校。南京学码思开设了web前端培训课程,自开班以来深受学员欢迎,每个月报班都爆满。今天针对刚刚接触web前端的新学员,来和大家分享几个web前端中提高开发效率的小技巧。


1.Firefox 的查看页面源代码功能,可以一眼发现未闭合的标签、未转义的HTML字符,元素的盒模型等。在控制台还能查看出错的js(仅限格式错误,逻辑错误它是看不出来的)。因为未闭合的标签比如div会造成排版混乱,面试要求上也时常可以看见能够书写符合W3C标准的代码。


2.web标准中,一个页面只能有一个h1标签。HTML5新增<section>,每个<section>都可以有一个h1。


3. 不要滥用<div>,HTML5提供很多语义化的新标签,如:<header><footer>等语义化的结构标签,与<figure><figcaption>等语义化的表示带标题的图片等。这些语义化的标签对于搜索引擎极为重要。


4.尽可能不要设置元素的id如#main{}来设置元素css样式,而是用class方式.main{},另外应当绝对避免行内css样式,除非权重非常高。结构分离,js操作用id,css操作用className,这也算是业界不成文的规定了吧。


5.尽量使用GIT与SVN(团队工作管理系统),否则以后无休止的修改会让你崩溃。写代码时非常好的习惯就是写注释!写注释!写注释!如果你提交给其他人使用也一定记得单元测试。同时要对分支合并以及打tags有很清晰的思路,这样能够帮助团队进行非常好的版本管理。


6.适当使用localStorage缓存HTML表单内容,防止浏览器崩溃、死机造成填丢。localStorage 只有对应的域名才可以读取;而且不是永久保存,在你操作表单时候,只是暂存入localStorage,在ajax确认表单提交成功后,要立即清除。


7.多列布局,不考虑低级浏览器可以使用CSS3的flex布局,可以做到比浮动更好控制,垂直、水平居中比起双飞翼可以很容易实现。但是现在不少网站还是要求兼容ie8,移动端和ie10对flex的兼容也参差不齐。这种奢求还是要过两年才能实现。总之先了解一下总是好的。


8.自学前端入门编辑器,建议用sublime或atom,社区也比较活跃。很多人从vim frontpage Dreamweaver 改变过来。现在Hbuilder的用户也很多,不失为一种选择。


9.尽可能使用iconfont(图标字体),以及能用CSS绘制的尽量不要用图片。因为现在的浏览器屏幕都是retain。


10.装一个二维码生成当前网址的插件,尤其在测试微信内的页面时候,非常方便。


11.当你发现同样的代码写了快三遍以上的时候,就要开始考虑是不是可以通过写脚本的方式加快你的节奏了。千万别懒得写脚本,因为你会因为一次又一次重复的事花费大量时间。当然你也可以去网上找现成的。


12.非常后,搭建一个自己的博客,空闲时间把心得发上去。等过一段时间再回去翻翻也许能从之前的知识中领悟到新知识


Web前端开发需要兼顾前端设计和后台开发,所涉及的知识点也比较多,对于刚刚接触的新人来说,巩固所学知识的同时,学习一些小技巧也是能够提高开发效率的。南京学码思web培训学校会不定期在网站上分享一些web前端教程和技能干货,学习有疑虑或是想提升的小伙伴们不要错过了。


上一篇:学习web前端需要了解的几个主流框架
下一篇:初学html5必知的入门知识

相关推荐

免费试听 | 学费咨询 | 在线报名 | 申请补贴 | 软件培训 | 网站地图

2016-2020 南京学码思教育科技有限公司 .All Rights Reserved

苏ICP备16033487号 www.njxms.com.cn

全国热线

400-080-3312

全国监督服务热线:9:00-23:00