前端周报第 25 期

2019-07-14 | 前端周报

# 精选

# JavaScript 的成本

现代的 Web 前端应用,随着功能交互变复杂,需要加载的 JS 资源也更多,伴随的是 JS 的成本问题,一方面是下载时间,另一方面是执行时间。为了解决问题,Chrome 浏览器使用 Script Streaming 技术在背后解析/编译脚本,不影响主线程工作。作为开发者,我们需要学习如何利用这一技术来管理自己的 JS 资源。

Script Streaming

Script Streaming

# 教程

# 我所理解的微前端

作者以亲身实践微前端架构为例,分析了微前端的好处、地位和发展。总的来说,微前端不是银弹,不同的项目背景应该选择适合的技术架构,而微前端比较适合大型的多团队开发的项目。

# 关于图片懒加载的技巧

图片懒加载是常用的性能优化手段,作者深入懒加载实现技术,提出了全面的优化技巧。

# JavaScript 进阶的 Debug 方法

我们时常要调试代码,作者介绍了高级 Debug 的方式,借助 Dev Tools 可以实现复杂的断点功能,分析调用栈,观察模式等等,提高调试效率。

# 工具&资源

# GRID GARDEN

通过游戏来学习 grid 布局。

# wad

使用 Web Audio API 操作音频的 JS 库。

# 26 个 VS Code 开发工具

面向 JavaScript 开发者的 VS Code 工具。