最近看到一个设计系统，用原生CSS的三层Token管理样式。看完之后我的判断是：在抽象能力上，这套系统比Sass变量强。听起来有点反直觉。预处理器应该更强才对，有更多语法糖，更多编程能力。

你一定写过 var(--color)，但 CSS 变量的真正威力远不止定义颜色这么简单。下面这6个实战技巧，每个都可以直接复制到项目中使用。

在Vue3项目中，我们经常需要在多个组件之间共享数据。比如用户登录信息、应用主题设置、API地址等。这些数据如果每个组件都单独管理，会很麻烦。下面介绍四种设置全局变量的方法，你可以根据项目需求选择合适的方式。

最近在使用 turborepo 开发项目，但是发现它并没有对环境变量做到开箱即用，官方文档写的也是非常简短，只提出了一种方式，就是借助 dotenv 实现全局环境变量

MDN 里面提到hoisting 并不是被定义的专有名词，而是用来理解JavaScript 在执行时如何运行的思路。我们知道JavaScript 是单执行绪，也就是程式码是一行一行读取

我们很快就会在 JavaScript 中学到的一件事是，并非一切都像它看起来的那样，并且在像这样的动态语言中，变量可能会以多种方式导致你出现问题。可以进行的一个非常常见的测试是检查变量是否为空或未定义，甚至“空”，如下例所示：

为什么javascript中有那么多声明变量的方式，明明是弱类型的语言，确有三个关键字？最早的是var，这是es6之前的声明方式，既然有了var为什么还要有let 和 const呢？

当const定义的常量是基本数据类型的时候不可以被更改，当const定义的常量是引用数据类型的时候，其值可以被更改。

事情是这样的，我在看别人的面经的时候，看到了一道题：如何交换两个变量的值，不用第三方变量。使用ES6的数组解构赋值方法，实现两个变量的互换

CSS变量（官方称为自定义属性）是用户定义的值，它可以在你的代码库中设置一次并多次使用。它们使管理颜色、字体、大小和动画值变得更加容易，并确保整个web应用的一致性。

用var声明的变量，只有函数作用域和全局作用域，没有块级作用域。而let可以实现块级作用域，只能在代码块{}内有效，在{}之外不能访问，如下代码所示：

在nodeJs中，全局变量有两个：__filename:表示当前正在执行的脚本的文件名，可输出文件所在位置的绝对路径。__dirname:表示当前执行脚本所在的目录。

JavaScript 因为历史悠久, 所以你可能会遇到经过多人更改过的JavaScript 程式, 里面混杂了不同时期JavaScript 的语法, 导致有时候JavaScript 程式就是难懂, 本文将针对宣告变数的几种方法加以说明, 期望能让大家快速理解其中的差别。

弹框等居中定位元素如果使用 transform:translate(-50%,50%) 偏移实现，则定位元素的显示动画如果包含 transform 变化，则会发生冲突，使定位失效。我书中提出的解决方案是宽高设置为 fit-content

CSS 变量是由 CSS 作者定义的，它包含的值可以在整个文档中重复使用。下面就来通过这篇文章更好地理解声明式 CSS 变量!CSS变量即自定义属性，它包含的值可以在整个文档中重复使用