自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(66)
  • 收藏
  • 关注

原创 Element Plus 的 <el-table> 怎么点击请求后端接口 tableData 进行排序而不是网络断开之后还可以自己排序

使用 sortable=“custom” 后,Element Plus 不会对 :data 做任何排序操作,只负责通知你用户点了哪个字段、要升序还是降序。sortable 属性一旦设置为 true(或 ‘custom’ 以外的值),Element Plus 默认启用前端排序。所以在网络失败、fetchData 没更新数据的情况下,用户看到的是 前端临时排的结果,而非真实后端数据顺序。这样修改后,即使网络断开,点击排序也不会出现“前端乱排”的情况,行为完全可控 ✅。

2025-11-14 15:34:05 280

原创 echarts 的用法

【代码】echarts 的用法。

2025-07-16 09:55:58 112

原创 echarts折线图的 线条的样式怎么控制

【代码】echarts折线图的 线条的样式怎么控制。

2025-07-15 18:07:36 272

原创 用nz-tabel写一个合并表格

用nz-tabel写一个合并表格。

2025-05-27 14:53:02 427

原创 每个元素后面加“、”,但最后一个元素不加

在 Angular 中,如果你想使用 *ngFor 遍历一个数组,并在每个元素后面加“、”,但最后一个元素不加标点符号,你可以使用 $last 这个由 *ngFor 提供的上下文变量来判断是否是最后一个元素。假如在vue 里 每个元素后面加“、”,最后一个不加 warningPromptSkuList = [‘A001’, ‘B002’, ‘C003’]

2025-05-23 17:57:55 252

原创 前端项目中实现页面看起来像是浏览器缩放到了80%的效果

需要注意的是,直接缩放整个html标签可能会导致一些布局问题,特别是在考虑页面宽度和滚动条时。因此,你可能需要根据具体的设计进行调整,比如设置合适的视口(viewport)或者父容器的样式以确保布局正确。要在前端项目中实现页面看起来像是浏览器缩放到了80%的效果,你可以通过CSS来调整整个页面的缩放比例。zoom属性是非标准的CSS属性,但广泛支持于大多数桌面浏览器中(除了大部分移动浏览器)。使用transform与scale函数是一种更符合标准且跨浏览器兼容性更好的方法,包括对移动设备的支持也很好。

2025-05-22 09:54:27 529

原创 vue3使用 Tailwind CSS (4.多版本)

【代码】vue3使用 Tailwind CSS (4.多版本)

2025-05-21 18:11:45 755

原创 在 Angular 中, `if...else if...else`

或者,如果可能的话,考虑将这些逻辑移至组件类中,并通过一个方法返回需要显示的内容,这样可以保持模板的整洁。假设你有一个变量 status,你希望根据它的值显示不同的内容。指令结合其else模板功能来实现类似的效果。在 Angular 中,模板语法本身并不直接支持。这样的多条件分支结构。不过,你可以通过使用。

2025-05-14 14:50:10 571

原创 vue3使用tailwindcss报错问题

注意: 要看清版本 现在安装的tailwindcss 是4.x 官网是3.x。地址:https://tailwindcss.com/

2025-05-10 09:45:10 1211

原创 要从给定的数据结构中提取所有的 itemList 并将其放入一个新的数组中

【代码】要从给定的数据结构中提取所有的 itemList 并将其放入一个新的数组中。

2025-04-24 16:36:16 306

原创 数组去重的方法

【代码】数组去重的方法。

2025-04-14 16:33:06 180

原创 数组的应用

数组的应用

2025-01-21 16:48:26 446

原创 vue3切换路由后页面不报错显示空白,刷新后显示正常

【代码】vue3切换路由后页面不报错显示空白,刷新后显示正常。

2025-01-20 18:14:14 441

原创 el-table中使用el-image图片预览被其他表格遮挡,使用z-index层级设置无效

【代码】el-table中使用el-image图片预览被其他表格遮挡,使用z-index层级设置无效。

2025-01-17 16:30:25 890

原创 table表格合并 tabel表格的全选,单选 ,半选 vue3

【代码】table表格合并 tabel表格的全选,单选 ,半选 vue3。

2024-10-24 11:33:39 513 1

原创 浅拷贝和深拷贝

a. 单级多级均为深拷贝,使用lodash工具中cloneDeep方法实现深拷贝,需要通过npm引入lodash库。

2024-09-23 17:44:27 267

原创 前端Warning解决:多行文本省略号样式失效丢失,css

【代码】前端Warning解决:多行文本省略号样式失效丢失,css。

2024-09-09 10:37:31 395

原创 Component name “index“ should always be multi-word.eslintvue/multi-word-component-names

【代码】Component name “index“ should always be multi-word.eslintvue/multi-word-component-names。

