业界动态
面对parcel的零配置挑战,webpack这次终于想通了一件事:约定胜于配置!
前端开发
手淘过年项目中采用到的部分前端技术以及踩的一些坑。
我们都知道性能很重要,但是,我们是否真的一直都知道我们性能优化的瓶颈在哪?是代价昂贵的 JavaScript?是 web 字体很慢?还是比较大的图片?或者是渲染速度过于迟缓?tree-shaking(无用代码移除)、scope hoisting(作用域提升)、code-splitting(按需加载)、 intersection observer 以及 clients hints、CSS containment、HTTP/2 和 service workers 这些技术都是有利于性能优化的。并且,最重要的是,我们要从哪里开始提升我们的性能呢?并且要怎么建立长久有效的性能机制。
Node.js 开发的一些调试经验和思路
Google 出品的 webpack 优化指南。
阐述了 关于使用 Promise 的9个建议, 可以帮助我们改善 Promise 之间关系的。
技术纵横
Java9 新特性的讲解
腾讯手Q项目是如何将平台工具进行串联,达到怎样的持续交付效果
https连接的前几毫秒发生了什么。本文将详细介绍https的连接过程。
我在《https连接的前几毫秒发生了什么》详细地介绍了https连接的过程,该篇通过抓包工具分析整个过程,本篇将从Chrome源码的角度着重介绍加密和解密的过程,并补充更多的细节。
HTTP/1.1通过pipelining管道技术实现一次性发送多个请求,以期提高吞吐和性能。然而,这种技术在接收响应时,要求必须按照发送请求的顺序返回。如果,第一个请求被堵塞了,则后面的请求即使处理完毕了,也需要等待。那么在HTTP/2中是如何解决的呢?请看原文。
从输入 URL 到页面加载完的过程中都发生了什么事情?
本文系统地介绍了 TCP、UDP、HTTP1.1、HTTPS(包括最新的 TLS1.3 协议)、SPDY、HTTP2 等协议存在的问题,以及如何在特定的场景下通过网络协议的优化实现访问速度的提升。文章略长,慢慢看来。
实用推荐
小tips: 使用JS检测用户是否安装某font-family字体
根据用户设置的字体将某一个字符绘制在canvas上(fillText()),并提取像素信息(getImageData()),然后和默认字体进行比对,以达到能判断用户是否安装了特定字体
本文先介绍两个框架的组件共性和不兼容的地方,再介绍react-to-vue的使用和原理。在实际业务中,陆金所100多个的react基础业务组件,react-to-vue可以转化90%以上,变成vue组件。
ELSE 技术周刊由
IFT 小组 出品,汇聚一周好文章,
周刊原文。本期编辑:@Curtis 前端中年人
@StoneZou 前端搬砖工,不安分于前端开发的搬砖工
@Steven 写 JS 的老年人
@mirreal 想当设计师的程序员不是一个好攻城狮
@Jade 以前想多点后端sense写前端,现在想多点产品sense写前端
点击这里 向我们推荐你读到的好文章。