DL·Coder - 博客园

2022年11月20日

摘要： **Reflect.get()**方法与从对象 (target[propertyKey]) 中读取属性类似，但它是通过一个函数执行来操作的。 export const reactive = <T extends object>(target: T) => { return new Proxy(ta 阅读全文

posted @ 2022-11-20 21:51 DL·Coder 阅读(29) 评论(0) 推荐(0) 编辑

Vue3 之 ref、shallowRef、customRef

摘要： ref 把对象转化为响应式的； shallowRef是浅层响应式数据，即：只有对value整体修改，才能更新到视图层。而修改具体属性值时，不会更新视图。（shallowReactive和shallowRef一样的效果）； shallowRef() 存在的意义：将最终的结果输出到视图，节省一些不必要的阅读全文

posted @ 2022-11-20 00:11 DL·Coder 阅读(775) 评论(0) 推荐(0) 编辑

Vue3 npm 命令解析

摘要：我们使用npm run xxx 命令，在nodeMoudles里面，vite目录做了一个软链接，然后去软链接下面的目录去找，有3个vite的配置，适应不同的平台做的（unix、windows、mac等）流程： 1、本地nodeMoudles的bin目录找有没有可执行的vite 2、如果没有，去全局阅读全文

posted @ 2022-11-20 00:00 DL·Coder 阅读(133) 评论(0) 推荐(0) 编辑

2022年11月17日

正则去掉括号里面的拼音

摘要：成功吧 (xi1 ju2) 去掉 let reg = /(?<=phoneme>)([^()]+)/ig const str = '喜剧(xi1 ju2)' console.log(str.replaceAll(/(?<=phoneme>)\([^()]+\)/ig, '')) // 喜剧阅读全文

posted @ 2022-11-17 15:57 DL·Coder 阅读(39) 评论(0) 推荐(0) 编辑

2022年11月7日

websocket 的基本使用

摘要： MDN：https://developer.mozilla.org/zh-CN/docs/Web/API/WebSocket 阅读全文

posted @ 2022-11-07 22:04 DL·Coder 阅读(12) 评论(0) 推荐(0) 编辑

2022年11月2日

使用淘宝源安装依赖

摘要： npm install --registry="https://registry.npm.taobao.org" 阅读全文

posted @ 2022-11-02 14:36 DL·Coder 阅读(86) 评论(0) 推荐(0) 编辑

2022年10月27日

vue2 使用video.js

摘要：页面内使用 vue2 使用 npm install video.js@6.13.0 // 外层div <div class="video-class" v-if="isShowVideoDialog"> <!-- <video width="100%" height="100%" controls 阅读全文

posted @ 2022-10-27 18:03 DL·Coder 阅读(2223) 评论(0) 推荐(0) 编辑

2022年10月20日

Element diaolog 居中，标题小竖线

摘要：效果图代码 <el-dialog :visible.sync="isShowGenerateVideo" width="500px" class="dialog-middle" center append-to-body> <div slot="title"> <div class="el-dia 阅读全文

posted @ 2022-10-20 17:21 DL·Coder 阅读(668) 评论(0) 推荐(0) 编辑

2022年10月17日

Error：Invalid prop: custom validator check failed for prop "pagerCount".

摘要： Element 分页使用 pager-count 报错错误原因：pager-count只要5~21之间的奇数 <el-pagination small layout="total, prev, pager, next" :pager-count="6" :page-size="pageData.p 阅读全文

posted @ 2022-10-17 13:12 DL·Coder 阅读(121) 评论(0) 推荐(0) 编辑

2022年10月14日

Element 关闭图标区分关闭、取消、ESC

摘要：使用 distinguishCancelAndClose 属性关闭：close（关闭弹框）取消：cacel（cancelButtonText） ESC：close（关闭弹框） Element.MessageBox.confirm('是否要离开？', '提示', { confirmButtonTe 阅读全文

posted @ 2022-10-14 13:30 DL·Coder 阅读(662) 评论(0) 推荐(0) 编辑

DL-CODER

公告