自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

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

原创 一个基于 Vue 3 + TypeScript 的天气展示组件,支持当前天气信息和多日预报展示

【代码】一个基于 Vue 3 + TypeScript 的天气展示组件,支持当前天气信息和多日预报展示。

2025-08-28 15:05:30 222

原创 【js】振幅波动频率生成连续的随机数字

【代码】【js】振幅波动频率生成连续的随机数字。

2025-07-30 15:15:48 113

原创 [vue3]带闪烁动画的数据卡片组件

【代码】[vue3]带闪烁动画的数据卡片组件。

2025-07-30 14:10:54 196

原创 基于markdown封装的前端文档编辑工具,markdown.js的解析与应用

使用Markdown组件渲染内容 :将创建的Markdown组件应用到SPA中的页面或子组件里,动态渲染Markdown文本。创建Markdown组件 :开发一个封装了markdown.js解析功能的Vue/React/Angular组件。安装markdown.js :如果尚未安装,可以使用npm或yarn等包管理器安装markdown.js。强调 :用 * 或 _ 包裹文本来实现斜体,用 ** 或 __ 实现粗体。水平线 :使用三个以上的 --- 、 *** 或 ___ 来创建。

2025-07-24 20:11:41 362

原创 【vue3】 自封装,数据列表,数据展示块

【代码】【vue3】 自封装,数据列表,数据展示快。

2025-07-16 15:06:37 136

原创 【vue3】 自封装,数据列表,数据展示块

【代码】【vue3】 自封装,数据列表,数据展示快。

2025-07-15 19:19:35 291

原创 【vue3】 自封装,带排序,以及文章类型的通知列表

【代码】【vue3】 自封装,带排序,以及文章类型的通知列表。

2025-07-15 19:15:07 207

原创 Driver.js 实现页面引导功能【vue3】

【代码】Driver.js 实现页面引导功能【vue3】

2025-07-04 11:11:04 145

原创 【vue】Driver.js 实现页面引导功能

【代码】【vue】Driver.js 实现页面引导功能。

2025-07-04 11:09:32 360

原创 【css】增强 CSS 的复用性与灵活性的Mixins

可以通过 SCSS 的@extend指令或者使用混合器(mixin)来让复用的样式。

2025-06-24 17:08:34 234

原创 【echarts】仪表盘

【代码】【echarts】仪表盘。

2025-06-01 10:56:43 193

原创 echarts 让 y轴刻度自适应不要从0开始

在使用 ECharts 创建图表时,有时候我们希望 Y 轴的刻度能够自适应数据范围,而不是从 0 开始。

2025-03-31 19:22:02 1201

原创 el-table实现表头嵌套、表头单元格合并、内容区域单元格实现同值自动跨行

【代码】el-table实现表头嵌套、表头单元格合并、内容区域单元格实现同值自动跨行。

2025-03-31 19:21:15 230

原创 设置display:flex后 flex布局设置单个子元素靠右

【代码】设置display:flex后 flex布局设置单个子元素靠右。

2025-01-13 14:45:35 743

原创 当给父容器设置了 display: flex后影响其子元素的宽度和对齐方式的解决办法

Flexbox 布局会影响其子元素的宽度和对齐方式。在 Flexbox 布局中,子元素(也称为 flex 项)的宽度默认会根据其内容或设置的 flex 属性来调整。

2025-01-13 14:45:06 913

原创 【vue】echarts地图添加蒙版图片,多图层地图实现天气信息展示

实现原理:多层图层叠加实现复杂的信息展示。

2024-11-11 14:24:06 580

原创 【傻瓜教程】阿里云图标引入自己的项目

在项目找到 public 下的 index.html 引入。下一步 添加至项目,然后起个项目名称。

2024-10-25 10:42:44 371

原创 【vue】自封组件,基于vue2封装一个弹框组件

源码:https://download.csdn.net/download/galaxyJING/89913551

2024-10-22 17:09:26 426

原创 【vue】自封组件 自适应宽度的数据展示卡片

样式2: 续传值:style-type="2"

2024-10-22 09:31:33 425

原创 基于vue2封装的天气卡片组件

【代码】基于vue2封装的天气卡片组件。

2024-10-18 12:34:21 605

原创 css 实现各类div倾斜拉伸效果

