前端早读课-CSDN博客

转载 2018年，新手前端是否真的很难找工作？

前言是不是发招聘，总会看到不少公司招不到人呢？但也看到许多新人进入这个行业，却对将来的工作一脸迷茫，到底那些公司需要什么样的技能以及项目经验呢？正文从这开始~前几天，前端求职群里有人发出了一张招聘的截图：Web前端开发成为竞争最激烈的岗位之一这是不是证明前端岗位已经饱和？其实不然。从“前端工程师”近3年的百度指数可见，前端热潮仍未衰退，并且还有增长的趋势。2014-2017“前端工程师”与“Jav

2017-12-27 00:00:00 8394 1

转载【图书】CSS世界

前言临下班，又在朋友圈看到一本2018年前端必读的图书了，那就是张鑫旭的《CSS世界》。前言CSS世界作者：张鑫旭，前端开发工程师，国内知名前端博客“鑫空间-鑫生活”博主，目前就职于阅文集团用户体验设计部（YUX），担任技术经理。2007年开始接触前端，10年来一直工作在前端开发一线，在HTML/CSS等与交互体验关系密切的领域花了大量的时间学习和研究，有比较多的心得体会。出版社：人民邮电出版社

2017-12-26 00:00:00 2712

转载【第1150期】CSS工程化演进

前言今日早读文章由饿了么@cottom分享。@张伟，饿了么前端工程师，目前参与饿了么物流平台前端业务迭代，关注前端技术发展，业余也研究Java、Node.js等服务端开发技术，推崇各种自动化。正文从这开始～CSS 技术的演进CSS 是 Web 开发中不可或缺的一部分，在前端工程化的不断进步的今天，一方面在 CSS 特性随着规范的升级越来越丰富，另一方面，前端业务复杂性的增加带来的工程愈加庞大，驱使

2017-12-26 00:00:00 504

转载【第1149期】WEB即时通信最佳实践

前言圣诞节快乐，今天记得吃个苹果。今日早读文章由京东成都研究院-火头军@唐谢军投稿分享。正文从这开始～问题传统的浏览器通信方式主要是基于HTTP协议的请求/响应模式。早期必须通过刷新浏览器来更新服务器端的数据，后来出现的Ajax(XMLHttpRequest是核心)技术可以不用刷新浏览器更新服务器端数据。但是这种模式的问题在于，只能通过客户端主动请求，服务器应答来获得数据，而服务器端有数据变化后无

2017-12-25 00:00:00 325

转载【第1148期】把前端监控做到极致

前言本文系第 12 届 D2 前端大会议题《把前端监控做到极致》的总结文章。由阿里@杨森授权分享。@杨森，阿里巴巴集团数据技术及产品部前端稳定性负责人，阿里前端监控平台 Clue 创始人。正文从这开始～说到监控，大家第一时间想到的肯定是 Zabbix、Nagios 等各种强大的后端监控服务。诚然，这些强大的平台通过采集服务器以及链路上各种中间件的数据，为我们的应用稳定起到了不可或缺的保驾护航作用。

2017-12-24 00:00:00 4402

转载【图书】前端工程化：体系设计与实践

前言距离上一次推荐图书，至少有一个季度了。今年还剩一个礼拜，是时候为2018的书单做准备了。今天推荐的是《前端工程化：体系设计与实践》前端工程化：系统设计与实践作者：周俊鹏，主要研究方向为前端工程化和Web应用层架构，好于研究事物的本质，并且乐于从宏观的角度解决问题。时任搜狗地图Web前端开发主管。出版社：电子工业出版社本书由周爱民老师倾情作序，美团技术总监赵强、搜狐高级技术经理邵充、Faceb

2017-12-24 00:00:00 3030

转载【第1147期】webpack 为什么这么难用？

前言近期都有在市场上看到webpack书籍，并且前一段时间又出现了一个零配置parcel打包工具【第1136期】零配置的 Web 应用打包工具 - Parcel。今日早读文章由腾讯@王伟嘉授权分享。@王伟嘉，腾讯前端工程师，Node.js Contributor，95后正文从这开始～如今对于每一个前端工程师来说，webpack 已经成为了一项基础技能，它基本上包办了本地开发、编译压缩、性能优化的所

2017-12-23 00:00:00 3805 3

转载【第1146期】谈谈Javascript中的void操作符

前言经常在a标签中看到href="javascript:void(0)，但是并没有认真的研究过，正好看到了这篇文章，涨涨姿势。(友情提示：时间不够看完全文的可以直接拉到最后看总结)。今日早读文章由@ssnau分享。本文由@仙人掌推荐编辑。正文从这里开始由于JS表达式偏啰嗦，于是最近便开始采用Coffeescript来减轻负担。举个栗子，当我想取屋子里的第一条dog时，首先要判断house对象是否

