我的日常工作是开发 JavaScript 框架 (LWC)。虽然我已经在这个框架上工作了近三年，但我仍然觉得自己是个门外汉。当我阅读大型框架领域的最新动态时，我常常会被自己不知道的事情压得喘不过气来。

异步编程是现代 JavaScript 开发中一个重要方面，它使我们能够处理耗时的操作，而不会阻塞其他任务的执行。使用异步函数时，我们会遇到三个重要的关键字：await 、return、return await。在本文中，我们将探讨这些关键字之间的差异，并讨论何时使用每个关键字。

本项目是 React 基于 Monaco Editor 实现的 Web VSCode Demo，它的主要功能是允许在浏览器中编写 TypeScript/JavaScript 并直接运行，除此之外，它还包含如下功能：

CSS 变量可以跟 JavaScript 更好的通信，CSS 变量是运行时。通过本文你会认识并理解以下概念：SFC Style - 单文件组件的样式；原生 CSS 变量 - CSS 作者定义的标准规范；SFC Style Variables 提案（旧版）；SFC style CSS variable injection（新版）；Vue3 中的使用 CSS 变量注入以及使用原生 CSS 变量；变量注入的背后...

我们在开发单页面应用时，有时需要进入某个路由后基于参数从服务器获取数据，那么我们首先要获取路由传递过来的参数，从而完成服务器请求，所以，我们需要了解路由传参的几种方式，以下方式同 vue-router@4。

在向具名插槽提供内容的时候，在 <template> 元素上使用 v-slot 指令，并以 v-slot 的参数的形式提供其名称。

原因：由于 Vue 会在初始化实例时对 property 执行 getter/setter 转化，所以 property 必须在 data 对象上存在才能让 Vue 将它转换为响应式的。

此次 Vue 的重大改进随之而来带来了 Vue Router 的一系列改进，现阶段（alpha.10）相比 vue2-router 的主要变化，总结如下：

本文涉及技术点： 动态组件 & 异步组件 内置组件 keep-alive & transition 插槽 slot 及 v-slot 实际场景 多级 tabs 切换，tab 项不固定，灵活控制 tab 项内容的展示，如下图。 目录结构 目录结构大概像这样： src components - 公共组件 Tabs.vue - 封装的 Tabs 组件 EmptyView.vue - 空页面组件 *.vue - 其他...

由于缓存空间是有限的，所以不能无限制的进行数据存储，当存储容量达到一个阀值时，就会造成内存溢出，因此在进行数据缓存时，就要根据情况对缓存进行优化，清除一些可能不会再用到的数据。所以根据缓存淘汰的机制不同，常用的有以下三种：

修饰符 .sync 是 2.3.0+ 新增，它对 props 起到了一种修饰的作用，使用 .sync 进行修饰的 props 意味子组件有修改它的意图，这种情况下它只起到一个标注性作用，有它没它都不会影响逻辑（后文会介绍使用 .sync 的其他作用）。