YUSIR 完美CODING世界

折腾查找原因查了很久，最后发现新写的项目里调用接口axios是正常的arraybuffer，老项目里string是请求的responseType被项目中引入的mockjs置空了。项目中调用后端下载文件接口，设置responseType: 'arraybuffer',实际拿到的数据data是字符串。关掉mockjs,就正常接口responseType类型的数据了，文件MD5也对应上了，文件也能正常打开了。转成blob下载文件下来打开破坏，postman可以，项目总不可以，下载的文件MD5不一样，大小不一样！

然而，当您在 HTML 文件中直接引用资源文件时，使用的是相对于当前 HTML 页面的路径。自动在生成的 HTML 文件中添加正确的资源路径。如果你在 HTML 文件中使用了相对路径，浏览器会将这些路径解释为相对于当前 HTML 文件所在位置的路径。这样浏览器就会从网站的根目录开始解析路径，而不是相对于当前 HTML 文件的路径。属性指定的相对路径是相对于当前 HTML 文件的路径，而不是相对于网站的根目录。如果 HTML 文件位于网站的根目录，那么资源文件的路径就是相对于根目录下的。

在 TypeScript 中，可以使用联合类型来定义对象接口，从而表示一个对象可以具有多种不同结构的类型。联合类型是或的关系!!!

3、通过className定位到叶子节点，将所有叶子节点的display 改成 inline-flex。antdesignvue的树形组件要实现组件叶子节点横向排列有点坑，没有 配置属性，需要自己想办法。看tree组件的dom结构，父元素flex竖向布局，子项不论节点层级都在同一层！我的实现思路核心还是通过给叶子节点绑定类名，通过类名来覆盖原始的样式。给不同层级的节点绑定className，然后覆盖原有样式，比如边距等。难点在于想直接把其中某一些节点，横向布局排列。2、给叶子节点绑定className。

问题点：组件中遇到事件冒泡问题了，el-checkbox 中 @change事件要求阻止冒泡，如下代码中要求点击checkbox时不调用li标签的show方法。在el-checkbox 中用 @change.stop 发现不起作用，报错，没有相关方法，坑死。给元素包一层父元素，父元素上使用@click.stop，阻止事件冒泡。最近做vue3项目，使用Element Plus,又遇到坑了！使用vue3的事件修饰符报错。其他el组件也一样处理。

最近又搞vue3项目了，不太情愿的使用element-plus，看到官网上使用icon只有全局循环注册所有icon的配置，很奇怪，不会增大包体积么，简单测试下.新建两个项目都是全局引入element-plus（懒得设置按需导入，官网有简单）

看@dr.pogodin/babel-plugin-react-css-modules官方文档。对于裸 Webpack，请参见webpack css-loader的 modules 的选项。2.配置@dr.pogodin/babel-plugin-react-css-modules。不使用babel-plugin-react-css-modules。需要引入@types/react-css-modules。我自己项目手写的webpack.base.js中使用。1.能启用css modules。

此规则旨在为函数组件强制实施一致的函数类型。默认情况下，它更喜欢命名组件的函数声明和未命名组件的函数表达式。此规则将选项对象作为第二个参数，其中可以指定组件的首选函数类型。选项对象的第一个属性可以是。如果存在多个类型参数，或者只有一个受约束的类型参数，则类型参数不会产生语法冲突。它告诉你，这个规则它期望将组件声明为函数声明。JavaScript 中有一个无法修复的模式。或包含其中任何一个的数组，并且作为。或包含其中任何一个的数组，并且具有。如果您对一致类型的函数组件不感兴趣。

明明生成了N个1到500之间的随机整数。请你删去其中重复的数字，即相同的数字只保留一个，把其余相同的数去掉，然后再把这些数从小到大排序，按照排好的顺序输出。

将 result 除以给定的数字 value ，并返回更新后的 Calculator 对象。- 计算 result 的幂，指数为给定的数字 value ，并返回更新后的 Calculator 对象。- 将给定的数字 value 与 result 相加，并返回更新后的 Calculator 对象。- 从 result 中减去给定的数字 value ，并返回更新后的 Calculator 对象。- 将 result 乘以给定的数字 value ，并返回更新后的 Calculator 对象。