2017-12-22 00:00:00 338

转载【第1145期】打造高可靠与高性能的React同构解决方案

前言本文为第12届D2前端技术论坛《打造高可靠与高性能的React同构解决方案》分享内容，已经过数据脱敏处理。今日早读文章由阿里@六猴投稿分享。@六猴，来自阿里国际UED体验技术部前端专家，beidou 同构框架负责人正文从这开始～随着React的兴起, 结合Node直出的性能优势和React的组件化，React同构已然成为趋势之一。享受技术福利的同时，直面技术挑战，在复杂场景下，挑战10倍以上

2017-12-21 00:00:00 645

转载【第1144期】2017前端技术发展回顾

前言距离2018年还有12天，又到了各种写各种总结的时间了。2017年前端发生了什么呢，且看由@hijiangtao带来的翻译投稿分享。@hijiangtao - GitHub ID 同名，初级前端小白，擅长花式写 bug。小名黯晓，做过 Hybrid App 开发，中文翻译活跃分子，关注 PWA / WebGL / WebAssembly。正文从这开始～前端领域在 2017 年再次以狂热的节奏向

2017-12-20 00:00:00 2397 1

转载为什么你的工作经验不值钱

前言看到作者的时候，为他打call，@勇明曾翻译过《单页Web应用：Javascript从前端到后端》。正文从这开始～前端的工作越来越难找，到底是不是前端领域已经饱和了？的确，前端的热度比前几年相比明显降低了很多。前两三年，互联网经济异军突起，热钱涌进来。这个阶段，人才是稀缺资源。所以在前几年，凡是懂点前端的都比较好找工作。而现在，市场上已经不缺初级前端，而是能够开发像WebQQ那一类的高级前端。

2017-12-20 00:00:00 783

转载【第1143期】优化移动端window.onscroll的执行频率方案

前言幸亏有自动化工具，让“工作”更省时间了。今日早读文章由新浪移动@敖爽分享。正文从这开始～脑洞爆炸的背景最近发现在移动端很多时候页面滑动的速度快的时候，动效呈现的不稳定性越明显，会不流畅；虽然使用css3的过渡可以从视觉层面解决这个问题，但是并不能根治，于是乎想到了一个方案。。。requestAnimationFrame（RAF）h5新增的用于刷帧的api ，大家可以网上找到

2017-12-19 00:00:00 873

转载【第1142期】Git提交历史的修改删除合并等实践

前言今日早读文章由今日头条@熊建刚分享。@熊建刚，今日头条前端工程师，爱好前端，喜好尝试新技术，热爱分享。正文从这开始～今天主要针对在项目版本控制器Git的使用中遇到的一些和提交历史操作相关的常见问题，进行实践总结。在项目开发中经常会需要修改提交commit信息，合并多个提交commit，甚至放弃当前修改回退至某一历史提交的需求，那我们到底该如何操作呢，本篇一一阐述。假如，当前我们处在需求分支f

2017-12-18 00:00:00 335

转载真相 | 两个前端大神给我的启示

我有几个做前端开发的朋友。虽然他们在技术上个个都封了神，但这并不影响我们经常一块出去玩，更不影响我还是菜鸟一个，相信身边有大神朋友的同学能够理解这样一种心情。 ——尤其是当你遇到bug，他们投来“关爱智障”的怜悯眼神时，那种体会尤为深刻。这种基于悲悯的友谊是没人能忍受太久，所以在上个周末，我放下了自己的骄傲，去找他们问了问：这些年，你的成功秘诀是什么？J神的成功秘籍J神，厉害了。厉害在他生于199

2017-12-18 00:00:00 4493 3

转载【第1141期】Weex在达人店的一年实践

前言weex，迄今为止都还未在前端早读课分享过，今天这一篇算是第一次，带来分享的是尚妆@路飞在达人店一年的实践分享。@路飞，来自杭州尚妆大前端团队。团队内负责weex在三端的集成应用正文从这开始~一、什么是Weex引用一下Weex官网的定义，我们在实践的过程中也实际地体会到了这些。以下是提炼出的几个关键字：image还未接触过weex的同学，如果想先看一下效果，可以访问 Weex 提供的在线Pl

2017-12-17 00:00:00 901

转载第12届D2 前端技术论坛直播通知

你们报名有通过了吗？通过了，有去参观阿里西溪园区了吗？别灰心，错过了现场，在家躺着也可以看了。划重点，三场直播地址第12届D2前端技术论坛—主会场https://tianchi.aliyun.com/competition/liveStream.html?#postsId=3503第12届D2前端技术论坛—分会场1（白马山庄）https://tianchi.aliyun.com/competiti

