明未为洺


  • 首页

  • 标签

  • 分类

  • 归档

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执行结果如下,就代表进程被杀死了,端口也不会继续 ...
阅读全文 »

dialog组件在vue3中的使用

发表于 2024-01-12 | 分类于 js , vue

项目中通过pinia做状态管理,在dialog组件中使用,发现了一些问题,在此总结一下。

阅读全文 »
12…9下一页

83 日志
31 分类
52 标签
© 2025 明未为洺
由 Hexo 强力驱动
|
主题 — NexT.Pisces v5.1.4