在函数执行完后，作用域会被清理，内存会被回收，但由于闭包函数是建立在函数内部的子函数，外部函数执行完后，作用域链会被销毁，但他的活动对象并不会被销毁，因为子函数的作用域链仍有对他的引用。通过使用闭包，可以创建一个接收部分参数的函数，并返回一个闭包，该闭包接收剩余的参数，从而实现函数柯里化。此外，闭包还可以解决回调函数中的作用域问题，确保回调函数能够访问正确的变量。创建私有变量和方法：使用闭包可以创建具有私有状态的对象，通过将变量和函数包装在闭包内部，可以隐藏它们对外部的可见性，实现数据的封装和信息隐藏。

【代码】Echarts的dataset设置dimensions别名。

时光不能回退，Git却允许我们改变历史。【注：HEAD是指向当前版本的指针，HEAD^表示上个版本,HEAD^^表示上上个版本】如果修改到的文件比较少，我们可以不通过命令回滚的方式，手动删除之前的修改，再进行提交。

自动刷新主要通过跟踪 api 的 url 属性来完成的，如果 url 中了使用了某个变量，而这个变量发生变化则会触发自动刷新。也就说这个 url 地址，既能控制 api 请求的 query 参数，同时又起到跟踪变量重新刷新接口的作用。这个设定大部分情况下都是合理的，但是有时候想要跟踪 url 参数以外的变量就做不到了。之前的版本，配置的 api 默认就会具备自动刷新功能，除非显式的配置。这就实现了监听两个数据 a和c 变化再更新。文档只有监听一个的例子。遇到的场景需要追踪多个数据变化再更新。

查看自己是开发者权限，重置一遍公钥再添加也不行，去网上找方法，介绍这种情况的原因就是新的ssh客户端不支持ssh-rsa算法，要修改本地配置重新使用ssh-rsa算法。具体做法：到当前用户目录下的.ssh文件中创建config文件（config没有后缀），使用记事本打开添加如下。windows电脑重装环境，gitlab配置ssh，生成公钥。把公钥添加到gitlab，clone代码时拉不下来，报错。config 文件添加内容。

概率数组法：将所有奖品的概率存入一个数组中，然后生成一个随机数，根据随机数的值在概率数组中查找对应的奖品。权重随机法：将所有奖品按照权重分配一个区间，然后生成一个随机数，根据随机数落在哪个区间来确定中奖的奖品。区间法：将所有奖品的概率转化为区间，然后生成一个0到1之间的随机数，在对应的区间内查找对应的奖品。突然想写个react的九宫格抽奖组件,就浅尝一下。0.5秒随机点亮奖项,按提供的奖品数组抽奖几率来决定最终中奖;这些方法都可以根据具体的需求来选择适合的方法。

二分查找的概念在于，定义一个数组arr，找到当前数组中点middle，如果要查找的值小于当前middle索引对应的值，则将缩小范围，继续求缩小范围的middle值，接着继续比较，不断缩小范围，最后找到该值；的数组，而原生的indexOf则适合。二分查找法是速度较快的搜索算法。查到一个有序数组中,某一项的索引。二分查找适合顺序存储，随机存储并且数据量不大。

这还仅仅是两层嵌套，实际开发中dom结构往往要复杂的多，因此react中我们常常推荐直接使用jsx文件定义业务逻辑以及html片段。的结构，而React.createElement。接收后生成的数据，其实才是真正意义上的虚拟。方法一定不会陌生，它用于创建。那么到这里，我们搞清楚了虚拟。其实只是一个包含了标签类型。说到底，这个就是传递给。究竟是什么，所谓虚拟。

例子,vue3导入element-plus。同时记得开启nginx 压缩算法的功能。3.更改element-plus导入。vite 还可以打包时对文件进行压缩。1.加载compression插件。1.加载插件cdn-import。

而修改dom的几何信息例如height，动画中的left移动等，动画中每一帧都对布局有影响从而浏览器会重新计算生成布局树再分层，生成绘制指令再分块，再光栅化，然后交给GPU重新渲染。但是Transform则不会影响，浏览器只需要一次生成这个元素的位图，并在动画开始的时候将它提交给GPU去处理。之后，浏览器不需要再做任何布局、 绘制以及提交位图的操作。ball1的动画使用transform左移100px， ball2的动画使用left左移100px。