javascript和JQuery焦点图和代码特效大全
当前最流行的开源CMS网站系统大全
当前位置:主页 > WEB前端 > JavaScript >

如何成长为一个优秀的Web前端开发工程师?

来源:网络编辑:网络发布于:2013-04-01人围观优秀Web前端开发工程师

如何成长为一个优秀的Web前端开发工程师?相信很多人都在寻找答案。那么今天IT技术网web前端栏目编辑就为大家分享一点成长心得吧!

首先,基础是非常重要的,因为很多时候出现问题,都会发现是自己对基础知识了解不清。这不单单是指CSS元素,我发现80%以上的兼容性问题可以追溯到结构代码写的不规范不标准。错误和冗余的套嵌易导致很多意料外的问题。

另外,不要总停留在光看别人如何解决的阶段,要多写,多做,项目中遇到各式各样的问题,你再去寻找解决之道,继而去了解原理为何,这样容易记住,理解,成长。多写只是基本,在多写的基础上还要思考、总结和提炼。最重要的,我个人认为还是基础一定要打好,比如说基于CSS的布局技术,大家都很熟悉,很可能会脱口而出浮动和定位,那除此之外还有什么布局技术?这些布局技术的优劣势各是什么?每种布局技术各适合什么场合不适合什么场合?

再比如浏览器,对浏览器渲染问题的总结到位不到位?能否说出已知的浏览器兼容性bug和对应的解决方案?以及在此基础上的为什么用某种方法就能解决这个问题,背后的原理是什么?

是的,细节一定要扣透,很多前端的同学只是停留在“我知道遇到这个问题应该怎么做”,但他们不知道为什么要这么做。最简单的例子就是都知道“overflow:hidden”可以清除浮动挽救高度塌陷,但是什么原理使得这个方法可以做到这一点呢?或者又是因为浏览器如何渲染才导致clear属性可以清除浮动呢?如果基础扣得细,这里会知道设置了clear属性的元素会通过自动填满(补足)其上外边距(margin-top)来实现视觉上的清除浮动,所以设置了clear属性来清除浮动的元素,如果对其设置margin-top会不起作用。

那再换个问法,什么情况下margin-top会不起作用呢?答案又能列出多少条?

多写,多练,真对同一个效果可以反复尝试不同的方案,锻炼对属性的了解和灵活应用。时刻关心前端发展的最新动态,了解新兴技术的潮流方向。培养自己的UI感观,至少能处理平面,至少了解一门后端语言,了解开发流程产品需求

1. 多写。很多问题都是积累得来的。写了,遇到了,才能去真正理解解决方案,才会随着自己的不断成长而有进步。别人问我为什么知道那么多 CSS 兼容解决方案,为什么一看就出的时候,我只能告诉他,我写了 20 几个 Wordpress 主题。-,-

2. 看书。看 BLOG 或者一些网上的教程,都很难让你全面理解一个东西的。坚持看书,至少前端相关的语言都看一本。CSS 的推荐 《精通CSS》,JS 推荐 《Javascript 高级程序设计》现在都是第 2 版了。

3. 读 BLOG。最后你会发现,很多东西大家都会。但只有某些人才解决得了某些细节性的东西,这些人就是我们所谓的高手。很大牛在 BLOG 不会写一些简单的 List, 而是针对某个问题深入研究。这时看 BLOG 对于进阶非常有帮助。

4. 去学一门后端语言。怎么说呢,实际用到会很少。但会很有利于一些问题的理解。比如 Ajax。还有 HTML5 中像 Web sockets、post message 之类的 API。

5. 去用很多产品,至少去爱一个产品。你不止是一个前端,你还应该是一个设计者,去用很多产品,你才会发现技术为什么有用,去爱一个产品,你才会把技术用得更好。

好吧,这就是IT技术网web前端栏目编辑给的一下方法。

优秀,Web前端,开发工程师,相关的文章
有时间的话来看看IT界的突发事件