智软工作室   主要是为宁波公司提供宁波网站建设    ,宁波网站制作   ,宁波做网站公司  , 宁波外贸网站建设 公司,宁波网站优化  等项目,以优质的服务,优 惠的价格,深的客户信赖。相信有你的加入我们的明天会更有动力!期待与你合作!
  • 宁波智软设计工作
室,打造宁波网站制作


工作室顶级品牌
  • 智软拥有专业的设
计团队
  • 多年网站建设团队
为你服务
  • 智软期待与你合作
  • 我们的技能
  • 我们掌握的技能有
:dreamweaver,flash,photoshop
  • 宁波高端网站建设
服务公司
    2014已经悄然到来,在 新的一年我们恭贺所有客户事业蒸蒸日上,同事庆祝智软设计工作室成立5周年,在5周年为众多客户提 供了保质量的网站设计与网站制作。 我们在新的一年质 量与服务将会更加进一步为更多的客户带来高端的网站设计与服务!期待与你合作
  • 企业网站制作建设
原因与服务介绍

    智软设计工作室多 年为宁波企业网站制作建设服务一直以来我们以最优惠价格,最优质的质量,最突出的设计!得到了客户的一致认可,我们的服务包括: 宁波网站设计,宁波网站建设    ,宁波网站制作   ,宁波网站优化  ,宁波英文网站制作 我们会以优质的服务,最低的价格来报答 客户!

  • 点击链接网站优化
推广介绍

    点击连接网站优化 推广-对企业的网站优化 和网站推广--对企业的重要性 -点击进行详细了解

  • 2014开幕,宁波网站设
计服务全面优惠.

    2014开幕,宁波智软设 计为宁波企业提供更加优秀的设计和实惠的价格

  • 链接到网站案例展
示平台
    智软设计工作为宁 波客户网站设计案例展示平台-案例均为定期更新 ,让新老客户更好的看到我们做的案例,点击查看我们做的网站案例吧!
  • 我们宁波网络公司

提供网站一站式解决方案
    智软(宁波网络公司 )帮你轻松解决网络 问题,网站一站式解决方案
你当前的位置: > 营销与网络  >

成为一个优秀的前 端工程师需要了解的4点

2015-08-24 10:50

我们在网站制作的过程中。第一步 是设计网站然后开始前端代码 的书写,今天我们一起来谈谈怎么样成为一个优秀的前端大师,下面是从国外翻译过来的,总共分4点。喜欢前端的朋 友可以看看。

 

 
1、不要只是解决问 题,找到问题的根源所在
 
很多的人只是不断 地写一些 CSS 和 Javascript 补丁直到他们发现 这些东西可以正常的工作了,然后他们就不管了。我在代码审查的过程中看到了很多这样的做法。
 
我会经常问别人: “为什么你要在这里 加一个 float: left ?” 或者 “这个 overflow:hidden 真的需要吗? ”,然后他们会回答 :“我不知道,但是如 果我删掉他们,就出问题了”。
 
Javascript 也一样。我看到一 些人用 setTimeout 来防止执行顺序上 的问题,或者是一些人滥用 stopPropagation() 而没有考虑到它也 许会影响页面中的其他事件处理函数。
 
我遇到过很多相同 或类似的问题,如果你从来不花时间去了解问题的根源所在,你会发现你会一遍一遍的遭遇同样的困境。
 
花时间去深入的研 究你的解决方案为什么可行看起来需要耗费很多的精力,但是我发誓它会在将来给你节约很多时间。对你现在工作的系统有一个全面的理解可以减少你将来的猜测和检查工作。
 
2、学会预测浏览器 领域将来的变化
 
前端跟后端主要的 不同是:后端的运行环境在你的控制之下。但是对于前端而言,相比于后端,它完全不在你的控制范围。你的用户所使用的平台或者设备随时都有可能改变,你的代码需要能够优雅地处理这种情况。
 
我记得早在 2011年的时候,我在一 个非常著名的 javascript 框架看到下面这样 一段源码(大致如此):
 
var isIE6 = !isIE7 && !isIE8 && !isIE9;
 
