写点什么

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

2015 年 11 月 23 日

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

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

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

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

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

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

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

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

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

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

4、前端框架现状调查

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

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

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

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

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

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

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

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

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

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

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

8、ES6 实战

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

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

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

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

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

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

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

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

2015 年 11 月 23 日 21:339021
用户头像
郭蕾 做有意思的事情!

发布了 210 篇内容, 共 108.2 次阅读, 收获喜欢 27 次。

关注

评论

发布
暂无评论
  • 书摘和采访:Deploying HTML5

    Deploying HTML5一书的作者Aditya Yada曾是ThoughtWorks的高级构架师,如今是一家咨询公司的CTO。在这本书中,他详细介绍了HTML 5的标准组件,解释了各主流浏览器实现这些组件的方式,并通过示例代码讲解了各组件的用法。

  • 桌面版应用程序的前世今生

    互联网出现之前,C/S 架构是软件产品的主流,后面渐渐地被 B/S 架构所取代,但由于浏览器有刷新机制,服务器的负载等因素,C/S 架构的响应速度和流畅性是好于 B/S 架构的,所以现在软件开发的趋势是两者的融合。

  • webpack 构建如何更合理地实现多页面打包?

    我们通常说的多页面应用,就是由多个完整页面构成的,它的优势是首屏时间快,SEO 效果好。多页面应用特别常见,因此针对多页面应用提供一个通用的 webpack 打包方案,就显得很重要了。讲师介绍程柳锋,腾讯高级工程师,负责 IVWEB 团队的社区和工程化。同时,他还在空闲时间开发了「前端工作流和规范工具 Feflow」项目,获得了“腾讯 2018 年度十佳内部开源项目” 奖项。在腾讯,他曾主导团队将 Fis3 构建切换到 webpack4,过程中涉及到多页面打包、SSR、PWA、Prender 等多种构建场景,和多实例构建、并行压缩、公共资源分包、tree shaking、动态 Polyfill 等构建策略。

    2019 年 8 月 20 日

  • 还在为工作发愁?学 JavaScript 吧

    JavaScript现在广受欢迎,是时候应潮流而上了。公司希望招聘什么样的人,开发者应该如何更新他们的技能以满足这些公司的需要?作者Areos Ledesma和Will Asrari讨论了JavaScript的就业市场,以及开发者如何才能获得成功。

  • Web 上的 Zoom:WebAssembly SIMD、WebTransport 和 WebCodecs

    在最近的web.dev现场活动中,谷歌V8产品经理Thomas Nattestad解释了一些提议的Web附加功能,为Zoom和其他视频会议提供Web浏览器支持。

  • 微信小程序小游戏广告形态体系建设

    微信小程序推出至今,小程序小游戏数据已超过100万,小程序小游戏的日活用户超过了2亿。同时,其他的小程序平台也在持续为其平台内小程序变现进行赋能,加快开发者商业变现能力。因为商业变现始终是互联网行业永恒的话题,不但可以让开发者持续获利,还能不断完善小程序的生态,让用户获得更好更便利的服务。本次分享我将会从如何提高多端的开发效率、如何快速迭代广告形态以及反作弊监控等方面去介绍微信小程序小游戏广告形态的体系建设,及其赋能形态快速迭代的相关实践。讲师简介冼誉杰, 腾讯研发工程师,就职于腾讯微信广告部。目前负责微信小程序小游戏广告项目的研发工作,主要关注前端性能优化,以及跨平台开发的相关技术与框架等方向。

    2020 年 1 月 20 日

  • 虚拟座谈:HTML5 来了,JavaScript 框架会如何发展

    在本次的虚拟座谈中,Dojo、YUI、Prototype、script.aculo.us、MooTools和GWT的创建者及核心开发人员们一起探讨了针对HTML5中新引入的API,JavaScript将会如何发展。这些新API包括2D绘图、拖拽、历史记录、媒体、客户端持久存储、服务器发送事件等。

  • 智能音箱的战斗:亚马逊的硬件路

    亚马逊推出的智能音箱Echo引起了广泛关注,我将通过回顾智能音箱系列的发展历程,让大家了解亚马逊的硬件研发路上的成与败。

    2017 年 12 月 8 日

  • 虚拟研讨会:HTML5 的新 JavaScript 框架

    使用率不断增长的HTML5,已经被广泛看做是传统的桌面和新兴移动Web上的主要开发平台之一。只服务于此平台的JavaScript框架业已开始兴起。

  • HTML5 in China 大会综述

    6月10日,HTML5 in China大会在北京召开,来自各个相关领域的技术精英、专家学者从不同角度分享了HTML5的历史、优势、问题、影响和发展前景,观点和经验的碰撞与结合使参会的软件开发人员对HTML5有了更深的了解和更大的热情,对国内开发社区在Web方向的发展起到了积极的促进作用。InfoQ中文站全程参与大会,总编霍泰稳应邀主持了HTML5游戏专场的演讲和讨论。本文结合会议的实况和嘉宾的幻灯片对HTML5 in China大会做一技术综述,希望能够让读者对HTML5有更全面的了解。

  • HTML5 在豆瓣中的应用

    豆瓣一向热衷于新技术的探索和创新,前端团队在HTML5与CSS3方面也有过很多尝试,从视觉效果到富媒体内容再到本地存储等等,其中一部分已经应用于线上产品,还有一部分以浏览器扩展、客户端、手持设备应用等形式服务于不同需求的用户。本文将就此作简单的介绍。

  • 开篇词 | 5G 的到来将会为音视频插上飞翔的翅膀

    随着各种音视频技术的完善、5G的落地以及各种音视频应用的出现,在未来2~3年内,音视频必定会出现井喷的人才需求。

    2019 年 7 月 15 日

  • QCon 上海 2015 热点专题前瞻:新时代的前端

    最近几年,Web前端领域的新标准、新框架、新工具、新理念不断涌现。今年6月,ES6正式发布,也标志着Web前端已经进入了一个全新的时代!在即将于10月15~17日举行的QCon上海2015上,我们邀请了资深前端专家、百姓网的贺师俊老师担任出品人,策划了“新时代的前端”专题。

  • Web Share API 初体验 :浏览器原生设备分享功能

    最近发布的Web Share API提供了在Web浏览器中使用原生设备分享组件的能力。本文介绍了它的工作原理以及它接下来的发展情况。

  • 2019 年再看 PWAs——历史、发展和现状,以及在 Chromium 中的实现

    本次分享主要介绍PWAs技术的发展历史。

  • Electron 质量监控:桌面端的质量抓手是什么?

    2020 年 2 月 20 日

  • 快手游戏直播 Web 站的工程进化之路

    演讲嘉宾快手前端架构师,游戏直播团队前端负责人。内容介绍为了更好地服务游戏垂类用户,快手于2018年正式推出快手直播平台(即Web游戏直播站)以及电喵App等。在业务迭代的过程中,前端团队遇到了很多挑战,如架构设计是否能够保证高效地持续交付,如何保证可维护性,如何更好的利用工具解放生产力等。本次演讲将剖析业务发展历程中所遇到的挑战,介绍技术选型和工程化设计,进而讲解直播团队前端如何通过各种工具、理念来迎接这部分挑战,以及在这个过程中前端团队是如何完成技术积累与传承的。

    2019 年 7 月 24 日

  • Rexxar:豆瓣对混合开发的思考

    前段时间,豆瓣将自己的混合开发框架Rexxar开源了。豆瓣可以说是在国内对HTML5实践最早的一批公司,早在2013年的时候他们就应用了当时还显得超前的Web Component概念开发了CardKit移动UI框架。在移动开发上,豆瓣也采用了混合开发的模式,Rexxar就是他们实践和思考的结晶。我采访了Rexxar的主要开发者之一郭麟,看看他们对混合开发的思考。

  • 所有主流浏览器都已支持 Web Animations API

    随着Safari 13.1的发布,所有主流浏览器也都提供了Web Animations API支持。

