# 自动填充高度.html

<div class="box">

  <div class="header">头部</div>

  <div class="auto-fill">自动填充</div>

</div>

# 使用 flex（推荐）

• 兼容性好；
• 只需关注自动填充的 div，无需考虑其他 div 的高度

.box {

  display: flex;

  flex-flow: column;

  height: 100%;

}

.header {

  background: dodgerblue;

  height: 30px;

}

.auto-fill {

  background: wheat;

  flex: 1

}

# 1、基本定义

​ Sass 提供了许多内置模块，其中包含有用的函数 (以及偶尔的 mixin)。这些模块可以像任何用户定义的样式表一样用 @use 规则加载，它们的函数可以像任何其他模块成员一样被调用。所有内置模块 url 都以 sass: 开头，以表明它们是 sass 本身的一部分。
​ 在引入 Sass 模块系统之前，所有 Sass 功能在任何时候都是全局可用的。许多函数仍然有全局别名 (这些在它们的文档中列出)。Sass 团队不鼓励使用它们，并最终会弃用它们，但现在它们仍然可用，以兼容旧的 Sass 版本和 LibSass (它还不支持模块系统)。
​ 即使在新的模块系统中，一些函数也只能全局可用，要么是因为它们具有特殊的求值行为 (if ())，要么是因为它们在内置的 CSS 函数之上添加了额外的行为

# 方式一

# 安装 scss，参考文章：

vue 中引入 sass

# 具体实现

在 Node v22 中导入 JSON 时出现 "SyntaxError: Unexpected identifier 'assert'" 错误

# 问题背景：

A Node program of mine that worked fine in Node v21 now immediately crashes with a syntax error in Node v22. The line that triggers the error looks like this:

我在 Node v21 中正常工作的一个 Node 程序，现在在 Node v22 中立即因语法错误崩溃。触发错误的代码行如下所示：

import config from "./some-config-file.json" assert { type: "json" };

and the error says:        错误信息：

SyntaxError: Unexpected identifier 'assert'

    at compileSourceTextModule (node:internal/modules/esm/utils:337:16)

    at ModuleLoader.moduleStrategy (node:internal/modules/esm/translators:166:18)

    at callTranslator (node:internal/modules/esm/loader:436:14)

    at ModuleLoader.moduleProvider (node:internal/modules/esm/loader:442:30)

    at async ModuleJob._link (node:internal/modules/esm/module_job:106:19)

Why am I getting this error in code that previously worked, and how should I fix it?

为什么我在以前正常工作的代码中会遇到这个错误，我应该如何修复它？

# 前言

项目里使用的 echarts 版本是 4.9.0 , 这里就用该版本做演示；

鉴于 echarts 折线图和柱状图可以直接通过 toolbox 转换，所以我们只需要在 toolbox 中增加一个和饼图进行转换的方法即可

OpenTiny HUICharts 是一个数据可视化图表库，旨在为用户提供丰富的图表类型和灵活的配置选项，以便更好的展示和分析数据。