最近在使用 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变量即自定义属性，它包含的值可以在整个文档中重复使用

这是介绍 css 的基础语法，了解地可以直接跳过到实际 demo . 既然是变量，他跟 JS 的变量很像，分为 声明、使用、作用域 三块。

其实多说变量有多好，干我们这行的都知道。就说JS，没了变量，那代码就乱了套。那可读性和代码的篇幅，都让程序员成为一次性工，没法复用。所以CSS的变量的作用非常之大

在项目开发中，我们可能需要使用动态变量来访问对象的属性。这可能吗？如下方式会报错:有两种方法可以访问对象的属性：点符号： something.bar，括号表示法