2017-12-16 00:00:00 1606 1

转载【第1140期】如何让异步接口同时支持 callback 和 promise

前言在日常开发中，难免会遇到跟各个产品客户端在同样的功能，但回调的方式不一样的情况，但前端的一套页面又要兼容各种App，所以这个时候就很需要做兼容了。今日早读文章由兔展@老雷授权分享。@老雷，资深 Node.js 开发者，目前就职于兔展，架构师。GitHub: leizongmin正文从这开始~避免 unhandledRejection 事件随着 ES6 的普及，越来越多的异步接口都开始同时支持c

2017-12-15 00:00:00 1009

转载【第1139期】基于Gitlab CI搭建持续集成环境

前言本文是在12月12号迅雷@赵兵在前端早读课第三期Live中提到的关于CI构建的，可能这部分在不同公司由不同的岗位负责，刚好如果你没遇到你可以看看。@赵兵，来自迅雷前端团队。是一个热爱前端技术，喜欢造轮子，爱折腾的人，也是一个奉行“懒惰使人进步”的懒人工程师。正文从这开始～本文简单介绍了持续集成的概念并着重介绍了如何基于 Gitlab CI 快速构建持续集成环境，主要介绍了 Gitlab CI

2017-12-14 00:00:00 5014 1

转载寻找用kindle的你。。。

是否遇到过在kindle中标注或做笔记，但看完书了想把这些内容导出来方便之后查阅或复盘，苦于没有方案或工具来解决这个问题。前天中午在查找这方面解决方案的时候，发现一款国人开发的Kinle标注管理器Knote，在功能需求上蛮符合我的要求，所以跟作者沟通完之后了解了，多人团购的话会在价格上有一定的折扣，所以早读君想寻找几个人一起参与（目前已经有5个人了）。Knote产品特点：导出批注到印象笔记功能优化

2017-12-14 00:00:00 374

转载 BATJ一线大公司需要什么样的前端

在聊主题之前，首先我们来了解一下“冰山模型”。冰山模型是美国著名心理学家麦克利兰于1973年提出了一个著名的模型，所谓“冰山模型”，就是将人员个体素质的不同表现表式划分为表面的“冰山以上部分”和深藏的“冰山以下部分”。冰山模型在人力资源上的应用包括：能力模型和行为面试法P1:能力模型不同的地方叫法不同，在腾讯叫能力模型，在其他地方可能叫工作模型或素质模型等等，在百度文库，很容易找到《腾讯员工能力模

2017-12-13 00:00:00 1307

转载【第1137期】软件工程师的职业建议

前言这篇是昨晚在回厦门的动车上看到的，其中找到自己道路还是很受用。另外前几天休假在家的时候在山上搬砖老想着一句话勤快的人眼里满地都是活。今日早读文章由@阮一峰老师分享。正文从这开始～什么样的人适合当软件工程师？下面的职业建议分别来自台湾的侯捷老师，以及美国的著名程序员尼古拉斯.泽卡斯（Nicholas C. Zakas）。我觉得这些建议非常好，很有启发，不仅适合 IT 行业，也适合

2017-12-12 00:00:00 978

转载【第1136期】零配置的 Web 应用打包工具 - Parcel

前言一直还记得webpack还在处于版本2，这两天都刷到有3的信息。囧。最没想到17年快过去了，出了另一款打包工具Parcel。正文从这开始～Parcel的特性快速打包 - 多核编译，以及文件系统缓存，即使在重新启动之后也能快速重新构建。支持JS，CSS，HTML，文件资源等- 不需要安装任何插件。在需要的时候自动使用Babel，Post

2017-12-11 00:00:00 595

转载【第1135期】CSS简史

前言看到禅意花园，莫名的有年代感。当年这本书实在是很多前端的入门书。今日早读文章由@zhangwang翻译分享。正文从这开始～一直觉得自己没学好css(事实上也许也是如此),经常听说js的历史，但是好像对css的历史却一无所知。虽然历史这类内容对实际的开发也许没有实际的帮助（不像学习了Flexbox,Grids就能马上用到布局中），但是总觉得这也是一个前端工程师应有的软知识。

2017-12-10 00:00:00 410

转载【第1134期】如何用人类的方式进行 Code Review （二）

前言今日早读文章由腾讯@王伟嘉翻译分享。@王伟嘉，腾讯前端工程师，Node.js Contributor，95后正文从这开始～【第1132期】如何用人类的方式进行 Code Review这是文章的后半部分，关于如何在 Code review 中进行良好的沟通，避免陷入一些潜在的陷阱。这里，我会着重于介绍一些技巧，让你的 Code review 能够顺利完成，避免

