- 博客(17)
- 收藏
- 关注
RSS订阅原创 vue国际化替换
2. 其他语言配置AI翻译指令eg：这是国际化的中文根据这份中文的配置文件，生成英文和俄文的配置文件将其他语言的配置文件放在语言配置目录下5.执行收集中文：替换t函数：扫描&收集中文替换替换文件
2025-12-20 15:01:18
408
原创 javascript正则表达式
正则表达式是由普通字符（如字母、数字）和特殊字符（称为元字符）组成的字符串模式。例如，正则表达式\d{11}可用于匹配 11 位数字的手机号码。
2025-12-06 14:59:26
548
原创 Vue3.5
注意⚠️：useId() 不应在 computed() 属性内部调用，可能导致实例冲突。应在 computed() 外部声明 ID，并在计算函数内部引用它。如果同一页面上有多个 Vue 应用实例，可以通过 app.config.idPrefix 为每个应用提供一个 ID 前缀，以避免 ID 冲突。注意⚠️：深度侦听需要遍历被侦听对象中的所有嵌套的属性，当用于大型数据结构时，开销很大。
2025-11-13 17:23:13
321
1
原创 Day.js
/ 使用dayjsdayjs().format('YYYY年MM月DD日');// '2023年05月10日'// 使用JavaScript Date API${// 使用dayjs dayjs() . format('YYYY-MM-DD');// '2023-05-10' dayjs() . format('YYYY年MM月DD日');
2025-07-30 17:28:05
306
原创 js引用类型与基本类型
这意味着，对于基本类型的 const 变量来说，它们的值是不可变的。而对于引用类型的 const 变量，虽然变量本身不能再指向其他对象，但是对象本身的属性是可以被修改的。当创建一个新的引用类型对象时，会在堆内存中分配一块足够的内存来存储对象的数据。长期存储：引用类型的生命周期可能会比基本类型更长，它们通常用于存储复杂的数据结构和对象，需要在程序的不同部分共享和访问。在创建对象、数组、函数等引用类型时，它们的实际数据会被存储在堆内存中，并在栈内存中存储一个对应的指针（地址）。
2023-12-29 17:39:34
446
1
原创 mask遮罩配合＜input text=“range“＞实现图片切换
【代码】mask遮罩配合＜input text=“range“＞实现图片切换。
2023-12-28 17:35:16
495
1
原创 Mock数据
在前端没有实际后端接口的支持下，为了提高开发效率，可以先进行j接口数据的模拟，来进行正常的业务开发。使用npm run server启动。2.使用 Mock.js 库。在浏览器打开检查是否可用。
2023-12-13 16:08:00
498
1
原创 React Hooks （useState useRef useEffect 自定义hook）用法
为了提高部分功能的复用，便于后期维护，我们通常会自定义一些hook进行逻辑复用//展示App component的显示与隐藏setShow(!show)return (<></>将展示与隐藏的逻辑抽离出来，进行自定义hook。show)return (<></>用法1.声明一个以use开头的函数2.在函数体内封装需要复用的逻辑3.将组件中用到的状态使用return返回出去4.在使用到自定义hook的组件中执行该函数，解构出需要的状态进行使用。
2023-12-07 14:03:11
1901
原创 React基础1(jsx遍历展示，条件展示，样式展示，绑定表单)
1.在旧的虚拟DOM中存在与新的虚拟DOM相同的key，则进行内容的比较。如果内容改变则生成新的真实DOM，否则使用原来的真实DOM。当数据发生变化时，react通过diff算法将新的虚拟DOM与旧的虚拟DOM进行比较，从而进行真实DOM的更新。如果列表内有输入的内容(例如input框)，后续操作破坏了原始顺序，以index作为key，就会产生错误DOM。2.在旧的虚拟DOM中不存在与新的虚拟DOM相同的key，则直接创建新的真实DOM。
2023-11-27 14:17:33
855
原创 React Hooks 原理
更新的时候也是取出之前的 memorizedState，和新传入的 deps 做对比，如果没变，就返回之前的值，即prevState[0]。更新的时候把之前的memorizedState取出来，和新传入的deps 做对比，如果没变，就返回之前的回调函数，即prevState[0]。如果变了，就创建一个新的数组，第一个元素是传入的回调函数，第二个是传入的 deps。所以，useMemo 的功能：实现函数执行结果的缓存，如果 deps 没变，就返回之前的结果，否则才会执行函数返回最新结果。
2023-11-22 15:31:44
1493
原创 封装接口的请求 根据请求后返回的状态 进行逻辑处理
在进行前后端交互时，需要对不同的接口进行多次请求，根据不同的返回状态来进行相关的逻辑操作。在这种情况下，我们可以对接口的请求进行封装，获取到不同请求的（成功/失败）状态，再去进行相关的逻辑操作，提高代码可读性，便于后续维护。
2023-11-21 09:55:07
149
原创 在对象和数组下对undefined使用扩展运算符
在收集表单数据时，遇到了收集并整合数据的情况。不必要的表单数据可能为undefined，如果收集并整合的数据类型为数组，可能会出现一些问题。
2023-11-17 15:28:21
288
2
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人