Mrs_Lupin的博客

人类喜欢书写的代码以及开发方式计算机不喜欢，构建工具的作用就是让人类舒舒服服写自己喜欢的代码，然后一打包生成计算机喜欢的代码。默认以根目录下的webpack.config.js作为入口进行打包，如果想指定文件作为入口。成一个文件（编译import），至于es6，ts等等的编译是引入的插件和loader做的。直接输入指令，npm run dev调用会使用本地的webpack进行打包。在根目录下新建一个eslintrc.js文件，用于写eslint的插件配置。webpack本地的版本和项目的版本不一样。

Blob对象表示一个不可变、原始数据的类文件对象。它的数据可以按文本或二进制的格式进行读取，也可以转换成来用于数据操作。Blob 表示的不一定是 JavaScript 原生格式的数据。接口基于Blob，继承了 blob 的功能并将其扩展以支持用户系统上的文件。

不管是Sass，还是Less或者stylus，都可以视为一种基于CSS之上的高级语言，其目的是使得CSS开发更灵活、强大，Sass、stylus的功能比Less强大，基本可以说是一种真正的编程语言了，Less则相对清晰明了，易于上手，对编译环境要求比较宽松。个人在实际开发中更倾向于选择Sass。

接下来将此文件作为组件在其他组件中正常使用即可根据MonacoEditor自带的配置项可以看出MonacoEditor还有非常多灵活的用法上方代码就是我 MonacoEditor组件中的worker.ts代码，直接引入到MonacoEditor组件中即可。

useRef的.current属性在组件的整个生命周期内都保持不变。因此，您可以将它作为持久化存储来引用外部资源、DOM 元素或者数据，而不必担心它会导致组件重新渲染。如果你将useRef用作数据存储时，不要把它当作普通的 React 状态来使用。因为如果你直接改变useRef的值（例如），这不会触发渲染更新，因此当你需要依赖于 UI 更新时，应该使用useState或者useReducer。

token在初始界面时一般涉及两个组件：Layout和LoginLogin作为登录表单页负责获取token对其进行管理存储，后跳转到其他子组件出口的面板页Layout。

1.redux是一个专门用于做的js库2.可以不和任何框架绑定单独使用，也可以用在js、react、vue等项目中，但基本与react配合使用3.作用：集中式管理react应用中多个组件的状态。

Terser 是一个 JavaScript 代码压缩工具，通过去除不必要的空格、换行和注释，能够减少 JavaScript 文件的大小，提高页面加载速度。

Map 对象是键值对的集合，并且能够记住键的原始插入顺序。任何值（对象或者基本类型）都可以作为一个键或一个值，Map 中的一个键只能出现一次。Map中get()和set()的使用方法// 创建一个空的 Map// 设置键值对// 获取值// 输出: value1// 检查是否包含某个键// 输出: true解决问题// 使用 Map 存储每个对象，以便通过父ID快速查找// 将每个对象存储到 Map 中//判断是否找到有孩子的对象//找到有孩子的对象//初始化有孩子的层级。

（相当于一个部队中有人拿着大喇叭喊名字，有这个名字的人就会回应）：首先，我们需要创建一个 Vue 实例作为事件总线的中心，通常可以将其命名为$bus。：在任何一个组件中，当需要触发一个事件时，可以通过方法来实现。这里的event-name是事件的名称，eventData是可选的传递给监听器的数据。：在其他组件中，当需要监听这个事件并做出相应的响应时，可以通过$bus.$on()方法来监听事件。这里的event-name应该和触发事件时的名称保持一致，是处理事件的方法。

在 Vue CLI 3.x 中，默认的 webpack 配置文件（vue.config.js）中已经包含了。这样做的目的是为了方便开发者导入项目中的模块，无需担心路径的复杂性。这是 Vue CLI 默认的别名配置，用于简化导入模块时的路径。这样一来，无论你在项目的哪个地方编写代码，都可以通过。在 Vue CLI（Vue.js 的脚手架工具）中，来快速引用项目中的模块，而不必关心具体的相对路径。符号通常表示项目的根目录，而不是单纯地表示。别名的配置，将其指向了。表示项目的根目录，因此。

学习完html和css并考核后对自己不擅长的知识进行总结

前端人员写网站页面需要考虑的一些方面