要加油哦～-CSDN博客

原创 CSS | transition 和 transform的用处和区别

transform用来对元素进行变形，常见的操作如下，它是立即生效的样式变形属性。旋转rotate(角度deg)、平移translateX(像素px)、缩放scale(倍数)、倾斜skewX(角度deg)操作示例说明旋转让元素顺时针旋转180 度平移向右移动100 像素缩放放大到原来的 1.2 倍倾斜沿 X 轴倾斜transition用来设置元素样式变化时的过渡动画效果，它必须配合其他属性（如transformopacitycolor等）的变化使用。项目。

2025-06-09 17:13:55 395

原创 Vue | 常规 Vue 组件的 DOM 节点获取方式：①直接使用ref；② 封装子组件 defineExpose暴露，父组件 xxxRef.value.expose的键.方法()调用

回答：inputRef.value.ref.focus()表达式意义是 Input 组件的实例（一个 proxy）是你在子组件中手动暴露出来的 DOM 节点（通过是你在子组件暴露的 DOM 节点上调用focus()方法。

2025-06-09 14:20:52 245

原创 css | class中 ‘.‘ 和 ‘:‘ 的使用 | 如，何时用 &.is-selected{ ... } 何时用 &:hover{...}？

hover是临时状态是持久状态（通过 JS/class 控制）两者经常配合使用：先 hover 提示，点击后选中变样式。

2025-06-08 17:07:07 545

原创 vue · 插槽 | $slots：访问所有命名插槽内容 | 插槽的使用：子组件和父组件如何书写？| 作用域插槽

子组件定义插槽 —— 子组件确定要插入的位置 —— 父组件定义插槽里的内容 —— 父组件确定内容 —— 子组件中访问，就能知道父组件是否有传入插槽是 Vue 实例中的一个属性，用于访问所有命名插槽内容。它是一个对象，键是插槽的名字，值是对应的 VNode 数组（Vue 虚拟 DOM 节点）。注意：中的内容是 VNode 对象数组，不是 HTML 字符串。不要直接修改，它是只读的。若插槽为空，对应的键会是。父组件使用提供了名为的插槽内容。在子组件件内部，插槽的位置会渲

2025-06-07 16:21:29 484 1

原创刷题 | 牛客 - js中等题-下（更ing）30/54知识点&解答

从数组末尾删除并返回这个元素。.shift()：从数组开头删除并返回这个元素。.reverse()将数组元素反转。将数组拼接成字符串。

2025-05-24 21:54:11 360

原创 vitepress | 文档：展示与说明只写一次，使用vitepress-deme-preview插件

① 组件 component 的写法。

2025-05-24 15:36:36 606

原创 JS | 正则 · 常用正则表达式速查表

以下是前端开发中。

2025-05-11 20:49:30 285

原创报错 | vitest中，vue中使用jsx语法，报错：ReferenceError: React is not defined

在 vite.config.ts 中添加了，jsx的相关代码，但依旧无法解决。vite.config.ts中的代码迁移到vitest.config.ts中。vitest.config.ts中也添加 vueJsx 插件引入。分析：在vue中使用jsx语法，无法识别。

2025-05-09 12:07:15 423

原创 vitest | 测试框架vitest | 总结笔记

①支持vite的生态系统，②兼容jest语法 ③HMR测试（速度快） ④ ESM（js的原生支持）：查看框架是否符合预期的结果。

2025-04-28 16:31:47 847

原创 JS Array 方法 | 区分 slice 和 splice

slice(起, 终)，切片，复制返回新数组不改原数组splice起, 删几个, 插入哪几个)增删改改原数组，返回被改后的原数组。

2025-04-24 17:20:26 814

原创 vue | 不同 vue 版本对复杂泛型的支持情况 · vue3.2 VS vue3.5

特性Vue 3.2Vue 3.5（或 Vue 3.3+）泛型类型识别✅ 可识别✅ 可识别defineProps<泛型>() 支持✅ 支持，但弱✅ 支持完整模板中类型提示（TS 提示）❌ 无提示或不完整✅ 完整提示第三方库类型支持（复杂类型）⚠️ 需要手动检查✅ 可放心使用如果你正在使用这种复杂泛型作为的泛型参数，并希望：保证 props 类型安全在<template>中获得提示、补全更好维护和复用请升级至 Vue 3.3 或 3.5，搭配和最新的Volar插件。

2025-04-23 21:21:51 938

原创报错 | 配置 postcss 出现报错：A `require()` style import is forbidden.

另外，/* eslint-env node */生效了。：Vite 本身使用的是现代浏览器和 ESBuild（支持原生 ESM），安装 each 后，测试，发现，成功显示！注：再不行，考虑本文中的统一使用es模块方法（改写），而不是直接由 Node.js 来执行源代码；，比如 postcss.config.mjs。翻译：禁止导入require（）样式。本次使用的是 es 模块（ESM）等），这些都基于 ESM 开发。依赖中使用了很多现代插件（如。，官方推荐使用现代模块格式。是合法的（不会报未定义）

2025-04-21 22:56:10 859

原创刷题 | 牛客 - js中等10题-上：1-30/54知识点&解答

Array要转换的对象, [mapFn], [thisArg ])：将（Iterable数组。第二参 mapFn 是类似 Array.prototype.map 的，加工每一项；第三参，是执行 mapFn 时的this 指向。：① 将类数组对象、字符串、arguments；② 给mapFn（第二个参回调函数）做转换；③创建指定长度的新数组）（用于快速创建包含类数组对象，如、argumentssort排序：array.sortreturn;//数值。

2025-04-17 18:14:35 1096

原创 github | 仓库权限管理 | 开权限