发现更多内容

为什么企业自主开发软件时,都会使用统一的模块化框架式开发平台?

Learun

敏捷开发 程序设计 开发工具 软件设计 技术方案

XSKY全新一代SDS一体机五大场景之存储+灾备

XSKY融合存储

使用amoeba实现mysql读写分离

小Q

Java MySQL 编程 程序员

正在走进现实的“飞行汽车”,能否颠覆地面交通?

脑极体

有的时候,到达目的地,还不如在旅途中。

空山

心理学 哲学 活在当下

鼓舞人心!主席支持数字经济!央行数字货币研究所为世界制定区块链相关国际标准

CECBC区块链专委会

区块链 金融

北京城市副中心将试点法定数字货币

CECBC区块链专委会

数字货币 货币

产业互联网成区块链与数字货币的分水岭

CECBC区块链专委会

区块链 数字货币 产业互联网

深兰科技的征途,AI的赛场与战场

脑极体

Redis 数据同步机制--主从模式

是老郭啊

redis 主从配置 主从同步 redis主从 主从复制

云图说 | 一分钟带你扫盲云容器黑话

华为云开发者社区

容器 节点 集群

LeetCode题解:225. 用队列实现栈,两个队列, 压入 - O(n), 弹出 - O(1),JavaScript,详细注释

Lee Chen

LeetCode 前端进阶训练营

CPU中的程序是怎么运行起来的

良知犹存

cpu

浅析LR.Net工作流引擎

Philips

敏捷开发 工作流 软件开发流程 开发工具

Docker私有化部署gitlab gitlab-runner

InfoQ_e3332743a02f

gitlab 持续集成 runner

深入浅出java虚拟机

AI乔治

Java 架构 性能优化 JVM JVM原理

大数据管理:构建数据自己的“独门独院”

华为云开发者社区

大数据 数据湖

快来看看!AQS 和 CountDownLatch 有怎么样的关系?

程序员小航

Java AQS 源码阅读 CountDownLatch JUC

又踩Maven的两个坑

xiaoboey

maven Unknown lifecycle phase settings.xml 无效 PowerShell

DB-Engines 9月数据库排名:ClickHouse一路猛冲,Redis坐稳第七

华章IT

MySQL 数据库 redis Clickhouse

【基础架构】不同场景下的数据存储技术,你用对了吗?

嘉为蓝鲸

网络 存储 系统 raid 磁盘挂载

深入Spring Security魔幻山谷-获取认证机制核心原理讲解

朱季谦

spring security

一个银行客户经理的“变形记”

华为云开发者社区

人工智能 金融科技

内存型数据库Redis,是如何实现持久化的?

Zhongger

redis

或许是史上最好的AQS源码分析了,你确定要错过?!

InfoQ_d2212957090d

太赞了!华为工程师终于总结出了Linux归纳笔记,提供开放下载

小Q

同事跳槽阿里,临走甩给一份上千页的Linux源码笔记,真香

周老师

Java 编程 程序员 架构 面试

架构师课作业 - 第十二周

Tulane

实战解读丨Linux下实现高并发socket最大连接数的配置方法

华为云开发者社区

Linux TCP socket 高并发

用 Python 实现一个简易版的 Pong 游戏 (一)

Matrix Chan

Python Turtle Python游戏

喷一喷坑爹的面向UI编程

架构师修行之路

InfoQ 极客传媒开发者生态共创计划线上发布会

InfoQ 极客传媒开发者生态共创计划线上发布会

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