2017-12-09 00:00:00 505

转载【第1132期】如何用人类的方式进行 Code Review

前言今日早读文章由腾讯@王伟嘉翻译授权分享。@王伟嘉，腾讯前端工程师，Node.js Contributor，95后正文从这开始～读了之后深有感触，目前国内大多数公司对于 Code review 的重视程度还远远不够，大多数人都把它视为一件麻烦事。即使在有 Code review 流程的团队，也缺乏相关经验，而且目前中文技术圈关于 Code review 的文章真的太少

2017-12-07 00:00:00 268

转载【第1131期】对于网络爬虫技术的攻与防

前言2017.12.06，今日早读文章由百度@朱英达投稿分享。@朱英达，百度高级软件研发工程师，关注Javascript技术栈，擅长web产品的性能优化与用户流量分析。正文从这开始～web是一个开放的平台，这也奠定了web从90年代初诞生直至今日将近30年来蓬勃的发展。然而，正所谓成也萧何败也萧何，开放的特型、搜索引擎以及简单易学的html、 css技术使得web成为了

2017-12-06 00:00:00 528

转载【早读Live】迅雷前端敏捷开发之路

前言第三期前端早读课Live来了，来自迅雷前端团队@赵兵。自我介绍@赵兵，来自迅雷前端团队。在迅雷的业务开发之余，创办了内部组件仓库 XNPM ，参与了 @xunlei/vue-lazy-component 等几个迅雷前端开源项目的开发。个人开源项目有 mrn.js 等。是一个热爱前端技术，喜欢造轮子，爱折腾的人，也是一个奉行“懒惰使人进步”的懒人工程师。Live 面向人群

2017-12-05 00:00:00 419

转载【第1130期】JavaScript 的时间消耗

前言今日早读文章由Followme@dwqs翻译授权分享。@dwqs，医学院校毕业的前端搬砖工，曾就职美团，目前在深圳Followme 搬砖～～Github地址：https://github.com/dwqs正文从这开始～随着我们的网站越来越依赖 JavaScript, 我们有时会(无意)用一些不易追踪的方式来传输一些(耗时的)东西. 在这篇文章中, 我会介绍一些能让你的网

2017-12-05 00:00:00 469

原创【第1128期】从北京回来的年轻人，该告诉你点什么？

前言之前在公众号有收到一些位于中西部的读者留言，他们面临的问题可能跟我们不太一样，特别是准备踏入互联网的萌新。既憧憬但又担心。。。今天呢@闰土少年以一次跟朋友“约会”的经历，着重分享了从培训出来之后回到二三线城市的童鞋遇到的几个常见的问题，可能对刚入行有一定的帮助。闰土少年，目前在山西太原，一家做学校教育的创业公司从事前端开发。从事前端三年之久，14年从杭州回到太原。正文从这开

2017-12-03 00:00:00 530

原创【第1127期】H5玩法知多少

每次从朋友圈看到刷屏级的H5“广告”时，你会很好奇为什么人家会有那么好的创意。它们是怎么实现的呢？当一次次开发重复的营销活动，功能不是转盘就是抽奖，要不就是拼图，为什么不能有其他的想法呢？可能大概在运营眼中，只要达到策划这次活动的目的即可，这实现的交互、动画如何可能较少关注，那这个时候就可以视觉、前端来”助攻“，实现更酷炫，更人性化，更有意思的方案。今天早读文章由腾讯@jasonxxp

2017-12-02 00:00:00 337

原创【第1126期】重新组织git本地提交

前言工作中每次上线一个大版本，经常会有十几个commit在一个分支的情况，看起来又杂又乱。于是思考如何进行更有效的版本管理。看见了有关于git rebase -i的几篇文章，分享给大家。本文由@yongpoliu 分享。本文由@仙人掌推荐编辑分享正文从这开始～以git为首的SVCS现在已经很流行了，目前越来的企业和开源组织都在使用或者迁移到git上，github让git更

2017-12-01 00:00:00 641

原创【第1125期】GraphQL 技术栈揭秘

前言平时不怎么关注GraphQL，截止目前总共才翻到第二篇此类的文章，另一次是在某分享活动上看到这个技术名词。不知道现在用到人多吗？今日早读文章由@billyma 翻译投稿分享。本文由@仙人掌编辑分享正文从这里开始本文整理自2017年 GraphQL 峰会上的演讲，详述缓存、追踪、模式拼接和 GraphQL 未来发展等有关话题。Facebook 开源 GraphQ

