自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

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

原创 CSS常见的小知识 - 附示例

关于CSS,前端开发有许多有趣且实用的小知识点,CSS 的世界非常广阔!这里列举一些常见的小技巧和注意事项:

2025-03-31 08:00:00 609

原创 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

原创 HTML 常见的小知识 - 附示例

下面是一些关于HTML的常见的小知识,希望对你有帮助。

2025-02-24 08:00:00 785

原创 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 Math 对象的常用属性及方法 - 附示例

Math(算数)对象的作用是:执行常见的算数任务。

2025-01-20 08:00:00 788

原创 使用CSS 画一个三角形 - 附完整示例

使用纯CSS 画一个三角形。

2025-01-13 08:00:00 418

原创 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

原创 ES6 Object.keys(obj)将对象构建为数组对象 - 附示例

Object.keys():返回对象自身的所有可枚举的属性的键名。

2024-12-23 08:00:00 283

原创 CSS 隐藏页面上的元素的三种常用方法 - 附示例

CSS 隐藏页面上的元素的三种常用方法 - 附示例

2024-12-16 08:00:00 399

原创 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

原创 CSS 实现多行文本展开收起的切换效果 - 附示例

CSS 实现多行文本展开收起的切换效果

2024-11-18 08:00:00 431

原创 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

原创 Vue3 Vite 打包分割代码

Vue3 Vite 打包分割代码

2024-10-14 08:00:00 1051

原创 JavaScript 字符串下划线转驼峰 驼峰转下划线

JavaScript 字符串下划线转驼峰 驼峰转下划线。

2024-10-07 09:57:18 400

原创 原生JS table超过高度可滚动(表头固定,只滚动表格的内容)- 附完整示例

在前端的学习中,使用原生JS的table是很常见的,当内容过多且高度不够时滚动样式是很常见的,故在此记录。效果。

2024-09-30 08:00:00 685

原创 Luckysheet 设置滚动条颜色

Vue3 + element-plus + pinia,默认深色主题,在引用了Luckysheet之后发现滚动条的默认样式不太友好,因此做了一些调整

2024-09-23 08:00:00 325

原创 原生JS table超过高度可滚动 - 附完整示例

原生JS table超过高度可滚动 - 附完整示例

2024-09-16 08:00:00 348

原创 Vue3 Element-Plus el-table嵌套el-image查看大图导致CSS样式错乱的问题(如表格的内容显示在了图片上层)的解决办法 - 附代码

Vue3 Element-Plus el-table嵌套el-image查看大图导致CSS样式错乱的问题(如表格的内容显示在了图片上层)的解决办法

2024-09-09 08:00:00 437

原创 CSS 水平垂直居中的7种方法 - 附示例

【代码】CSS 水平垂直居中的七种方法 - 附示例。

2024-09-02 08:00:00 2372

原创 CSS 修改svg的颜色

在项目中使用svg,部分svg的颜色与页面背景色很贴近,导致svg几乎看不到,因此需要解决效果。

2024-08-26 08:00:00 1066

原创 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关注的人

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