- 博客(108)
- 收藏
- 关注
原创 Vue3 Element Plus 使用el-progress实现【渐变色】环形进度条 - 附完整示例
Vue3 Element Plus 使用el-progress实现【渐变色】环形进度条 - 附完整示例
2025-03-24 08:00:00
368
原创 常用的正则表达式 - 附示例
正则表达式(Regular Expressions,简称 RegEx)是一个强大的工具,用于匹配字符串中的模式。在此列举一些常用的正则表达式及其解释:
2025-03-17 08:00:00
1229
原创 JavaScript常见的小知识 - 附示例
哈哈!如果你对 JavaScript 相关的前端知识感兴趣,那正好我将在此分享一些有用的小技巧和概念。以下是几个常见的前端小知识:
2025-03-10 08:00:00
584
原创 CSS 复杂动画效果(4种) - 附完整示例
在CSS中,通过组合多个动画效果、不同的时间函数、以及多重关键帧,可以实现非常复杂和精美的动画效果。以下是一些高级的CSS动画效果示例,它们展示了如何通过组合旋转、平移、缩放、颜色变化等动画来创建复杂的视觉效果。
2025-03-03 08:00:00
742
原创 CSS 动画效果(5种) - 附完整示例
CSS动画(CSS Animations)可以使网页元素呈现平滑的动态效果。通过使用@keyframes规则和CSS的animation属性,你可以定义复杂的动画效果。
2025-02-17 08:00:00
2028
转载 【实战指南】DeepSeek大模型本地化部署全解析 小白也看得懂的deepseek本地化部署 - 图文版
通过本地化部署DeepSeek大模型,并通过Ollama或Chatbox AI与模型进行交互。本地部署不仅能够保护数据隐私,还能根据需求灵活调整模型参数,满足不同场景下的使用需求。如果你在部署过程中遇到任何问题,可以在评论区留言,我们将一起解决。小白也看得懂的deepseek本地化部署-优快云博客。
2025-02-11 14:16:09
312
原创 Vue3 ECharts 嵌套环形进度圈图 - 附完整示例
Apache EChartsApache ECharts,一款基于JavaScript的数据可视化图表库,提供直观,生动,可交互,可个性化定制的数据可视化图表。
2025-02-10 08:00:00
420
原创 CSS Grid 布局 - 附完整示例
CSS Grid 布局是一个强大的布局系统,它可以让你创建复杂的网页布局,并且代码简洁,灵活性高。它基于行和列的网格系统,将页面区域分割成不同的单元格,并允许你在这些单元格中排列内容。
2025-02-03 09:24:27
775
原创 CSS Flex 布局 - 附完整示例
CSS 的 flex 布局是一种强大的布局工具,可以使页面上的元素在容器中灵活地排列和对齐。flex 是 "flexible box" 的缩写,适用于一维布局(行或列)。它能够使元素的尺寸、对齐和顺序更加灵活和可控。
2025-01-27 08:00:00
1083
原创 JavaScript 如何判断一个对象是空对象 - 附5种常见方法
在 JavaScript 中,判断一个对象是否为空(即没有任何属性)有几种常见的方法。这里列出5种常用的判断空对象的方法,并对每种方法做简要示例
2025-01-06 08:00:00
2875
原创 Vue3 Element Plus 使用el-progress实现仪表盘形进度条 - 附完整示例
Vue3 Element Plus 使用el-progress实现仪表盘形进度条
2024-12-30 08:00:00
566
原创 TypeScript 使用new Date() 生成近七日日期数组 - 附完整示例
使用TypeScript + `Date` 对象以及简单的循环来实现生成近七天的日期数组。
2024-12-09 08:00:00
402
原创 JavaScript toISOString() 方法
toISOString() 方法可以使用ISO标准将 Date 对象转换为字符串该标准称为 ISO-8601 ,格式为: YYYY-MM-DDTHH:mm:ss.sssZ。
2024-12-02 08:00:00
536
原创 Vue3 Element Plus 使用el-progress实现环形进度条 - 附完整示例
一个 Vue 3 UI 框架 | Element Plus一个 Vue 3 UI 框架 | Element Plus。
2024-11-25 08:00:00
607
原创 JavaScript 编码 解码(URL 编码和解码 、 Base64 编码和解码 、 JSON 编码和解码) - 附示例
在JavaScript中,转码和解码通常涉及到将字符串转换为某种格式(如URL编码、Base64编码等),以便在网络传输时保持数据的完整性。下面是一些常见的转码和解码方法:
2024-11-11 08:00:00
2283
原创 CSS 箭头图片的动态样式突出数据对比是上升还是下降 - 附完整示例
用箭头图片的动态样式突出数据对比是上升还是下降在日常开发中还是比较常见的,特别是可视化大屏,因此在此记录一下效果。
2024-11-04 08:00:00
171
原创 Vue3 ECharts 使用数据集dataset - 附完整示例
Apache EChartsApache ECharts,一款基于JavaScript的数据可视化图表库,提供直观,生动,可交互,可个性化定制的数据可视化图表。
2024-10-28 08:00:00
588
原创 Vue3 Element-Plus el-table 表格 自定义列 - 附完整示例
Vue3 Element-Plus el-table 表格 自定义列 - 附完整示例
2024-10-21 08:00:00
3109
原创 原生JS table超过高度可滚动(表头固定,只滚动表格的内容)- 附完整示例
在前端的学习中,使用原生JS的table是很常见的,当内容过多且高度不够时滚动样式是很常见的,故在此记录。效果。
2024-09-30 08:00:00
685
原创 Luckysheet 设置滚动条颜色
Vue3 + element-plus + pinia,默认深色主题,在引用了Luckysheet之后发现滚动条的默认样式不太友好,因此做了一些调整
2024-09-23 08:00:00
325
原创 Vue3 Element-Plus el-table嵌套el-image查看大图导致CSS样式错乱的问题(如表格的内容显示在了图片上层)的解决办法 - 附代码
Vue3 Element-Plus el-table嵌套el-image查看大图导致CSS样式错乱的问题(如表格的内容显示在了图片上层)的解决办法
2024-09-09 08:00:00
437
原创 Vue3 动态修改CSS样式(包含style + class)- 附示例
在日常的开发过程中,CSS样式根据某个变量的状态或者是变量值的改变而展示不同的属性值是很常见的,故在此记录一些常用的使用场景。
2024-08-19 08:00:00
9586
原创 JavaScript 数值千位符
支持 IE11、Edge、最新的 Safari、Chrome、Firefox、Opera、iOS 上的 Safari 和 Android 上的 Chrome。JavaScript 1.5(于 1999 年推出)中实现的,基本上所有主要浏览器都支持。可以把普通的数字,转换成不同的货币和格式样式字符串。
2024-08-12 08:00:00
553
原创 Vue3 列表自动滚动播放(表头固定、列表内容自动滚动播放)+ vue3-seamless-scroll - 附完整示例
vue3-seamless-scroll:Vue3.0 无缝滚动组件,支持Vite2.0,支持服务端打包目前组件支持上下左右无缝滚动,单步滚动,并且支持复杂图标的无缝滚动,目前组件支持平台与Vue3.0支持平台一致。
2024-08-05 08:00:00
5833
11
原创 ECharts 解决tooltip自动播放遮住popover气泡卡片的问题 - extraCssText调整tooltip的层级
在项目使用了tooltip自动播放,造成遮住popver气泡卡片的问题。
2024-07-29 08:00:00
417
原创 解决dataV不适配Vue3 + Vite - npm install @jiaminghi/data-view之后启动项目报错的问题 - @kjgl77/datav-vue3 - 附完整示例
npm install @jiaminghi/data-view之后启动项目有报错,发布到线上的生产环境是自动化构建的,为了避免npm install也会有开发环境的报错问题,故因此记录
2024-07-22 08:00:00
2376
原创 Vue3 + Vite 引入dataV - Internalserver error:<template v-for> key should be placed on the <template>
大屏需要使用dataV的边框及装饰,因此在Vue3 + Vite的项目中引入dataV具体的安装请看这里。
2024-07-15 08:00:00
1217
1
原创 ES6 字符串常用方法 includes、startsWith、endsWith、repeat、padStart、padEnd、trimStart、trimEnd、replaceAlll、at...
ES6:全称为ECMAScript 6,是ECMAScript的第6版本,是 JavaScript 语言的下一代标准,2015 年 6 月正式发布。ECMAScript是一种由Ecma国际(前身为欧洲计算机制造商协会,European Computer Manufacturers Association)在标准ECMA-262中定义的脚本语言规范。
2024-07-08 08:00:00
1202
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人