我知道在现实生活 中, feature detaction 并不能100%的有效,有些时候 我们不得不采用这种不好的方式或者浏览器白名单的方式,但是任何时候你这样做的时候,你应该预测未来可能会发生什么,即使发生,你的代码也不应该出现bug。
 
对于我们大多数人 而言,我们在现在的工作岗位上写的代码会比我们的任期更长。我8年前写的一些代码 现在还会经常用到,这想起来既让人满足又让让感到可怕。
 
3、阅读官方文档
 
浏览器 bug 总是存在的,但是 ,当两个浏览器执行相同的代码表现却不一致时,人们经常假设,而不是亲自去检查,只是把他们认为的表现好的叫做“正常”浏览器,表现异常 的叫“不正常”浏览器。但并非总 是这样,当你做出了错误的假设时,任何你选择的解决方法在未来也许会失效。
 
一个现实的例子就 是 flex items 的默认最小尺寸。 根据官方文档, flex items 的 min-width 和 min-height 是 auto (而不是 0),这意味着,它们 的尺寸不会比它们的内容还要小。 但是在过去的 8个月里,只有 Firefox 是唯一一个正确的 实现这一标准的浏览器。
 
如果你遇到过这类 跨浏览器的兼容性问题,而且你注意到你的页面在 Chrome,IE,Opera,和 Safari 上表现一致,唯独 Firefox 上表现不同时,你 肯定会猜测这是 Firefox 自己的问题。
 
当两个或多个浏览 器在渲染相同的代码表现不一致时, 你应该花一些时间 去研究到底哪个浏览器才是正确的,然后用正确的方式写下你的代码。你的作品才会是面向未来的。
 
另外,优秀的前端 工程师经常都是站在变化的最前列的,他们会在这些技术成为主流之前就采用这些技术,甚至为这些技术作出贡献。如果你凭借你自己的实力去查找官方文档,而且能够想象一个技术在你能够在浏览器中用它的之前将会是如何工 作的,你将成为能够谈论这个官方标准会对开发造成什么影响的人。
 
阅读其他人的代码
 
阅读其他人的代码 ,无疑是成为一个更好的开发者的最好方式。
 
自己解决问题是学习的最好方式,但是如果这些问题都是你以前解决过的,你很快就会进入平稳期(很难有上升的空间)。阅读其他人的代码 可以为你打开处理问题的新的思路。而且阅读和理解别人写的代码的能力也是在跟团队合作或者参与开源 项目时至关重要的能力。
 
实际上,我认为在 面试一个应聘者是只让他们写代码--新的代码,是最大 的错误。我应聘的时候,从来没有被叫过去阅读一些已经存在的代码,在这些代码中找出问题,然后解决它。这是非常不好的,因为作为一个工程师,很多时候我们是在别人的代码上添加和改变一些代码。很少从头写一些新的。
 
4、跟比你聪明的人 一起工作
 
在我印象你,比起 后端开发者,更多的前端开发者希望成为一个自由职业者(全栈)。也许是前端工程师更趋向于自学,而后端工程师更趋向于学术。
 
自学并为你自己工 作的问题是无法从比你聪明的人身上得到好处。没有人来跟你讨论观点或者帮你审查代码。
 
我强烈的建议,至 少在你职业生涯初期,在一个团队中工作,特别是跟一群比你更聪明更有经验的人工作。
 
如果你已经结束你 的职业生涯,现在只是为你自己工作,那么参与到开源中来。 贡献开源项目会给 你很多与团队合作的机会。
更多

【责任编辑:小戴工程师 】

关键字: 前端

上一篇:3点网站结构有利于 网站优化 下一篇:网站优化之快速查 出网站问题

最新文章

2015-08-24 10:50

相关文章

2015-08-24 10:50
网站制作咨询:
QQ:277728291
电话:18668277799
邮箱:277728291@qq.com
期待你来电咨询
回顶部
友情链接:    上海快三走势图  一袋金彩票-安全购彩   彩神帝-安全购彩   众联彩票---首页欢迎你   顶峰彩票