一种是页面刷新，不保留页面状态，就是简单粗暴，直接window.location.reload()。 另一种是基于WDS (Webpack-dev-server)的模块热替换，只需要局部刷新页面上发生变化的模块，同时可以保留当前的页面状态，比如复选框的选中状态、输入框的输入等。…

通过服务端渲染（SSR）将完整的DOM结构返回给浏览器，来解决单页面应用首屏加载白屏和SEO的问题。

关于manifest.json的常见使用，相信大家去Google或者百度一下，能在很多技术和场景中看到这个文件，它的使用也是有比较大的差异。

背景 最近在开发组件构建功能，将vue组件构建为独立的js文件，用于被其他页面引用加载。 但是存在一个问题，怎样实现js文件在任何地方加载，同时js相对路径的图片也被正常加载，是一个问题。

React Testing Library（RTL）是一个用于测试 React 组件的工具库。它提供了一组简单而直观的 API，帮助你编写可维护、可读性高的单元测试。

preload 提升了资源加载的优先级，使得它提前开始加载（预加载），在需要用的时候能够更快的使用上。另外 onload 事件必须等页面所有资源都加载完成才触发，而当给某个资源加上 preload 后，该资源将不会阻塞 onload。 此时的 main.js 加载顺序出现在了 …

作用域想必大家都知道，就是变量生效的范围，比如函数就会生成一个作用域，声明的变量只在函数内生效。 而这样的作用域一共有 8 种，其中几种绝大多数前端都说不出来。 下面我们就一起过一遍这 8 种作用域吧

目前 single-spa 是一种比较流行且成熟的微前端方案，它可以为我们提供类似单页应用的用户体验，做到技术栈无关、多应用共存，并且通过其丰富的生态帮

前端渲染的发展 在讲ESR（Edge Side Rendering，边缘渲染）如何提速渲染之前，我们有必要先了解一下前端渲染的发展历史以及前端各项性能指标优化是如何被提上议程的，之后我们再反观ESR的