【代码】css 实现各类div倾斜拉伸效果。

2024-10-17 16:24:28 313

原创 求两个时间戳中间包含的时间,并转换格式,记录一个复杂时间处理

【代码】求两个时间戳中间包含的时间,并转换格式,记录一个复杂时间处理。

2024-09-29 16:37:22 150

原创 【ts】new date时间戳转日期格式

【代码】【ts】new date时间戳转日期格式。

2024-09-29 16:36:13 496

原创 async await执行顺序

一旦 Promise 解决(fulfilled),函数会从暂停的地方恢复,继续执行后续的操作。是用于编写异步代码的语法糖,它允许你以类似于同步代码的方式写异步操作。关键字就会暂停当前函数的执行,等待 Promise 完成后再恢复执行。等待的表达式(通常是一个返回 Promise 的表达式)开始执行。关键字声明的函数会返回一个 Promise,而。的执行顺序是按照函数中的顺序执行的,每遇到。,打印出 "Second async"。的 Promise 解决,继续执行。的 Promise 解决,继续执行。

2024-09-24 10:28:14 943

原创 在前端 vue3项目中注册一个全局使用的字段

在 Vue 3 项目中,你可以通过创建一个自定义的全局应用实例来注册一个全局使用的字段。这样,你就成功地在 Vue 3 项目中注册了一个全局使用的字段。在前端 vue3项目中注册一个全局使用的字段。

2024-09-24 10:27:54 327

原创 各种各样的正则表达式

