前端提升方法

别光解决问题,想想究竟发生了什么 (深入看一些原理性文章)

  很多人埋头写 CSS 和 JavaScript 到程序正常工作起来,然后就去做别的事情了。



  我总会问大家:“为什么你会在这里添加 float: left?”或者“这里的 overflow: hidden 是必要的吗?”,

  他们往往答道:“我也不知道,可是我一删掉它们,页面就乱套了。”

   JavaScript 也是一样,我总会在一个条件竞争的地方看到一个 setTimeout

  却不知道它会影响到页面中其它的事件处理。我发现很多情况下,当你遇到问题的时候,你只是解决当下的问题罢了。

  但是如果你永远不花时间理解问题的本源,你将一次又一次的面对相同的问题。

  花一些时间找出为什么,这看上去费时费力,但是我保证它会节省你未来的时间。

  在完全理解整个系统之后,你就不需要总去猜测和论证了。

学会预见未来的浏览器发展趋势, 阅读标准规范文档

  比如 在原型中添加一个去重方法, Array.prototype.unique = function(){..},  那么将来es标准添加了数组去重方法之后, 会把浏览器内置的方法给覆盖了

  浏览器有 bug 是很难免的事,但是当同一份代码在两个浏览器渲染出来的效果不一样,

  人们总会不假思索的推测,那个“广受好评”的浏览器是对的,而“不起眼”的浏览器是错的。

  但事实并不一定如此,当你的假设出现错误时,你选取的变通办法都会在未来遭遇问题。

   一个就近的例子是 flex 元素的默认最小尺寸问题。

  根据规范的描述,flex 元素初始化的 min-width 和 min-height 的值是 auto (而不是 0),也就是说它们默认应该收缩到自己内容的最小尺寸。

  但是在过去长达 8 个月的时间里,只有 Firefox 的实现是准确的。

  如果你遇到了这个浏览器兼容性的问题并且发现 Chrome、IE、Opera、Safari 的效果相同而 Firefox 和它们不同时,你很可能会认为是 Firefox 搞错了。

  事实上这种情况我见多了。很多我在自己 Flexbugs 项目上报的问题都是这样的。而且这些解决方案的问题会在两周之后 Chrome 44 修复之后被体现出来。

  和遵循标准的解决方案相比,这些方案都伤害到了正确的规范行为。

  当同一份代码在两个或更多浏览器的渲染结果不同时,你应该花些时间确定哪个效果是正确的,

  并且以此为标准写代码。你的解决方案应该是对未来友好的。

  额外的,所谓“卓越”的工程师是时刻感受变化,在某项技术成为主流之前就去适应它的,甚至在为这样的技术做着贡献。

  如果你锻炼自己看到规范就能在浏览器支持它之前想象出它如何工作的,那么你将成为谈论并影响其规范开发的那群人。

阅读别人的代码

  出于乐趣阅读别人的代码可能并不是你会想到的娱乐项目,但是这毫无疑问是你成为优秀工程师的最佳途径。

  自己独立解决问题绝对是个不错的方式,但是这不应该是你唯一的方式,因为它很快就会让你稳定在某个层次。

  阅读别人的代码会让你开阔思维,并且阅读和理解别人写的代码也是团队协作或开源贡献必须具备的能力。

  我着实认为很多公司在招聘新员工的时候犯的最大错误是他们只评估应聘者从轮廓开始写新代码的能力。

  我几乎没有见过一场面试会要求应聘者阅读现有的代码,找出其中的问题,并修复它们。

  缺少这样的面试流程真的非常不好,因为你作为工程师的很多时间都花费在了在现有的代码的基础上增加或改变上面,而不是搭建新的东西。

与比你聪明的人一起工作

  我印象中的很多前端开发者 (相比于全职工作来说) 都是自由职业者,有同类想法的后端开发者并没有那么多。

   p.s: 看来前端开发以后会出现很多自由职业者, 这正是我所希望的, 在公司上班感觉就失去了自由, 因为必须每天都挤在大城市里面

  可能是因为很多前端都是自学成才的而后端则多是学校里学出来的。

  不论是自我学习还是自我工作,我们都面对一个问题:你并没有机会从比你聪明的家伙那里学到什么。

  没有人帮你 review 代码,也没有人与你碰撞灵感。

  我强烈建议,最起码在你职业发展的前期,你要在一个团队里工作,尤其是一个普遍比你聪明而且有经验的团队里工作。

  如果你最终会在你职业发展的某个阶段选择独立工作,一定要让自己投身在开源社区当中。 比如在github上贡献开源项目代码

  如果你能保持对开源项目的活跃贡献,这会和你团队工作相比, 给你相同甚至更多的益处。

“造轮子”

  造轮子在商业上是非常糟糕的,但是从学习的角度是非常好的。

  你可能很想把那些库和小工具直接从 npm 里拿下来用,但也可以想象一下你独立建造它们能够学到多少东西。

  我知道有些人读到这里是特别不赞成的。别误会,我并没有说你不应该使用第三方代码。

  那些经过充分测试的库具有多年的测试用例积累和已知问题积累,使用它们绝对是非常明智的选择。

  但在这里我想说的是如何从优秀到卓越。我觉得这个领域很多卓越的人都是我每天在用的非常流行的库的作者或维护者。

  你可能不曾打造过自己的 JavaScript 库也拥有一个成功的职业发展,但是你从不把自己手弄脏是几乎不可能淘到金子的。

  在这一行大家普遍会问的一个问题是:我接下来应该做点什么?

  如果你没有试着学一个新的工具创建一个新的应用,那不妨试着重新造一个你喜欢的 JavaScript 库或 CSS 框架。

  这样做的一个好消息是,在你遇到困难的时候,所有现成的库的源代码都会为你提供帮助。

把你学到的东西都记录下来

  最后,但丝毫不逊色的是,你应该把你学到的东西记录下来。

  这样做有很多原因,但也许最重要的原因是它强迫你更好的理解这件事。

  如果你无法讲清楚它的工作原理,在整个过程中它会推动你自己把并不真正理解的东西弄清楚。

  很多情况下你根本意识不到自己还不理解它们——直到自己动手写的时候。

  根据我的经验,写作、演讲、做 demo 是强迫自己完全深入理解一件事的最佳方式。

  就算你写的东西没有人看,整个过程也会让你受益匪浅。

引用you1you的文章

  • 2
    点赞
  • 4
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值