Appearance
实践是检验真理的唯一标准！
pnpm create vite@latest lz-template-react --
2025-05-13 17:01
案例：在输入框输入后触发接口请求，接口返回数据回填输入框，但是会出现发出请求后，数据还未返回，用
2025-05-09 17:26
!Alt text 这里我们新增一个react函数组件代码片段。 需求：组件名称使用文件名，
2025-04-25 15:28
在博客首页显示文章最近更新时间，需要获取git仓库中文件的修改日期。 `js import{
2025-04-17 17:27
在Git中，标签（tag）是一个特别的分支，指向某个提交（commit）。它通常用于发布版本。
2025-04-10 09:36
test 测试时间
2025-04-09 11:33
可能有的读者还知道一个概念，叫 “虚拟列表”。 虚拟树和虚拟列表本质其实是一样的，只不过前者
2025-04-09 09:38
通过插入表格中wrapEl撑起总数据的表格高度，实现滚动条。innerEl中包括需要动态显示
场景：在tabs切换请求数据时，可能因为网络延迟，上一次请求数据返回的时间晚于下一次请求数据的时
`js computed: { incom
Stylelint 是一个强大、先进的 CSS 代码检查器（linter），可以帮助你规避
搭建的组件库文档借助iframe能力，实现了element-ui,element-pluse,a
` npm install -D vite@5 #vue2项目中vite@6会有版本冲突 n
webpack 的运行流程是一个串行的过程，它的工作流程就是将各个插件串联起来 在运行过程
当我们很多文件，打包后都打包到了bundle.js一个文件当中，这肯定是不友好的，在浏览器加
webpack 是一个用于现代 JavaScript 应用程序的 _静态模块打包工具_。当
首先用一张图，来看我们的项目结构。如下图所示： !Alt text 其中 loader
Loader是用于特定的模块类型进行转换； Plugin可以用于执行更加广泛的任务，比
在我们的项目中，除了js文件，我们会有非常多的文件类型，但是webpack默认是不能处理其他的
pnpm 通过软链接和硬链接的结合使用，解决了传统包管理工具（如 npm、Yarn）的存储冗余
1. 打开vpn 2. 配置npm 代理 npm config set proxy http:
当使用一个npm包时，发现了存在bug,并且新版本也没有解决时。我们就要自己修复该bug，给整个
本地如果我们想要安装另一个本地npm包，可以使用npm link 在npm包目录下执行np
例如：我们向通过某一个属性，来动态的决定该元素是否渲染时，我们要使用v-if进行判断，但是v
!Alt text
vue3中，我们执行createApp到底发生了什么呢，接下来，我们来一步一步的捋一下。 创建
methods中的函数不能使用箭头函数，使用箭头函数后，vue不能对函数的this进行正确的
1. 模板解析 将开发者编写的模板（如 .vue 文件中的 `` 内容）解析为抽象语
!Alt text 渲染流程： 1. 接口请求 2. 服务端请求数据，依据请求到的数据渲染出
Immutable 保证了在改变数据结构后，会生成新的数据结构。这就避免了React中两个数据之
创建对象的方式： 1. new Object() 2. { } 注意:使用对象字面量定
防抖函数的概念： 1. 当事件触发时，相应的函数并不会立即触发，而是会等待一定的时间 2.
迭代就是按照顺序反复多次执行一段程序，通常会有明确的终止条件。 通过索引来迭代并不理想
javascript 的变量是松散类型的，意思是可用于保存任何数据类型，每个变量只不过
使用步骤： 1. 创建xhr实例对象 2. 调用open方法 ，参数分别是(请求类型，请求
对象：对象由键值对组成的无序集合 数据属性包含一个保存数据的位置。值会从这个位置读取，
缺点：超出的内容会被隐藏 `css .clearfix::after {
浅拷贝指的是只复制的地址，还是指向的同一个对象，修改复制后的对象，原来的对象也发生改变。
| 字符
`js //创建Cookie function setCookie(
throw关键字可以抛出异常，javascript中提供了内置的错误类Error Erro
Date.parms()支持的日期格式：可以直接传入日期，效果相同 `js new Da
纯函数符合以下特点： 1. 此函数在相同的输入值时，需产生相同的输出。 2. 函数的输出
函数是一等公民，意思是函数是非常重要的。 函数可以做为另一个函数的参数，也可以做为另一个函
解析和执行过程。 函数的父级作用域是在定义时就确定的，和它的调用位置是没有关系的。 !ima
JavaScript语言的一大特点就是单线程，也就是说，同一个时间只能做一件事。那么，为什么J
事件冒泡是事件被定义为从最具体的元素开始触发，然后向上传播值没有那么具体的元素。 IE
use strict 开启严格模式 1. 无法意外的创建全局变量 2. 严格模式会使引起静
在浏览器中，this指向window 在node环境中 ， this指向{}（空对象）
Proxy是es6中新增的代理对象，通过Proxy，我们可以监听对象的变化，实现响应式。 Re
扩展运算符，可以通过...来遍历对象 es9新增方法，Promise对象无论变
Object.values 来获取对象所有的value值，返回一个数组 将对象转为en
includes( ) 从头匹配是否存在相应元素，参数一为要匹配的元素，参数二为从当前下标开
`js var name = "why" var age = 18 var obj = {
在数值的后面加上n,表示更大的数值。 空值合并操作符 ？？ es11中新增方
flat( )可以对数组进行降维，可以传入对数组的降维次数。 `js let arr =
es6中的class类，实际上是构造函数的语法糖，与构造函数有相同的原型类型。 class
`js //get1 axios.get('/list?name=wf&age=123')
函数前加上async代表是一个异步函数，默认情况下和普通函数一样都是同步执行的。 异步函数
arguemnt是一个类数组。 特点： 1. 有length属性 2. 可以通过index来
es6之后为了处理异步任务，js为我们提供了Promise类。它相当于一个承诺，有固定的
JSON是一种轻量级的数据交换格式。 使用场景： 1. 网络数据的传输 2. 项目的配置文件
`js //get fetch("http://39.105.207.193:8000/mome
Bom（browser Object Modle）是浏览器对象模型，是通过js操作浏览器的一
视差滚动（Parallax Scrolling）是指多层背景以不同的速度移动，形成立体的运动
在开发中经常遇到这个问题，即让某个元素的内容在水平和垂直方向上都居中，内容不仅限于文字，可能
响应式网站设计（Responsive Web design）是一种网络页面设计布局，页面的设
`javascript body{ background-color: bla
通过css实现隐藏元素方法有如下： 1. display:none 2. visibility
