ELSE 技术周刊(2018.03.05期)

业界动态

webpack 4正式发布了

面对parcel的零配置挑战，webpack这次终于想通了一件事：约定胜于配置！

前端开发

分享手淘过年项目中采用到的前端技术

手淘过年项目中采用到的部分前端技术以及踩的一些坑。

2018 前端性能优化清单

我们都知道性能很重要，但是，我们是否真的一直都知道我们性能优化的瓶颈在哪？是代价昂贵的 JavaScript？是 web 字体很慢？还是比较大的图片？或者是渲染速度过于迟缓？tree-shaking（无用代码移除）、scope hoisting（作用域提升）、code-splitting（按需加载）、 intersection observer 以及 clients hints、CSS containment、HTTP/2 和 service workers 这些技术都是有利于性能优化的。并且，最重要的是，我们要从哪里开始提升我们的性能呢？并且要怎么建立长久有效的性能机制。

Node.js 调试指南

Node.js 开发的一些调试经验和思路

【译】利用 Webpack 做 web 性能优化

Google 出品的 webpack 优化指南。

关于 Promise 的 9 个提示

阐述了 关于使用 Promise 的9个建议， 可以帮助我们改善 Promise 之间关系的。

技术纵横

Java9 新特性 详解

Java9 新特性的讲解

腾讯：手Q研发体系与工具实践

腾讯手Q项目是如何将平台工具进行串联，达到怎样的持续交付效果

https连接的前几毫秒发生了什么

https连接的前几毫秒发生了什么。本文将详细介绍https的连接过程。

从Chrome源码看HTTPS

我在《https连接的前几毫秒发生了什么》详细地介绍了https连接的过程，该篇通过抓包工具分析整个过程，本篇将从Chrome源码的角度着重介绍加密和解密的过程，并补充更多的细节。

当我们在谈论HTTP队头阻塞时，我们在谈论什么？

HTTP/1.1通过pipelining管道技术实现一次性发送多个请求，以期提高吞吐和性能。然而，这种技术在接收响应时，要求必须按照发送请求的顺序返回。如果，第一个请求被堵塞了，则后面的请求即使处理完毕了，也需要等待。那么在HTTP/2中是如何解决的呢？请看原文。

从URL开始，定位世界

从输入 URL 到页面加载完的过程中都发生了什么事情？

【网络协议】Web协议未来优化指南

本文系统地介绍了 TCP、UDP、HTTP1.1、HTTPS（包括最新的 TLS1.3 协议）、SPDY、HTTP2 等协议存在的问题，以及如何在特定的场景下通过网络协议的优化实现访问速度的提升。文章略长，慢慢看来。

实用推荐

小tips: 使用JS检测用户是否安装某font-family字体

根据用户设置的字体将某一个字符绘制在canvas上（fillText()），并提取像素信息（getImageData()），然后和默认字体进行比对，以达到能判断用户是否安装了特定字体

端神器：一行命令，React 组件转 Vue 组件！

本文先介绍两个框架的组件共性和不兼容的地方，再介绍react-to-vue的使用和原理。在实际业务中，陆金所100多个的react基础业务组件，react-to-vue可以转化90%以上，变成vue组件。

ELSE 技术周刊由
IFT 小组 出品，汇聚一周好文章，
周刊原文。本期编辑：

@Curtis 前端中年人

@StoneZou 前端搬砖工，不安分于前端开发的搬砖工

@Steven 写 JS 的老年人

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

@Jade 以前想多点后端sense写前端，现在想多点产品sense写前端

点击这里 向我们推荐你读到的好文章。