前端周报第 13 期

2019-04-14 | 前端周报

# 焦点

# 如何只提供旧式代码给旧式浏览器呢?

Shubham 提供了一个解决方法,将前端资源构建出两份,一份是现代浏览器用,一份是旧式浏览器用。可以根据 User-Agent 识别不同浏览器,只针对旧式浏览器提供带 ES5 编译,polyfills 等兼容代码。下面的这些现代浏览器不需要这些兼容代码,可以减少资源体积,提升加载速度和 JS 执行的速度。

现代浏览器

现代浏览器

两份代码的比较

两份代码的比较

# 教程

# 当浏览器支持 ES6 modules 的时候,重新考虑下资源打包?

当现代浏览器支持 ES modules 的时候,我们还需要使用 Webpack bundle 打包吗?作者给出了他的思考。

# 浏览器原生的图片懒加载

新版 Chrome 浏览器原生提供图片懒加载的功能,具有更好的性能,可以不用再加载相关的库。

# 工具&资源

# is-online

检查页面是否联网。

# Cache-Control Header Builder

帮助学习和使用 Cache-Control 的工具。