2017-11-30 00:00:00 574

原创【活动】第十二届 D2 前端技术论坛

前言一年很快，今年的D2又来了，昨天看到有人已经收到通过短信了。如果你刚知道或者还没报名的可以试试看了。正文从这开始～第十二届 D2 前端技术论坛将于 2017 年 12 月 16 日在阿里巴巴西溪园区报告厅举办，本次大会已开放报名，请点击底部的”阅读原文“前往报名。也可以在web页面输入：http://d2forum.alibaba-inc.com/ 直接报名。D2前

2017-11-29 00:00:00 1920

原创【第1123期】注释的艺术

前言有维护过他人代码的童鞋，应该都会痛过为什么当初Ta不多写点注释。今日早读文章由@elevenbeans翻译分享。正文从这开始～我认为注释代码十分重要。最主要的是，我认为注释往往是被误解的。我之前某天在 Twitter 上说过：“对于是否应该写注释，我听到的意见不一致，但我因为写这些，从初级开发者那里得到感谢，所以我会继续写下去”。我收到的反馈是多种多样的，但我看到的是：每个人都同意

2017-11-28 00:00:00 300

原创【第1122期】运动模式对应的心理预期

前言动效已经越来越渗透到产品中了，上周看到一个活动页面的动效，设计大大都直接把整个活动的动效用gif表现出来，还有交互大大也通过其他工具较完整的把它表现出来，所以在实现动效这块对前端来说也是一个很大的挑战，但又很有意思。今日早读文章由@Guoen Sun分享动效对心理体验的影响。正文从这开始～这篇文章里把运动模式分作3大块来罗列。单体移动，是基本类型。单体定位，是指

2017-11-27 00:00:00 401

原创【第1121期】探究 CSS 解析原理

前言今日早读文章由@jartto.wang授权分享。正文从这开始～吃早饭的时候，同事随意问了一句：“你知道 CSS 是怎么解析的吗？”，我一头雾水。对哦，作为前端，每天都在与 CSS 打交道，我竟然忽视了最基本的原理。一、浏览器渲染开篇，我们还是不厌其烦的回顾一下浏览器的渲染过程，先上图：正如上图所展示的，我们浏览器渲染过程分为了两条主线：其一，

2017-11-26 00:00:00 485

原创【第1120期】iOS 开发是否要采用 React Native?

前言自从上次协议事件之后，好一阵事件没RN的声音了。今日早读文章由@故胤道长授权分享。正文从这开始～React Native 是 Facebook 2015年开源的 Javascript 框架，旨在使用 Javascript 高效开发手机端 App。配合着多个显而易见的优势和 Facebook 强大的宣传机器，它立刻成为国内外大小公司的明星开发框架。开源社区的参与激情、各方博客的宣传追

2017-11-25 00:00:00 602

原创一件四周年纪念卫衣的情怀

初衷提起文化衫，脑海里便会浮现出毫无版型的衣服配上硕大显眼的logo，内心是拒绝的。可是早读课发展到今天，离不开6万多粉丝的陪伴和支持，总想做点什么来回馈给大家。正值早读课4周年之际，我们想要做一件纪念款的卫衣来与大家分享。设计理念提到程序员，可能想到的就是中关村的格子衫和极少的发量，但是关注早读课的都是好看的人儿，我们设计师大人致力于改变大家对于程序员的刻板印象，告诉大家程序

2017-11-25 00:00:00 429

原创【第1119期】Git的4个阶段的撤销更改

前言工作中会遇到需要撤销更改的情况，知道有一个git reset --hard的指令能回退，由于用的不频繁所以总忘记在什么情况具体结合什么指令使用。这篇文章从基本概念到检查修改到撤销修改循序渐进地介绍了在各种情况下的需要用到的git指令。今日早读文章由企办@张京授权分享。本文由@仙人掌编辑分享。正文从这里开始虽然 git 诞生距今已有 12 年之久，网上各种关于 git 的介绍文章

2017-11-24 00:00:00 368

原创【第1118期】2018校招面试经验分享

前言秋招刚刚过去，相信很多童鞋都已经拿到了心仪的offer，其他的童鞋们不要着急，可以开始准备起来明年的春招了。@Emo同学，目前就读于浙江理工大学，实习于上海阅文集团，在秋招中已经拿到了阿里的offer。正文从这开始～上个月回学校给学弟学妹们演讲，总结了一些我的面试经验及心得，内容比较贴近在校生，所以演讲效果还不错。今天主要面向在校大学生，给大家分享几点我的经验，觉得适合可取的地

2017-11-23 00:00:00 438

空空如也

空空如也