负浮点数:^-([1-9]\d*\.\d*|0\.\d*[1-9]\d*)$ 或 ^(-(([0-9]+\.[0-9]*[1-9][0-9]*)|([0-9]*[1-9][0-9]*\.[0-9]+)|([0-9]*[1-9][0-9]*)))$正浮点数:^[1-9]\d*\.\d*|0\.\d*[1-9]\d*$ 或 ^(([0-9]+\.[0-9]*[1-9][0-9]*)|([0-9]*[1-9][0-9]*\.[0-9]+)|([0-9]*[1-9][0-9]*))$\\d)\\.){3}(?

2024-08-30 16:32:12 1425

原创 【vue】Vue项目中引入外部字体文件

然后main里面引入一下。新建一个css引入字体。

2024-08-30 16:31:43 675

原创 vue前端 从页面上点击一个按钮 弹出弹框跳转其他页面的页面

在Vue前端中,如果你想通过点击一个按钮来弹出一个包含百度页面的弹框,这实际上涉及到几个步骤。但需要注意的是,出于安全和跨域的原因,直接在一个iframe或弹窗中嵌入一个完整的网页(如百度)可能受到浏览器的限制或策略约束。方法在新窗口或标签页中打开百度页面。这不会受到跨域策略的限制。的加载,特别是当它们尝试加载来自不同源的页面时。一个更可靠的方法是使用JavaScript的。但请注意,某些浏览器可能会阻止或限制。

2024-08-21 14:10:51 2350 1

原创 让echart 在没有数据的时候也加载出分割线和坐标轴

在ECharts中,即使没有数据,也可以通过设置特定的选项来显示坐标轴和分割线。即使没有数据,图表也会显示这些分割线和标签。让echart 在没有数据的时候也加载出分割线和坐标轴。在这个例子中,我们创建了一个线形图,但是。属性设置为一个空数组。以显示分割线,并且设置了。

2024-08-21 14:10:12 982

原创 【js】各类前端输入校验方法

【代码】【js】各类前端输入校验方法。

2024-08-21 14:09:37 575

原创 【VUE】封装一个追随鼠标的漂浮组件框架

红色箭头代表鼠标位置,蓝色区域跟随鼠标出现,鼠标进行其他操作的时候,蓝色区域隐藏。

2024-07-23 14:48:16 611 2

原创 elementUI的衍生组件,avue的crud表格错位问题

每次从别的页面跳转回来就发现表格显示错位了。一通查 结果发现是有两层表格。

2024-06-24 14:34:32 781 4

原创 解决Element-ui的el-table固定列后出现的表格错位问题

问题情况大致是这样的:

2024-06-24 11:45:27 742

原创 【css】引入背景图时候,路径写入@会报错

看报错信息我的写法解决办法在@前面加个~

2024-05-24 10:05:57 366

原创 前端自定义富文本表格

【代码】前端自定义富文本表格。

2024-05-20 19:31:09 389

原创 【vue】封装的天气展示卡片,在线获取天气信息

【代码】【vue】封装的天气展示卡片,在线获取天气信息。

2024-05-20 19:30:49 1403

原创 程序执行的 同步和异步

但是子线程有一个局限:一旦发射了以后就会与主线程失去同步,我们无法确定它的结束,如果结束之后需要处理一些事情,比如处理来自服务器的信息,我们是无法将它合并到主线程中去的。同样以用户访问某个页面为例,用户需要请求获取页面某一部分内容的响应,如果用户发送的是异步请求,那么服务器会根据请求对页面进行局部的刷新,而不用每次请求都刷新整个页面,异步请求可以提升用户的体验。与同步请求相对,发送异步请求不需要等待服务器响应,随时可以发送下一次的请求,减少了用户遇到请求阻塞、网络延迟时需要等待的时间。

2024-05-16 09:09:27 919

原创 【echart】实现echart图的富文本样式

【代码】【echart】实现echart图的富文本样式。

2024-05-16 09:09:11 492

原创 【echart】柱状图实现柱子3D立体效果

【代码】【echart】柱状图实现柱子3D立体效果。

2024-05-15 10:11:59 531

原创 【js】两个数组内的元素依次相加得到一个新数组。

请注意,如果两个数组的长度不同,你需要添加额外的逻辑来处理这种情况,比如使用较短的数组长度来防止越界错误,或者对较长数组剩余的元素进行特殊处理。变量用于确保循环次数不会超过两个数组中较长的那个数组的长度。对于较短的数组,如果索引超出了其长度,就取0进行相加。在JavaScript中,如果你想要把两个数组的元素依次相加,你可以使用数组的。方法配合索引来实现这个功能。如果你想要更简洁的写法,你可以使用。

2024-05-15 10:11:56 744

一个基于 Vue 3 + TypeScript 的天气展示组件

WeatherCard 天气组件 一个基于 Vue 3 + TypeScript 的天气展示组件,支持当前天气信息和多日预报展示。 功能特性 当前天气信息展示(温度、湿度、风速、降水量等) 6天天气预报展示 基于 ECharts 的气温趋势折线图 使用 qweather-icons 图标库 响应式设计,支持移动端 支持动态数据更新 TypeScript 类型支持 安装依赖 项目已包含所需依赖: qweather-icons: 天气图标库 echarts: 图表库 vue-echarts: Vue 3 的 ECharts 组件

2025-08-28

基于markdown封装的前端文档编辑工具,markdown.js的解析与应用

效果预览:https://blog.csdn.net/galaxyJING/article/details/149614127?spm=1001.2014.3001.5502 将markdown.js集成到前端SPA的步骤如下: 安装markdown.js :如果尚未安装,可以使用npm或yarn等包管理器安装markdown.js。 创建Markdown组件 :开发一个封装了markdown.js解析功能的Vue/React/Angular组件。 使用Markdown组件渲染内容 :将创建的Markdown组件应用到SPA中的页面或子组件里,动态渲染Markdown文本。

2025-07-24

自封装,数据列表,数据展示块,背景图以及数据块元素图标,png格式图标

数据展示块,背景图以及数据块元素图标,png格式图标

2025-07-16

echarts 仪表盘,仪表盘

center 仪表盘,根据echarts的仪表盘封装的echarts仪表盘组件,支持颜色自定义,传值clolorList,大小自适应,颜色带有默认值。

2025-06-01

echarts地图添加蒙版图片,多图层地图实现天气信息展示

echarts地图添加蒙版图片,多图层地图实现天气信息展示,资源包李包含页面代码,组件,以及用到的原图片等资源。 在ECharts中添加蒙版图片可以通过在图表的配置项中使用 graphic 属性来实现。展示了如何在ECharts地图上添加一个蒙版图片,以实现多图层地图的效果,并用于展示天气信息。

2024-11-11

vue自封组件,基于vue2封装一个弹框组件

【vue】自封组件,基于vue2封装一个弹框组件,带背景图片,标题可选,内容可选,宽高自适应

2024-10-22

基于vue2封装的多种样式的自适应宽度的数据展示卡片

基于vue2封装的多种样式的自适应宽度的数据展示卡片,可选择多种样式展示,宽度自适应,样式多样

2024-10-22

vue3实现一个天气展示项目

vue3实现一个天气展示项目,含有各类svg动画,气象网发布的天气信息和各类气象信息 <radialGradient id="XMLID_12_" cx="71.2457" cy="29.7708" r="6.0292" gradientUnits="userSpaceOnUse"> <stop offset="0.3333" style="stop-color:#FBD25A"/> <stop offset="0.7581" style="stop-color:#FAD45D"/> <stop offset="1" style="stop-color:#F5E16E"/> </radialGradient>

2024-05-20

前端效果-旋转雷达效果组件 背景

前端效果--旋转雷达效果组件 背景前端效果--旋转雷达效果组件 背景前端效果--旋转雷达效果组件 背景前端效果--旋转雷达效果组件 背景前端效果--旋转雷达效果组件 背景前端效果--旋转雷达效果组件 背景前端效果--旋转雷达效果组件 背景前端效果--旋转雷达效果组件 背景

2024-05-14

前端蓝色旋转地球宇宙动态背景

前端蓝色旋转地球宇宙动态背景,html好看的背景动态效果,html背景动态效果,可以直接嵌套在在自己的代码里。 这里可以看效果图:https://blog.csdn.net/galaxyJING/article/details/138789506?spm=1001.2014.3001.5502 贴了源码,这里是加上所有的资料包的。 前端蓝色旋转地球宇宙动态背景,html好看的背景动态效果,html背景动态效果,可以直接嵌套在在自己的代码里。 这里可以看效果图:https://blog.csdn.net/galaxyJING/article/details/138789506?spm=1001.2014.3001.5502

2024-05-13

java开发规范ppt & pdf文档

我们参考 Kent Beck 的简单设计四原则来指导我们的如何写出优秀的代码,如何有效地判断我们的代码是优秀的。 通过所有测试(Passes its tests):强调的是外部需求,这是代码实现最重要的 尽可能消除重复 (Minimizes duplication):代码的模块架构设计,保证代码的正交性,保证代码更容易修改 尽可能清晰表达 (Maximizes clarity):代码的可阅读性,保证代码是容易阅读的 更少代码元素 (Has fewer elements):保证代码是简洁的,在简洁和表达力之间,我们更看重表达力 以上四个原则的重要程度依次降低, 这组定义被称做简单设计原则。

2024-04-17

软件设计师历年真题软件工程试题筛选

历年高频经典软件设计师历年真题软件工程试题筛选,历年高频经典软件设计师历年真题软件工程试题筛选。软件设计师是指能根据软件开发项目管理和软件工程的要求,按照系统总体设计规格说明书进行软件设计,编写程序设计规格说明书等相应的文档的实用性人才。还能够组织和指导程序员编写、调试程序,并对软件进行优化和集成测试,开发出符合系统总体设计要求的高质量软件;具有工程师的实际工作能力和业务水平,可聘任工程师职务。2004年人社部将高级程序员更名为软件设计师软件设计师是指能根据软件开发项目管理和软件工程的要求,按照系统总体设计规格说明书进行软件设计,编写程序设计规格说明书等相应的文档的实用性人才。还能够组织和指导程序员编写、调试程序,并对软件进行优化和集成测试,开发出符合系统总体设计要求的高质量软件;具有工程师的实际工作能力和业务水平,可聘任工程师职务。2004年人社部将高级程序员更名为软件设计师

2024-04-09

前端面试题带答案最全合集,前端面试八股文

面试注意事项,前端面试 八股文,如何准备,从梳理重难点,梳理的策略,从策略出发,你可以从亮点的目标,进行项目经理分析,建立了体系的管理体系,帮助每个人都能快速掌握,建立初中级前端面试。 面试是一个双向选择的过程,在这个过程中,面试官通过一些提问和交流来判断候选人是否合适这个工作岗位,他是一个怎样的人,你未来想不想和他一同共事;那么候选人也可以通过面试的过程来感受到面试官是否专业,是否是自己心仪的公司或者是团队。 其次,对于候选人来说,面试的过程也可以发现自己的不足之处,通过一些专业性的技术交流可以了解自己对于某些知识点的理解和掌握的情况,以便之后查漏补缺。此外,通过对自己经历和项目的描述,也可以锻炼自己的表达和沟通的能力,如果在面试中发现自己并没有发挥好,那么则可以加强这方面的练习。

2024-04-09

javascript网页设计期末作业-基于html和js写的一个抽签系统

javascript网页设计期末作业——基于html和js写的一个抽签系统,css做的样式美化,可自己定义添加人名序号等。 样式效果在:https://blog.csdn.net/galaxyJING/article/details/136709310?spm=1001.2014.3001.5502 javascript网页设计期末作业-基于html和js写的一个抽签系统javascript网页设计期末作业-基于html和js写的一个抽签系统javascript网页设计期末作业-基于html和js写的一个抽签系统javascript网页设计期末作业-基于html和js写的一个抽签系统javascript网页设计期末作业-基于html和js写的一个抽签系统javascript网页设计期末作业-基于html和js写的一个抽签系统javascript网页设计期末作业-基于html和js写的一个抽签系统javascript网页设计期末作业-基于html和js写的一个抽签系统javascript网页设计期末作业-基于html和js写的一个抽签系统javascript网页设计期末作业-基于html

2024-03-14

可以利用css滤镜随意修改的数据展示卡片

可以利用css滤镜随意修改的数据展示卡片https://blog.csdn.net/galaxyJING/article/details/136865251?spm=1001.2014.3001.5501 是样例,只做了四个,实际上可以做出无数种颜色的卡片。

2024-03-20

C语言零基础项目:推箱子游戏 期末大作业,毕业作业

C语言零基础项目:推箱子游戏 期末大作业,毕业作业 记得几年前,《推箱子》在PC机上刮起了一股不小的益智类游戏的旋风,现在许多资深玩家也都对《推箱子》赞不绝口,可见有深度的益智类游戏是非常受大家欢迎的。 推箱子游戏1981年由日本人今林宏行首创,是在1982年12月由Thinking Rabbit 公司首次发行,名“仓库番”。箱子只可以推, 不可以拉, 而且一次只能推动一个,胜利条件就是把所有的箱子都推到目的地。 1、游戏同时支持鼠标和键盘操作,鼠标操作时,可点击任意你想去的地方。 2、提供回复上一步的功能,可以回到任何一步走过的路径,可以给用户足够的思考空间,使用户的智力在游戏的乐趣中得到充分的锻炼。也可以一退到底。

2024-03-20

uniapp自封色块数据显示组件

uniapp自封色块数据显示组件,自适应宽度与数据数量。

2024-01-10

基于uniapp封装的card容器 带左右侧两侧标题内容区域

基于uniapp封装的card容器 带左右侧两侧标题内容区域基于uniapp封装的card容器 带左右侧两侧标题内容区域

2024-01-09

基于uniapp封装的自适应table组件

基于uniapp封装的table组件,表格宽度自适应,高度自适应,表头以及内容只传数值即可

2024-01-09

带边框的渐变色数据卡片

自封组件-带边框的渐变色数据卡片自封组件-带边框的渐变色数据卡片 自封组件的资料包——全部

2023-12-25

自封组件-带渐变色边框边角效果的悬浮渐变色数据卡片

自封组件-带渐变色边框边角效果的悬浮渐变色数据卡片自封组件-带渐变色边框边角效果的悬浮渐变色数据卡片

2023-12-20

vue自定义大屏万能卡片容器

vue自定义大屏万能卡片容器,标题图片和原封代码以及使用示例。

2023-12-11

深蓝色大屏系统登陆页面

深蓝色大屏系统登陆页面,具体的界面样式参照:https://blog.csdn.net/galaxyJING/article/details/134949606?spm=1001.2014.3001.5502

2023-12-12

pc版微信消息防撤回插件

pc版微信消息防撤回插件

2023-12-12

vue自封数据展示卡片组件

vue自封深色大屏、系统深色风格万能通用数据展示卡片容器,自带样式和背景图。自适应。

2023-12-11

自定义八角形按钮暗色亮色两种背景

自定义八角形按钮暗色亮色两种背景,两份png格式图片

2023-12-11

自封深色大屏万能通用按钮

自封组件——深色大屏万能通用按钮,自适应长度宽度,自带样式

2023-12-11

按钮图片资源-def-button

按钮图片资源-def-button

2023-12-07

空空如也

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

TA关注的人

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