ctripfe / fe-weekly Goto Github PK

第13期 ELSE周刊

分为两个部分，第一部分介绍的是一些React的性能工具及其使用和一些普遍存在的瓶颈，第二部分则深入的讲解研究调试流。

No.1

https://segmentfault.com/a/1190000008925295

No.2

https://segmentfault.com/a/1190000006911917

周刊文章推荐。

之前比较关注大家对Javascript基础的掌握，比如原型、闭包、作用域、垃圾回收等，另外还会夹杂一些对HTML和CSS的掌握情况的摸底，现在由于Node的流行，开始要求前端工程师掌握HTTP协议，文件I/O，服务端渲染，SEO等，不知道大家有什么看法？

webpack 4 测试版 —— 现在让我们先一睹为快吧！

为了支持数以百万计的功能，用例和需求，它需要一个安全，稳定，可靠和可拓展的基础。只有 webpack 具有无限的可能性。

Lunacy，在 Windows 上也能编辑查看 Sketch 文件

作为 macOS 平台杀手锏级别的专业设计软件，Sketch 近些年来几乎已经成了 UI 设计师们的标配。而这就带来了一个比较尴尬的问题，那就是如何在 Windows 电脑上也能查看你的设计师同事丢过来的 Sketch 格式源文件。

Interesting ECMAScript 2017 proposals that weren’t adopted

一些有趣的 ECMAScript 2017 尚未接纳的提案。

元旦新年版~~~

本周文刊推荐

如题

@StevenX911

有看到我们公共前端这边投入了不少的资源在做 AMP/PWA 的落地。

从掘金随手搬运两篇高 Star 的文章：

• 大搜车无线团队： 什么是 PWA？
• 饿了么：饿了么的 PWA 升级实践

在条件成熟的时候，我们周刊里面是不是也可以做类似的原创总结文章，或者跨团队的分享等等。

希望会有人认领一下这个 issue ：）

周刊文章推荐

ECharts 全新大版本 4.0 正式发布！百度数据可视化实验室成立

百度EFE团队正式发布了旗下知名开源产品 ECharts 的最新大版本 4.0，新版本在产品的性能、功能、易用性等各个方面进行了全面提升。

Facebook内部程序员高效工作PPT分享

Facebook 内部分享25张高效工作， 时间价值管理的技巧，句句说的很有道理的样子， 主要还是要根据个人的工作环境和状态去实践才是硬道理。

使用 CSS 追踪用户

一种用CSS 中url 发起GET请求的方式记录用户行为，虽然对初始页面有性能的影响， 但也是一种追踪用户行为的技巧。

本周周刊放在这个issue里

一篇改变互联网发展进程的论文 | Dynamo

在最近结束的操作系统顶级学术会议 SOSP2017 上，Amazon 十年前发表的 Dynamo 论文《Dynamo: Amazon's Highly Available Key-value Store》喜获 SIGOPS 名人堂奖（Hall of Fame Award, HoF）！

10个步骤让你成为高效的Web开发者

下面是10个提高效率的步骤，虽然不能保证解决你在开发中的所有问题，但至少是非常实用的，可以简化你的Web开发流程，使开发的每一个环节快速、流畅。还可以帮助你节省大量的时间，以便开发更多、更好的项目

JavaScript 循环：如何处理 async/await

作者提供了在 JavaScript 循环中处理 async/await 的解决方案，可以参考参考。

O RLY Cover Generator

本周我不在上海（9号~11号请假），周刊可能延迟发，不过还请大家在假期内多多推荐

http://mp.weixin.qq.com/s/R3-hpSUU1CxhyXTK_sj4tw

大家请在下面评论区贡献自己的阅读来源

这种方式似乎也挺好的：

前端精读评论 https://zhuanlan.zhihu.com/FrontendPerusal

• 稀土掘金 https://juejin.im/

• segmentFault https://segmentfault.com/

• Div.io http://div.io/

• SDK.cn https://sdk.cn/

• 前端乱炖 http://www.html-js.com/

• CSS Trick https://css-tricks.com/

• 伯乐在线 http://www.jobbole.com/

• 博客园 http://www.cnblogs.com/

• 简书 http://www.jianshu.com/

• Medium https://medium.com/

• Google Developers

• SitePoint https://www.sitepoint.com/

• Hacker news https://news.ycombinator.com/

• Reddit https://www.reddit.com/r/javascript/

• 百度前端 fex.baidu.com

• 腾讯 http://www.alloyteam.com/

• MDN(API大指南) https://developer.mozilla.org/zh-CN/

• 开源** https://www.oschina.net/project/lang/28/javascript

• 奇舞周刊https://weekly.75team.com/

• infoQ: https://www.infoq.com/development/

• MacTalk: http://macshuo.com/

• v2ex: https://www.v2ex.com/

• Open: http://www.open-open.com/

• Coolshell: http://coolshell.cn/

• 四火: http://www.raychase.net/

Weely init

HTTP/2 服务器推送（Server Push）教程

非常深入浅出，让初学者对HTTP/2协议的Server Push有很好的感性认识。

html2image原理简述

看到 TJ 大神 star了dom-to-image，也一直很好奇html怎么转 image

