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写前端

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

    原文作者:stoneYong
    原文地址: https://zhuanlan.zhihu.com/p/34223714
    本文转自网络文章,转载此文章仅为分享知识,如有侵权,请联系博主进行删除。
点赞