github 给别人开权限仓库 -> Setting -> Cllaborate -> Add peopleGitHub中将公开仓库改为私有：仓库 -> Setting -> Danger Zone（危险区） ->Change repository visibility( 更改仓库可见性 ) -> Make private( 设为私有 )一、github 给别人开权限省流&总结：仓库 -> Setting -> Cllaborate -> Add people。

2025-04-17 16:02:08 1679

原创 JS | 函数柯里化

行为对象目的触发条件原始函数执行目标函数参数数量足够柯里化函数自身递归收集参数参数不够例题：牛客 JS56 返回函数。

2025-04-09 21:37:48 432 1

原创刷题 | 牛客 - js简单10题（已更完）10/10知识点&解答

项目内容方法返回Unicode 码点（十进制）用途获取任意字符（包括 emoji）的完整编码特点支持代理对，支持 UTF-16 以外字符返回类型Number，如果越界则返回undefined对比更现代、更强大，推荐替代。

2025-04-08 22:27:22 813

原创换内存条 | 查看内存信息 + 推荐的内存条 + 如何更换内存条

如果你目前只有 8GB，推荐加装一条同频率的 8GB形成双通道；若打算换新一套，直接上2x16GB DDR5 4800/5200MHz 的组合；金士顿、三星、海盗船是兼容性最稳的品牌；自己更换非常简单，只要小心谨慎，10分钟搞定。

2025-04-06 14:31:18 967 1

原创 vue中的拖拽

实现方式特点适用场景HTML5 原生拖拽 API✅ 直接使用进行数据传输✅ 兼容性好（大部分浏览器支持）✅ 适合简单的拖拽场景低代码平台、表单生成器、组件拖拽Vue/React 组件库（如✅ 提供更丰富的交互效果✅ 支持列表排序、拖拽嵌套❌ 依赖额外的库复杂拖拽，如列表排序、树状结构CSS 仅视觉拖拽（无交互）✅ 仅改变视觉位置，无数据交互❌ 无法存储拖拽数据简单 UI 动画。

2025-04-02 22:06:05 1237 1

原创 git | 版本切换的相关指令

【代码】git | 版本切换的相关指令。

2025-03-29 21:57:40 382

原创 vue3 | Vue2代码转换成Vue3

本篇问题导向，后续再更新]

2025-03-25 22:43:41 778

原创 git push | detached HEAD 处理与解决

你现在的master分支已经绑定了远程的。以后你直接使用git push和git pull即可，不需要额外指定远程分支。（这能让你看清楚本地与远程的差异）

2025-03-24 10:49:08 734

原创 git | 回退版本并保存当前修改到stash，在进行整合。[git checkout | git stash 等方法 ]

VSCode 调整 & 预览成果挑选需要的内容 →git add→git commit（可选）

2025-03-22 22:25:56 1329

原创前端 | debounce 防抖 vs 节流（throttle）

防抖（debounce）是一种控制函数触发频率的技术，核心思想是：💡「等用户操作停止一段时间后，再执行函数。

2025-03-19 15:18:22 388

原创前端 | 向后端传数据，判断问题所在的调试过程

理清架构：vue文件中（界面）——调用函数js文件中（api交互）——定义函数，并向后端发送 post 请求node后端中（处理）——接收 post 请求，并进行处理在里调用saveToFile要求：调用的传入的数据是js修改，在里，先打印text🚀texttextfetch若发现 text 的格式是content:Proxy用途：把响应式数据 ref([])即Proxy，转为普通数组。这样才可以进行解析。NetworkNetwork（网络）saveHeaders（请求头）

2025-03-09 18:06:21 1044

原创前端 | CORS 跨域问题解决

注：注意顺序，press和cors的顺序。，判断是用require还是import。头部没有配置，导致请求被浏览器拦截。

2025-03-09 17:26:46 1163

原创 arguments 详解 & 使用指南

arguments

2025-03-05 20:21:28 1336

原创刷题 | 牛客 - js入门15题（更完）15/15知识点&解答

知识点说明浅拷贝避免共享引用数据隔离 + 防御性编程三个等号执行顺序代码链式赋值的重要特性额外思考写法性能 + 安全性更高。

2025-03-03 22:53:05 503

原创尚硅谷· vue3+ts 知识点学习整理 |14h的课程（持续更ing）

2020.9.18vue3发布本文按照，2023.10发布的公开版本3.3.4来讲解特点：性能提升打包体积减少、初次渲染更快、更新更快、内存减少源码升级用Proxy代替defineProperty实现响应式；重写虚拟DOM的实现和Tree-Shakingvue3支持TypeScript新特性CompositionAPI（组合式API）：setup、ref与reactive、computed与watch内置组件。

2025-01-06 17:49:06 1161

原创 vscode 多项目冲突：进行 vscode 工作区配置

VSCode设置位置分为用户区和工作区。用户区，即用户设置，是全局的，对所有工作区和项目都有效。存储在用户配置文件夹中，并以文件的形式保存，与登录的用户账号关联。工作区仅在当前工作区和项目中有效，同时覆盖用户区设置。会创建一个.vscode文件夹，并在其创建settings.json进行配置，来实现特定项目中自定义配置项，而不会影响其他项目。VSCode的设置层级关系系统默认设置（不可修改）-用户设置-工作区设置-文件夹设置（文件夹实际上也是工作区）工作区：对特定文件夹的设置。

2024-12-29 19:54:26 1398

原创 nvm-windows | node版本管理

如果你需要同时管理多个版本的 Node.js，可以使用版本管理工具，比。安装完成后，你可以轻松切换和管理多个 Node.js 版本！：当前的 Node.js 版本（v18.15.0）不符合。需要 Node.js 的版本是。，而你使用的版本低于这个要求。不支持安装 npm 之外。重新打开终端以应用环境变量。（适用于 Windows。

2024-12-11 18:15:44 722