那么就翻下源码，看下是如何实现的，其实一共就不到800行代码，还蛮容易读懂的

用Canvas画一只会跟着鼠标走的小狗

一步步用canvas来实现，非常适合初学者

@mirreal 想当设计师的程序员不是一个好攻城狮

@kdchang 文艺型开发者，梦想是做出人们想用的产品和办一所心目中理想的学校

@arvinh 前端攻城狮，热爱数据分析和数据可视化

@huli 野生工程师，相信分享与交流能让世界变得更美好

@pojenlai 算法工程师，对机器人跟电脑视觉有少许研究，最近在锻炼自己的执行力

类似酱紫

浅谈 Node.js 安全

随着 Node.js 的应用慢慢的变多，RESTful API 也好 RPC 也好，在应用广泛的同时，特别是 npm 仓库上存在大量质量参差不齐，年久失修的库，Node.js 的安全问题慢慢变得严峻起来，这里主要简单谈论一些 HTTP 相关的安全问题。

我用了两个月的时间才理解 let

如何理解 let x = x 报错之后，再次 let x 依然会报错？

遗漏的人自觉啊

经查询至今各期有如下分类名：

业界动态
前端技术
实用技巧
程序人生
技术纵横
团队分享
前端开发（重复，’技术‘优于’开发‘，建议不再实用）
实用推荐（重复，’技巧优于‘推荐’，建议不再实用）

请后续使用此issue中，已经归档的分类名，或在此申明新的分类名，然后使用。

圣诞特别版

本周文章推荐

Stack Overflow 2017 开发者调查报告（程序员必看）

做技术的，我个人一直认为一定要时刻关注趋势，因为这个时代变化太快了，技术的更新日新月异，做技术的尤其不能固步自封，我们要以一种开放的心态，来拥抱变化，为未来做准备，那么今天，我就以我个人的角度，来带大家解读下这份报告，值得一提的是，这份报告涉及的方面很多，我只挑一些大家比较关心的报告进行解读。

毕业5年的感想：首先要让自己活得像个人

毕业之后再回首，我多么希望你仍有梦可做；
有牛可吹；有大把时光可浪费。
你，终究还是活成了你自己。

苹果官方对PWA支持步伐奇快， iOS 11.3 和 macOS 10.13.4 将默认支持Service Worker

至此， PWA is ready on H5.

周刊推荐

周刊推荐

JavaScript’s a mess – and that’s a good thing

因为向下版本兼容，导致JavaScript这门语言有点乱，但这也许这并不是一件坏事。文章最后还给了几个关于编写简洁代码的建议。

Font-Awesome

最具标志性的字体库，目前已经迭代到Font Awesome 5

An Overview of JavaScript Testing in 2018

一篇关于使用Jest进行单元和集成测试，使用TestCafe进行UI测试的概述文章

去哪儿网迷你React的研发心得

去哪儿对于React框架的简化实践作品QReact

Upcoming TypeScript Changes in Vue 2.5

Vue2.5即将对TypeScript作出更新以达到两者API的更好的集成，此次更新对于非使用TypeScript的Vue用户不会造成影响。

iPhone X的缺口和CSS

iPhone X机型的‘刘海’设计对于前端工程师来说，无疑是崩溃的，为此要为项目作出不少的调整。文章介绍了几种trick，以达到最小的开发成本达到较为和谐的效果。

RESTful 接口实现简明指南

本文选取了几个点来简要介绍，一个让前端开发者用起来舒服的 RESTful 接口是什么样子。

奇技淫巧学 V8 之五，对象属性的快速删除

先划重点：沿着属性添加的反方向删除属性时，对象不会退化为字典模式。记住这点无疑对开发Node服务端程序大有帮助

【译】高阶函数：利用Filter、Map和Reduce来编写更易维护的代码

通过.map()，.reduce()和.filter()来创建函数的思维将会极大的提高你的代码质量。而且可以增加可读性。你根本不必在意函数内到底发生了什么，它非常容易理解。

不可变和ES6中的const

面试时，我也常常会问面试者如何理解const，但通常不会获得很满意的答案，而通过阅读这篇文章，我相信你会对const关键字有更深的理解

大公司里怎样开发和部署前端代码？

前端工程化确实是一个非常大的话题，从开发到部署历经数载，已经翻天覆地，本篇文章着重讲解了各个阶段前端部署时所面临的问题以及解决方案，难度适中，如果你经历过，那么肯定会感同身受。

周刊推荐

WEB请求处理二：Nginx请求反向代理

文章阐述了请求到达反向代理服务器的整个处理过程， 包括反向代理的原理，工作流程，以及Nginx常用配置详细解析。

Preact：一个备胎的自我修养

本文着重作者介绍了Preact的工作流程以及其中各个模块的一些工作细节，对于不熟悉 Preact 同学来说是个很好的入门篇， 对于Preact的工作流程和 主要功能模块都有自己的详细解说， 也可以和React 对比学习。

面向未来的前端数据流框架 - dob

在前端数据流框架， dob 利用 proxy 实现的数据依赖追踪工具， 主要核心**大量借鉴于 mobx, 但是从实现原理、使用便捷性，以及调试工具都做了大量优化， 可以利用 dob-react 与 react 结合使用，也深受大家喜爱。