css-grid布局实现一个复杂表格 发表于 2024-08-29 | 分类于 css , grid 产品设计了这样一个表格,如下图:当然表格内容格式是固定的,本来想用element ui的,但是思考了一下,用el-table好像嵌套的比较麻烦,还要合并单元格,所以采用了grid布局。废话不多说,直接上代码: 123456789101112131415161718192021222324252627 ... 阅读全文 »
includes和Set方法判断数组是否存在某个元素 发表于 2024-08-27 | 分类于 js 今天在看react文档的时候发现这样一段话:所以就想尝试下,做了一个简单的demo: 1234567891011121314151617181920212223242526<!DOCTYPE html><html lang="en"><head&g ... 阅读全文 »
js-createRange方法的作用 发表于 2024-07-18 | 分类于 js 因在使用element ui table组件的时候,发现了tooltip这个属性,发现它只在元素很长的时候才会生效,那它是怎么判断里面文字的长度的?所以去找了一下源码,就发现了一个这样的方法——createRange。在MDN上面也没有详细的介绍。下面我简单介绍一下它的用法: 果1234567891 ... 阅读全文 »
vue3中使用动态组件和异步组件 发表于 2024-06-20 | 分类于 js , vue3 起因最近有个需求是,页面内容由后端返回可以展示哪些模块,以及这些模块的顺序,又到组件很多,所以想到了动态组件和异步组件的结合使用。当然后端返回的仅仅是这些模块的名字(即组件的名字)和顺序。 前期准备1.将所有的组件放到view/template下面,如demo1/index.vue、demo2/in ... 阅读全文 »
vue3中使用keepAlive缓存路由组件不生效的情况记录 发表于 2024-06-17 | 分类于 js , vue3 问题出现原因在router.js中注册路由: 123456789{ path: '/template-allocation', name: 'TemplateAllocation', meta: { title: ... 阅读全文 »
vue3-基于element-plus的图片预览封装 发表于 2024-05-29 | 分类于 js , vue3 有时候在表格中需要直接点击一个按钮预览图片,element-plus中的图片组件就不方便使用了,所以做了一个简单的封装。 阅读全文 »
想开发这样一个npm包,从class生成css 发表于 2024-05-15 | 分类于 js , node , npm 前情:项目中偶尔要加一些简单的样式,也不通用的样式,如宽度为100,间距12,所以想搞一个npm包,通过class可以直接生成。 需求就是根据特定的类名生成特定的css文件,如: w-100代表宽度为100px m-20代表margin为20 p-20代表padding为20 ml-20代表marg ... 阅读全文 »
浅析css计数器 发表于 2024-03-18 | 分类于 css 计数器有两个关键属性 counter-reset 计数器重置 设置初始值:counter-reset: num 1 默认的初始值为 0 可以设置多个:counter-reset: num1 1 num2 2; counter-increment 计数器规则,计数器递增的意思 设置计数:counte ... 阅读全文 »
windows中vscode偶尔碰到端口被占用的解决方案 发表于 2024-02-26 vscode启用服务碰到这种情况该怎么解决?打开vscode终端或者命令行,输入netstat -nao | findstr 3003查找端口占用情况如下:找到图片中,第一行的pid,即7092, 终端再输入:taskkill /F /pid 7092执行结果如下,就代表进程被杀死了,端口也不会继续 ... 阅读全文 »