2024-08-22 10:18:07 283 1

原创 elementUI input 卡顿

elementUI input 卡顿。

2024-07-02 17:58:46 360

原创 Tailwind CSS 在vue里 的使用

Tailwind CSS 在vue里 的使用

2024-06-27 11:50:29 665

原创 text-indent 的用法

在使用 text-indent 时,确保考虑了这些属性的潜在影响。使用相对单位:使用 em 或 rem 等相对单位可以确保 text-indent 的效果与元素的字体大小保持一致,从而在不同设备和屏幕尺寸上提供更一致的视觉效果。测试在不同浏览器和设备上的表现:由于不同浏览器可能会有不同的实现,确保在多个浏览器和设备上测试 text-indent 的效果,以确保一致的用户体验。避免在非文本内容上使用:虽然 text-indent 可以应用于任何块级元素,但最好将其用于文本内容,以避免不必要的布局问题。

2024-05-06 10:41:27 664

原创 请求类型get,delete,post,put 的用法(传参)

{

2024-04-10 14:15:54 759

原创 css Animation 动画-右进左出

【代码】css Animation 动画-右进左出。

2024-04-08 18:25:41 1309

原创 Angular错误NG6002:出现在AppModule的NgModule.imports中,但无法解析为NgModule类

【代码】Angular错误NG6002:出现在AppModule的NgModule.imports中,但无法解析为NgModule类。

2024-03-22 11:01:02 965

原创 实现导出的方法

【代码】实现导出的方法。

2024-02-19 15:00:49 177

原创 vue 导出,下载错误提示、blob与json数据转换

一、成功/失败 - 页面展示。

2024-02-19 14:35:23 765

原创 拍照,截图 对图片进行编辑或绘画保存和更新

【代码】【无标题】

2024-01-25 10:16:55 525

原创 ng : 无法将“ng”项识别为 cmdlet、函数、脚本文件或可运行程序的名称。请检查名称的拼写,如果包括路径,请确保路径正确,然后再试一次。

ng : 无法将“ng”项识别为 cmdlet、函数、脚本文件或可运行程序的名称。请检查名称的拼写,如果包括路径,请确保路径正确,然后再试一次。

2024-01-12 15:35:00 1143

原创 倒计时 js vue

【代码】倒计时 js vue。

2023-12-13 17:55:12 149

原创 Vue3中使用tinymce, tinymce上传图片,tinymce使用emoji表情

【代码】Vue3中使用tinymce, tinymce上传图片,tinymce使用emoji表情。

2023-12-13 15:46:24 989 1

原创 render函数 for循环返回多个p标签

【代码】render函数 for循环返回多个p标签。

2023-12-11 15:04:37 465

原创 npm i时报错

【代码】npm i时报错。

2023-12-11 10:42:49 393

原创 【VSCode】解决Open in browser无效

然后回到VSCode,发现已经可以正常使用 Open in browser 插件了。

2023-12-06 17:33:00 913

原创 yarn : 无法加载文件 D:\nodejs\node_global\yarn.ps1,因为在此系统上禁止运行脚本

如果返回和我们设置的值一样,就说明修改成功啦,接下来,可以继续去编辑器执行。

2023-12-04 15:53:14 886

原创 vue3图片拖拽后重新排序

【代码】vue3图片拖拽后重新排序。

2023-11-22 09:32:46 1344

原创 wPaint绘图

【代码】wPaint绘图。

2023-11-09 11:26:59 161

原创 nvm的使用

【代码】nvm的使用。

2023-11-09 11:25:19 98

原创 CSS中的object-fit和background-size, object-position和background-position属性。

9. object-position属性常与object-fit一起使用,一般用于img和video标签,它规定了元素内容在容器内显示的位置,默认为居中。该属性同样不被IE15及以前的浏览器支持。三、 object-position和background-position属性。一、background-size 属性。二、 object-fit。

2023-11-06 11:36:50 232

原创 后台管理系统加水印 生成页面水印

angular 后台管理系统加水印 生成页面水印

2023-10-09 14:22:22 438

原创 【前端面试题】—常见NodeJS基础面试题

执行中的事件叫IO事件, setlmmediate在当前队列中立即执行,setTimout/setInterval把执行定时到下一个队列, process. nextTick在当前队列执行完,下次遍历前执行。(2)功能强大,非阻塞式I/O,在较慢的网络环境中,可以分块传输数据,事件驱动,擅长高并发访问。(1)简单, Node. js用 JavaScript、JSON进行编码,简单好学。(3)轻量级, Node. js本身既是代码又是服务器,前后端使用同一语言。(5) jasmine/mocha单元测试。

2023-08-28 15:26:40 138

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除