前端早读课-CSDN博客

前言从“上帝的视角”来看整个体系，今日早读文章由滴滴@wfpaopao授权分享。正文从这开始～经过两年的发展，作为汽车后市场各业务重要支撑的前端团队，随着业务的不断发展，从无到有，从基础到完善，沉淀了支撑业务的前端技术体系。我们说的前端技术体系，指的是，我们在前端边界内，着眼于产出产品和服务的效率和质量，通过拆分和整合产出过程中的关键工作，最终所形成的一套包含代码，工具，理论，规范，文档等的支撑体

2018-01-30 00:00:00 1677

转载揭秘前端字符的戏精之路

作者：IMWeb 黎腾来源：IMWeb社区前言编码，是每个程序员绕不开的话题。对于前端工程师而言，字符更是会直观地展示在界面上。提起文字，大部分人的脑中，都会定式为规整排列的字符。但是林子大了什么鸟都有，世界上可是存在着6800+种文字，难免会飞出来一些诡异的鸟…而号称“万国码”的Unicode，在实现编码与展示的时候，也会不会遇到一些奇葩的事情呢？事实上，可能你早已见识过了x̙̄͛̽̆͌́̕

2018-01-30 00:00:00 1882

转载【第1183期】这些 CSS 命名规范，将省下你大把调试时间

前言上周快本上有一个90后作家说现在书比较受欢迎的书名格式是名字很长，中间还有一个逗号。你看今天这个符合90风格吗？今日早读文章由@unicar 翻译授权分享。@unicar，从设计半路出家的前端er，现就职于悉尼一家startup。喜欢creative coding和开源硬件正文从这开始～我听说很多开发者厌恶 CSS。而在我的经验中，这往往是由于他们并没有花时间来学习 CSS。CSS 算不上是最

2018-01-29 00:00:00 1648

转载一份月精彩文章回顾

2018年第一个月又到月末了，在这个月内观察到一个现象：对去年2017年JS的各种总结，下载量啊，增长速度最快啊，可CSS的总结怎么就没有呢？还有两个业界资讯：Service worker被iOS 11.3支持了Webpack 4.0 Beta 版发布了惊不惊喜，意不意外。先来看看前端早读课在本月发生了什么呢？截止到目前共推送42篇文章，其中前端招聘8篇。以下文章，本月是大家最爱阅读的，你错过了

2018-01-29 00:00:00 1157

转载【第1182期】Canvas or SVG？一张好图，两手准备，就在 ECharts 4.0

前言在百度的 ECharts 团队发布了时隔两年的大版本 ECharts 4.0 后，准备将项目中的图表统一换成ECharts，这篇文章治好了我的选择困难症~。今日早读文章由@羡辙授权分享本文由@仙人掌推荐分享正文从这里开始～Canvas 和 SVG 是两大基于浏览器的渲染方案，在选择图表库的时候，用户有时也会在这两者之间纠结。但是纠结的时候，你是否真的明白这两者在哪些方面有优劣？ECharts

2018-01-28 00:00:00 1559

转载【第1181期】XSwitch - 一个解决本地开发请求转发的浏览器插件

