前端工程师必读的10篇精选技术文章

过去一两年,前端的发展非常迅猛,Node.js、HTML5、Angular、React 等技术更迭速度非常快。这些技术背后的驱动力,都是这些年业务形态的快速变化。移动互联网的兴起、企业平台系统的愈加重要,对前端技术提出了非常高的要求。InfoQ上有大量的关于前端方面的文章,现在向大家推荐10篇精选的优秀文章,这些文章来自微信公众号InfoQ,如果您对各类技术感兴趣,推荐关注微信公众号:InfoQ。

\u0026#xD;\n\u0026#xD;\n

\u0026#xD;\n\u0026#xD;\n

1、深入浅出React:React的设计哲学以及实践细节

\u0026#xD;\n\u0026#xD;\n

自2013年Facebook发布以来,React吸引了越来越多的开发者,基于它的衍生技术,如React Native、React Canvas等也层出不穷。InfoQ精心策划“深入浅出React”系列文章,为读者剖析React开发的技术细节。系列内容包括Webpack、JSX和组件、虚拟DOM Diff算法解析。

\u0026#xD;\n\u0026#xD;\n

扫描二维码关注公众号后,发送数字 01 即可阅读原文。

\u0026#xD;\n\u0026#xD;\n

2、如何成为一名优秀的Web前端开发者

\u0026#xD;\n\u0026#xD;\n

本文记录了两位工程师为web开发者们所提出的多条建议,其中一位推荐了多种实用的工具与技术,而另一位则对于如何克服浏览器开发时所面临的挑战提出了诸多建议。相关建议包括学习ECMAScript 2015、使用模块、流程自动化、在服务端生成HTML、真正理解背后的过程等。

\u0026#xD;\n\u0026#xD;\n

扫描二维码关注公众号后,发送数字 02 即可阅读原文。

\u0026#xD;\n\u0026#xD;\n

3、使用HTML5 API监控前端性能

\u0026#xD;\n\u0026#xD;\n

HTML5发布之后,出现了越来越多的富客户端网页应用。这些应用在浏览器上可能会变得卡顿。现在可以通过JavaScript中新提供的用户计时API(User Timing API)对页面加载性能做快速和精确的测试,这些计时数据基于高精度及时API,测量精度可以达到微秒级。本文详细介绍了这些API。

\u0026#xD;\n\u0026#xD;\n

扫描二维码关注公众号后,发送数字 03 即可阅读原文。

\u0026#xD;\n\u0026#xD;\n

4、前端框架现状调查

\u0026#xD;\n\u0026#xD;\n

Ashley Nolan是来自英国食品速递公司JUST EAT的一名资深Web UI工程师。为了了解整个前端开发社区当前的知识和使用水平,他发起了一个面向前端开发人员的调查,问题涉及CSS、“任务执行器(Task Runner)”、JavaScript等方面,他一共收到了1044份答案,本文是其调查结果。

\u0026#xD;\n\u0026#xD;\n

扫描二维码关注公众号后,发送数字 04 即可阅读原文。

\u0026#xD;\n\u0026#xD;\n

5、小之美好:前端工程产品实践

\u0026#xD;\n\u0026#xD;\n

过去十年,前端行业从无到有,近几年更是蓬勃发展,前端工程师也从个人开发逐步转向团队协作。前端的队伍在不断壮大,参与的产品越来越多,在这过程中,经常会遇到团队协同上的问题。 优秀的工程体系能让一堆人做好一堆事,需要在需求、开发、测试、发布等各环节上不断优化。除了工具和流程上的优化,好的工程体系还需要考虑人性,要尽可能调动工程师的激情与潜能。本文将以蚂蚁金服的实践作为基础,尝试探讨前端工程体系如何建设。

\u0026#xD;\n\u0026#xD;\n

扫描二维码关注公众号后,发送数字 05 即可阅读原文。

\u0026#xD;\n\u0026#xD;\n

6、与产品紧密 前端工程师的成与责

\u0026#xD;\n\u0026#xD;\n

在Web产品越来越复杂的今天,前端工程师更多的时候会承担更复杂的开发任务以及与设计师更加紧密的沟通、合作。 大部分公司在工作职责划分上比较严格,而这种划分既抹杀了工程师的创造力和想象力、也让工程师对自己的产品缺乏成就感。同时设计师对于开发的理解不深入导致其设计理念和细节无法被工程师很好的还原,造成一些返工和沟通困难的情况。 在此次演讲中,青云QingCloud前端工程师吕婷将与大家分享她在完成复杂产品开发的同时主导设计工作的一些经验。

\u0026#xD;\n\u0026#xD;\n

扫描二维码关注公众号后,发送数字 06 即可阅读原文。

\u0026#xD;\n\u0026#xD;\n

7、Facebook工程师谈前端:去框架化是趋势

\u0026#xD;\n\u0026#xD;\n

Hedger Wang现任Facebook资深前端工程师。自2011年加入Facebook后两年间一直从事手机Web平台研究与系统核心开发的工作。最近的工作中心则转向于一线产品开发,专注于桌上型富用户端程序的开发。在加入Facebook以前,Hedger亦曾经分别在Yahoo! (2004 - 2008) 与Google (2008 - 2011) 担任前端工程师,对于不同的技术平台与产品开发,有累积相当的经验。

\u0026#xD;\n\u0026#xD;\n

扫描二维码关注公众号后,发送数字 07 即可阅读原文。

\u0026#xD;\n\u0026#xD;\n

8、ES6实战

\u0026#xD;\n\u0026#xD;\n

下一代JavaScript语言即ES6已在今年6月份定案成为正式标准。但在实践中是否已经可以应用ES6,对我们的开发到底又有哪些帮助,许多人仍心存疑虑。本演讲将超出简单的新特性介绍,以实例出发展示ES6的魅力。

\u0026#xD;\n\u0026#xD;\n

扫描二维码关注公众号后,发送数字 08 即可阅读原文。

\u0026#xD;\n\u0026#xD;\n

9、换个角度看前后端分离

\u0026#xD;\n\u0026#xD;\n

随着移动互联网的高速发展,终端越来越碎片化,一份数据对应多个模版的情况越来越多,前后端分离势在必行,而 Node.js 的横空出世,给了前端工程师另外一个充满想象力的舞台。在此基础上,淘宝和支付宝也早已开始了前后端分离的进程。这次演讲将从另外一个视角来探讨前后端分离这件事情。

\u0026#xD;\n\u0026#xD;\n

扫描二维码关注公众号后,发送数字 09 即可阅读原文。

\u0026#xD;\n\u0026#xD;\n

10、大规模的前端组件化与模块化

\u0026#xD;\n\u0026#xD;\n

Andrew Betts是英国金融时报实验室的负责人,同时也是一位PHP和JavaScript程序员。他的团队致力于研发试验性质的Web技术并发布相关产品——比如金融时报Web App. 在加入金融时报实验室之前,Andrew创建了Web咨询公司Assanka,为诸如News International, The Economist Group and the FT这样的客户打造创新性的Web项目。本文的话题是大规模的前端组件化与模块化。

\u0026#xD;\n\u0026#xD;\n

扫描二维码关注公众号后,发送数字 010 即可阅读原文。

你可能感兴趣的:(前端工程师必读的10篇精选技术文章)