前言现在各位童鞋调试线上的问题是用什么工具呢？今日早读文章由阿里巴巴@九神带来的投稿分享。正文从这开始～解决的痛点在开发和调试过程中，经常需要把线上或者日常环境的 CSS、JS 转发到本地，Charles 等本地代理工具，特别是在全网 HTTPS 化后，变得更加复杂和繁琐。现有的 Chrome 插件，交互形式，对程序员不是很友好，无法解决快速定位到某一条规则、快速开关组的需求。anyproxy (

2018-01-27 00:00:00 1208

转载【第1180期】迎接新的 Dialog 元素

前言自从【第1172期】HTML 5.2 有哪些新内容？推送完之后，应该会有人自寻亮点去写Demo吧。今日早读文章由@轻舞飞扬翻译授权分享。@轻舞飞扬，前端技术搬运工正文从这开始～HTML 5.2 为原生弹窗对话框引入了一个新的元素。乍一看，它似乎相当简单（本来就是），但当我和它打交道的过程中，我发现有一些很棒的新特性很容易被忽视掉。在本文的最后我加上了一个完整可行的 Demo，但是如果你想

2018-01-26 00:00:00 607

转载【第1179期】在微信、微博、QQ、Safari唤起App的解决方案

前言一般有做过移动端开发的前端都会遇到这种唤起App的问题，这篇总结的很齐全。今日早读由时光网@会说话的鱼授权分享。@会说话的鱼，就职于时光网，前端负责人。推崇效率至上，对一切可提升组内工作效率技术都感兴趣。Java与Nodejs爱好者，擅长前端架构，在全网性能优化、类库研发、知识沉淀、工具应用等方面取得了丰硕成果。正文从这开始～背景最近在做微信、QQ、微博中使用js唤起App，之前也做过类似的

2018-01-25 00:00:00 1249

转载【第1178期】WebSocket：5分钟从入门到精通

前言给早读君留言WebSocket的童鞋，这篇可以看看。今日早读文章由@程序猿小卡授权分享。@程序猿小卡，云汉金融科技前端负责人，前腾讯IMWeb团队高级工程师。热爱分享，专注前端技术与架构设计30年。正文从这开始～一、内容概览WebSocket的出现，使得浏览器具备了实时双向通信的能力。本文由浅入深，介绍了WebSocket如何建立连接、交换数据的细节，以及数据帧的格式。此外，还简要介绍了针对W

2018-01-24 00:00:00 711

转载【第1177期】新的包名规则

前言听说现在注册包名跟域名一样，好的名字能带来不少的流量。今日早读文章由众成翻译@WaterMelon643翻译分享。正文从这开始～最近我们对于包的命名方式进行了一些修改，为的是更好的防御「误植」攻击，同时帮助包开发者们挑选出更加合适的包名。可能你已经阅读过我们之前发布的文章 npm注册表上的误植攻击。我们对这一事件的回应是对于那些与已有包名类似的包采用内部工具进行识别。我们一直在亲自回顾着这些并

2018-01-23 00:00:00 2555 1

转载【第1176期】前后端分离实践

前言今日早读文章由@边城授权分享。正文从这开始～前后端分离并不是什么新鲜事，到处都是前后端分离的实践。然而一些历史项目在从一体化 Web 设计转向前后端分离的架构时，仍然不可避免的会遇到各种各样的问题。由于层出不穷的问题，甚至会有团队质疑，一体化好好的，为什么要前后端分离？说到底，并不是前后分离不好，只是可能不适合，或者说……设计思维还没有转变过来……一体式 Web 架构示意前后分离式 Web 架

2018-01-22 00:00:00 804

转载前端工程师技术精进路上，你被卡在哪里了？

经常有小伙伴交流，做了一段时间前端后，会发现自己开始原地打转：比如，在公司里面做了一段时间业务都熟悉了，然后就是重复做；再比如，框架都会用，但是怎么把控、怎么架构依然说不上一二。上一周，我们用了7天时间，审核了146份职业调查表（1-3年的前端工程师，遇到职业瓶颈），给其中97人发了技术笔试题，挑其中63人进行了电话面试。我们对此样本做了一些整理，梳理了1-3年前端工程师的一些职业困境，并分析了

2018-01-19 00:00:00 1082

转载【第1173期】npm 2017 JavaScript 框架报告之前端框架

前言这份报告的第一部分来了，不知道第二、第三部分有看了吗？今日早读文章由@FEPulse翻译授权分享。正文从这开始～近日，NPM 联合创始人兼 COO 发布一系列 JavaScript 框架报告，从一开始我们对此保持高度关注，今天最后一篇发布，我们在此整理整个系列以飨读者。报告一共有三部分，本文是第一部分，进入公众号查看另外两部分。第一部分：2017 年前端框架报告第二部分：2017 年 Reac

2018-01-19 00:00:00 815

转载【第1172期】HTML 5.2 有哪些新内容？

前言以后可能要改叫HTML5.2工程师了，今日早读文章由@lsvih翻译授权分享。正文从这开始～就在不到一个月前，HTML 5.2 正式成为了 W3C 的推荐标准（REC）。当一个规范到达 REC 阶段，就意味着它已经正式得到了 W3C 成员和理事长的认可。并且 W3C 将正式推荐浏览器厂商部署、web 开发者实现此规范。在 REC 阶段有个原则叫做“任何新事物都至少要有两种独立的实现”，这对于我

2018-01-18 00:00:00 790

转载【第1171期】npm 2017 JavaScript 框架报告之后端框架

前言上周末分享了【第1167期】npm 2017 JavaScript 框架报告之 React 生态系统分析，今日早读文章由@编译青春翻译授权分享。正文从这开始~主要后端框架什么鬼，就一个？不对，横坐标上趴着的都是啥？好吧，Express 是用 JavaScript 编写的后端服务的主流解决方案，剩下的四个最大的框架相对于 Express 来说太小了，甚至很难看到它们。从图中可以看出的另一点是，E

2018-01-17 00:00:00 711

转载 ECharts 全新大版本 4.0 正式发布！

相信大家对Echarts应该不会很陌生，在昨天2018年1月16号发布了4.0版本。这个全新大版本历经两年开发，在产品的性能、功能、易用性等各方面都得到了全面的提升。那这个全新的大版本4.0主要升级点有哪些？带给用户更强大的性能和功能千万级数据可视化的无阻塞体验渲染引擎 ZRender 全面升级，正式支持SVG新增了旭日图类型让开发者使用ECharts变得更加轻松数据与样式分离让数据传入变得更加方

2018-01-17 00:00:00 5693

转载【第1170期】如何看待员工跳槽

前言这是篇十多年前的文章，偶尔的机会看到，有些点说得挺好。年底了，又到了跳槽高峰期了。你准备跳槽吗？你应该这个时候跳槽吗？公司如何对待员工的跳槽呢？今日早读文章由@野草翻译投稿分享。正文从这里开始~~如果你在IT行业混了很多家公司，你会发现技术大牛一般不会在一个公司呆太久。反倒是技术最渣的人在公司里扎了很深的根，写了很多没人敢碰的代码，折腾了很久才保住了自己的饭碗。Bruce F. Webster

2018-01-16 00:00:00 43616 25

转载【第1169期】如何有效地做算法题

前言对这个事情，自己也有认知问题。以前不知道原来还有各种杯的比赛，这种对计算机专业的童鞋应该会比较熟悉。今日早读文章由支付宝@候振宇授权分享。正文从这开始~这篇文章最早发在我团队的文档中。我的团队鼓励每个同学都在业余时间多做算法题，特别是新人。个人认为在编程能力的提升上比做 side project 更有用，对职业发展也是如此。当然出于兴趣做的 side project 另当别论。转到这里，希望对

2018-01-15 00:00:00 2475

转载【第1168期】字符编码的故事

前言讲枯燥的知识讲解的非常生动，文中描述了字符编码的前世今生，看下来轻松又有趣。文末有简单的总结。今日早读文章由@于洋分享。本文由 @仙人掌推荐编辑分享。正文从这里开始很久很久以前，有一群人，他们决定用 8 个可以开合的晶体管来组合成不同的状态，以表示世界上的万物。他们看到 8 个开关状态是好的，于是他们把这称为字节。再后来，他们又做了一些可以处理这些字节的机器，机器开动了，可以用字节来组合出

2018-01-14 00:00:00 766

转载【第1167期】npm 2017 JavaScript 框架报告之 React 生态系统分析

前言这几天冻坏了。2018年才过去两周，针对关于2017年的前端行业总结不少，那今天带来是大家都很熟悉的npm社区的总结。今日早读文章由@局长翻译分享。正文从这开始~前两天，我们报道了 npm 2018 年的第一个 JavaScript 现状报告的第一部分，该部分讲述了 2017 前端框架的现状，我们也从中看到在前端框架领域 React 的主导地位。今天，npm 发布了报告的第二部分 —— 对强大

2018-01-13 00:00:00 584

转载【第1166期】Ant Design 3.0 背后的故事（含演讲视频）

前言鉴于最近有两个产品用到了这个Ant Design，本着好奇心就想了解这款产品的故事，可真是凑巧上周在杭州SEE Conf分享会主题上就有这么一个相关的，有趣了。今日早读文章由知乎专栏蚂蚁金服体验科技授权，蚂蚁金服体验技术部UED设计师@它山分享。正文从这开始～上周六参加了咱们首届蚂蚁体验科技大会，并且有幸成为第一个开场的主讲人。在会后感受到了很多设计师和工程师同学对于设计体系以及 3.0 设计

2018-01-12 00:00:00 1082

转载【第1164期】从前端技术到体验科技

前言在js当道的今日，从知乎还是微博上有看到前端要回归本质，回归用户体验。今日早读文章由@玉伯授权分享。什么是前端技术第一次接触前端开发是 2002 年大学期间，转眼 15 年多。这些年一直在思考一个问题：究竟什么是前端技术？很长很长一段时间，前端技术的定义非常清晰，就是浏览器端的 HTML、CSS、JS 技术。我们用这些技术做出各种各样的页面，我们是离用户最近的程序员。记得 2009 年开始接触

2018-01-11 00:00:00 1095

转载【第1165期】H5动画：轨迹移动

前言前一段时间被各种H5总结刷屏，除了内容以及设计之外在动画方面在其表现方面也起到了很大的加持作用，渐渐的动画也成为了一个产品所不可缺少的一个元素。2017年1月11号早读文章由凹凸实验室@Avin授权分享。正文从这开始～动画，是指由许多帧静止的画面，以一定的速度（如每秒16张）连续播放时，肉眼因视觉残象产生错觉，而误以为画面活动的作品。在 Web 开发中，经常需要实现各种动画效果，例如：移动、变

2018-01-10 00:00:00 2789 1

转载【第1163期】React 整洁代码最佳实践

前言本文主要介绍了适用于现代 React 软件开发的整洁代码实践，顺便谈谈 ES6/ES2015 带来的一些好用的“语法糖”。今日早读文章由@冉余翻译分享。正文从这开始～什么是整洁代码，为什么要在乎？整洁代码代表的是一种一致的编码风格，目的是让代码更易于编写，阅读和维护。通常情况下，开发者在解决问题的时候，一旦问题解决就发起一个 Pull Request（译注：合并请求，在 Gitlab 上叫 M

2018-01-09 00:00:00 1068 2

转载进BAT一线大厂，前端工程师如何做准备？

前言进BAT应该是很多前端人的梦想，除了周边有很牛的同事，有复杂的项目场景，那些可以给自己的职业生涯增添不错的履历。那机会很多时候不是让你准备好了就能抓住，而是提前准备好，那去BAT需要做哪些准备呢？一、为什么要进入BAT一线大厂？这个问题也可以反问：从BAT一线大厂出来的人招聘市场欢迎吗？答：受欢迎，不可否认。当然这里又有人会比较大公司小公司的优缺点了，我们在这里不分对错，不打嘴炮，多看优点，

2018-01-08 00:00:00 2554 1

转载【第1162期】2018 要学习的优秀 JavaScript 库与知识

前言关于2017年回顾的文章，也曾分享过几篇了，当看到这篇的时候想去找找看在2017年初的时候有没分享过2017值得学习的库，可惜翻看了只有讲到前端工具的趋势。那2018年有哪些可以学的呢？今日早读文章由@gy134340翻译分享。正文从这开始～去年，我写了一篇关于 2017 需要学习的技术的文章。今年有一些惊喜。我们致力于回答 “在你投资学习的时候，哪些最高效？” 的问题JavaScript

2018-01-08 00:00:00 518

转载【第1161期】从Chrome源码看DNS解析过程

前言产品经理圈子已经开始都讨论AI，人工智能了，以及AI的产品经理应该要具备什么样的知识了。今日早读文章由@李银城授权分享。正文从这开始～DNS解析的作用是把域名解析成相应的IP地址，因为在广域网上路由器需要知道IP地址才知道把报文发给谁。DNS是Domain Name System域名系统的缩写，它是一个协议，在RFC 1035具体描述了这个协议。具体过程如下图所示：这个过程看似简单，但是有几个

2018-01-07 00:00:00 888 1

转载【第1160期】Ant Design 色板生成算法演进之路

前言上海又冻又冷，很久没体验过这种的了，还是厦门的天气好。今日早读文章由去哪儿@董文博投稿分享。@董文博，去哪儿网移动架构组 (YMFE) 前端工程师，参与 YApi、YDoc 等项目开发，负责团队视觉设计等工作。正文从这开始～最近我在整理一套团队内部使用的设计规范，其中颜色部分参考了 Ant Design 的 “色彩” 部分，恰逢 Ant Design 发布了 3.0 版本，调色板做了调整，借此

2018-01-06 00:00:00 5213 2

转载【图书】你不知道的Javascript（下卷）

前言这本书，相信大家应该等了有一两年了，因为上中都出了就等下卷了。错过了《CSS世界》，这本书可以给添置到2018的书单中了。最近好几本都可以列为书单啦～～你不知道的Javascript下卷译者：@单业作者：@Kyle SimpsonJavaScript这门语言简单易用，很容易上手，但其语言机制复杂微妙，即使是经验丰富的JavaScript开发人员，如果没有认真学习的话也无法真正理解。本套书直面当

2018-01-05 00:00:00 1887

转载【第1159期】CSS预加载Preload

前言看天气预报，今天好多地方都开始下雪了。今日早读文章由@李斌分享。正文从这开始～Preload 作为一个新的web标准，旨在提高性能和为web开发人员提供更细粒度的加载控制。Preload使开发者能够自定义资源的加载逻辑，且无需忍受基于脚本的资源加载器带来的性能损失。在 HTML 代码中，它看上去大概是下面这样的一段声明式获取指令(declaratiev fetch directive)。 re

2018-01-05 00:00:00 4596

转载【第1158期】哔哩哔哩的前端之路

前言通过本文总能找到曾经的开发方式，渐进式的重构方式还挺不错的。今日早读文章由B站@吴俊毅授权分享。@吴俊毅，bilibili 前端团队，崇尚一切可以用工具完成的，终将用工具完成正文从这开始～2017年即将过去了，总结一下B站的前端进阶之路过去的开发模式中，我们采用了以后端为主的 MVC 架构方式。具体来说，每次项目评审后，前后端会先一起约定好接口，之后分别进行开发，开发完，前端需要把页面提供给后

2018-01-04 00:00:00 2924 2

转载【第1157期】PNG格式小图标的CSS任意颜色赋色技术

前言这是一个可以让你在不找设计师的情况下随心所欲更换小图标颜色的黑科技！今日早读文章由@张鑫旭授权分享。本文由@仙人掌推荐编辑正文从这里开始～一、眼见为实CSS可以修改图片的颜色，没错，可以，眼见为实！您可以狠狠地点击这里：png小图标CSS赋色demo上面的不是很黑的是原始图标，是个PNG图片，下面这个是可以赋色的：可以变色的图标下面，我们随意选择一个颜色，例如紫色，然后：紫色赋色红色赋色是不是

2018-01-03 00:00:00 2218 1

转载【第1156期】Chrome DevTools - 性能监控

前言去年，其实也就前几天的事情看到的时候还蛮惊讶的，现在浏览器的自带工具都做的这么完善了，秒啊。特别是现在很多H5的动画，在不同的设备上性能差异很大，可以通过这样的工具来了解“毛病”。今日早读文章由@Cherry翻译分享。正文从这开始~你是否经常需要 JavaScript 或者 CSS 进行优化，但是不能找到一个简单的方式来衡量优化的效果？当然，你可以使用时间轴来记录，但是在大多数情况下，时间轴只

2018-01-02 00:00:00 3592

原创 <2017/><2018>，前端早读课的朋友

想以数据的形式来总结前端早读课在2017年做过了：推送344篇文章推荐17本前端图书发布26次前端招聘发布公众号同名小程序举办3场Live新增2.3+万读者众筹四周年卫衣公布前端早读课目录PDF第一次为D2设计前端早读课展架福利来了10本前端图书等你来，只要你在公众号回复关键词 2018 长按识别二维码即可参与抽奖。开奖时间：2018-01-01 23：00。如有中奖，请添加@早读君微信：zhgb

2018-01-01 00:00:00 677

转载【第1155期】如何快速融入新团队？

前言2017年，最后一天，你晚上准备跟谁一起跨年呢？鉴于近一段时间观察到的现象，或者你刚进入一家公司，可能这个问题你可以多注意了。今日早读文章由美的@姬小光授权分享。正文从这开始~话说人际交往可是个大话题，相关书籍的都可以开个书店了。因此，关于人际交往的基础理论，什么好好说话，什么跟任何人都聊得来等等，在这里就不展开了。感兴趣的朋友该早就已经看过许多类似的书籍，大体上都是储备话题、幽默感、勇气之

2017-12-31 00:00:00 2148 1

转载【第1154期】2017 年 JavaScript 发展状况回顾

前言2017年倒数第二天，本文是【第1152期】2017 JavaScript 调查报告概述的前戏。今日早读文章由@LeviDing翻译授权分享，正文从这开始~在 2017 年 JavaScript 状态调查结果出来之前，我们专家小组对 JavaScript 过去一年的发展进行了回顾去年的 JavaScript 状况调查报告的亮点之一就是，我们组建了一个专家小组对调查结果进行深入分析。今年呢，我们

2017-12-30 00:00:00 642

转载【第1153期】设计师如何有效参与团队协作

前言以怎么样的姿态参与项目，取决于你的参与度。今日早读文章由支付宝交互设计师@阿悠薇授权分享。正文从这开始~引言我们在工作中的沟通效果很多时候直接决定了你的设计方案会不会被采纳，对一个优秀的设计师而言，仅仅做好自己的产出是不够的，还要能够说服大家接受自己的方案，推动资源去做正确的事，这时沟通能力、耐力就显得非常重要。很多设计师在工作中缺乏主动沟通意识，被动地等待 PD 传达需求，然后按部就班开始交

2017-12-29 00:00:00 419

转载【第1152期】2017 JavaScript 调查报告概述

前言年底不可免俗，各种总结走起。今日早读文章由极光推送@Hevin翻译授权分享。正文从这开始~最近一份超过 23,000 名开发者参与的关于 JavaScript 的调查报告 - the State of JavaScript 2017 出炉了。内容包含框架的流行趋势、薪资水平等等。这里介绍下作者从其中得出的十个观点。#1：React 已经被广泛认可因为巨大的用户数量和很高的开发人员满意度，至少目

2017-12-28 00:00:00 449

转载【第1151期】技术的热门度曲线

前言近期新闻有提到Safari Technology Preview 46 默认开启 Service Worker，不少前端提到PWA即将迎来春天啦。2018年前端还有哪些新技术呢？另外每个技术都有生命周期，它不会无缘无故的冒出，也不会莫名其妙的消失，一定都是有历史原因的。要是去盘点回顾火的技术，应该会很有趣。今日早读文章由@阮一峰分享。本文由@刘莊推荐分享。正文从这开始~全球最大的 IT

2017-12-27 00:00:00 447

空空如也

空空如也