自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

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

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

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

2024-11-11 14:24:06 435

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

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

2024-10-25 10:42:44 247

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

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

2024-10-22 17:09:26 383

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

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

2024-10-22 09:31:33 359

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

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

2024-10-18 12:34:21 273

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

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

2024-10-17 16:24:28 124

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

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

2024-09-29 16:37:22 108

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

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

2024-09-29 16:36:13 259

原创 async await执行顺序

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

2024-09-24 10:28:14 539

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

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

2024-09-24 10:27:54 246

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

负浮点数:^-([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 1320

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

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

2024-08-30 16:31:43 556

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

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

2024-08-21 14:10:51 1247

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

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

2024-08-21 14:10:12 491

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

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

2024-08-21 14:09:37 458

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

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

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

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

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

2024-06-24 14:34:32 620 3

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

问题情况大致是这样的:

2024-06-24 11:45:27 479

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

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

2024-05-24 10:05:57 295

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

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

2024-05-20 19:31:09 315

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

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

2024-05-20 19:30:49 955

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

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

2024-05-16 09:09:27 816

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

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

2024-05-16 09:09:11 405

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

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

2024-05-15 10:11:59 421

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

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

2024-05-15 10:11:56 542

原创 前端基于Echarts实现3D柱状图

【代码】前端基于Echarts实现3D柱状图。

2024-05-14 17:50:11 308

原创 前端效果--旋转雷达效果

【代码】前端效果--旋转雷达效果。

2024-05-14 09:30:29 288

原创 前端动态旋转地球背景

【代码】前端动态旋转地球背景。

2024-05-13 10:01:29 1139

原创 display的属性设置为inline-block、inline和block会有什么区别、垂直对齐设置vertical-align详解

这里我希望你认真看一下vertical-align的官方定义及使用标注,你会发现特别说明只有inline和inline-block元素才能设置。display的属性设置为inline-block、inline和block会有什么区别。垂直对齐设置vertical-align。

2024-05-10 14:37:42 488

原创 “设置display:block-inline的li或div中添加文字后,导致li或div排版掉落、错位”的原因及解决方法

它允许你在一行内放置多个元素,同时保持对元素宽高、边距(margin)、填充(padding)和边框(border)的控制,就像。元素之间的空白字符(包括空格、换行和制表符)会导致它们之间出现额外的间距。元素垂直相邻时,它们的边距可能会发生叠加。这是 CSS 的一个特性,旨在防止连续的元素边距相加导致的过大间距。官方给出的解释:(笼统的想看就看不看可以拉到底直接看解决办法)看一效果图(啊啊啊啊我想要的不是这个效果啊!元素一样,会受到文本流和行高的影响。元素的高度或边距不匹配,可能会导致内容看起来错位。

2024-05-10 14:35:37 637

原创 【echarts】折线图实线拼接虚线

还是数据拼接,但不是需要拼接null了,最近发现拼接'-'也可以实现这个效果。可以直接去官网试一下效果肯定能实现。另一篇文章有更简单的实现方式。

2024-04-24 11:19:03 434

原创 【echarts】数据起点不从X轴的原点开始【不从0开始】

boundaryGap: false 默认是true,是指坐标轴两边留白。改为false:不留白即从原点开始。为什么有些图是这样的。

2024-04-24 11:05:32 2665

原创 Promise 知识点集合

then的特性:如果上一个.then()方法中返回一个新的Promise实例对象,则可以通过下一个.then()继续进行处理。Promise.all() 方法会发起并行的Promise异步操作,等所有的异步操作全部结束后才会执行下一步的.then 操作(实现一个等待机制)Promise.race()方法会发起并行的Promise异步操作,只要任何一个异步操作完成,就立即执行下一步的.then 操作(赛跑机制)。调用.then() 方法时,成功的回调函数是必选的,失败的回调函数是可选的。

2024-04-23 09:37:40 466

原创 Promise.all 的方法还没执行完就执行了.then

当我们在Promise.all的方法还没执行完就直接调用.then方法,实际上是在调用Promise.all返回的新的Promise实例的.then方法。在这个例子中,Promise.all的方法可能还没执行完就调用了.then方法,当所有的Promise实例都成功解决后,.then方法中的回调函数会被调用,并输出每个Promise实例解决的值组成的数组。注意,如果任何一个Promise实例失败了,Promise.all会立即reject,并返回第一个失败的Promise实例返回的失败原因。

2024-04-23 09:37:20 704

原创 【vue】 一个js文件内export 多个function, 内部function互调使用

内部引用一下想调用的数据。

2024-04-22 09:20:18 538

原创 eCharts 折线图 一段是实线,一段是虚线的实现效果

后台给了数据后,虚线从哪里拼接,然后拼接上对应长度的null就行了。在lineStyle里写了不生效的话,可以尝试数据拼接。官网线上试了一下,这应该是最简单的实现方式了。我在我们项目里面实现的效果。

2024-04-22 09:19:52 1324

原创 【vue】watch监听取不到this指向的数?

今天同事问我,watch里this指向的数值,别的地方却可以打印出来。监听的数据在组件创建之前已经被定义,否则可能无法触发。指向的数据,有可能无法获取到数据,因为。的指向在箭头函数中不会指向Vue实例。在Vue组件中,如果你在。懒得打字了直接上截图吧。

2024-04-11 10:04:23 1087

原创 【JavaScript】js文件的export const函数使用另一个export const函数的数据

的函数的数据,你需要确保那个数据是可访问的。在JavaScript文件中,如果你想要在一个。的函数中使用同文件里另一个。

2024-04-11 10:04:17 667

原创 怎么在echarts的map地图上覆盖一层图片

【代码】怎么在echarts的map地图上覆盖一层图片。

2024-04-10 10:49:03 890

原创 程序员如何搞副业

他们渴望通过副业来实现个人价值的最大化,增加收入,甚至探索自己的创业梦想。在现代社会,经济压力是许多人都面临的问题。总之,副业为程序员提供了一个广阔的舞台,使他们能够充分发挥自己的才华和潜力。然而,在追求副业的同时,程序员也需要保持理性和自律,确保副业与主业的平衡发展。对于许多程序员来说,副业不仅是一个增加收入的途径,更是实现个人价值的最大化的一种方式。通过副业,他们可以将自己的知识和技能应用于不同的场景,解决不同的问题。而在副业中,他们可以根据自己的兴趣和热情,自由选择项目和技术栈,实现自己的技术梦想。

2024-04-10 09:00:00 324

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

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

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

2024-04-09

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

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

2024-04-09

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

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

2024-03-20

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

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

2024-03-20

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

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

pc版微信消息防撤回插件

pc版微信消息防撤回插件

2023-12-12

深蓝色大屏系统登陆页面

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

2023-12-12

vue自封数据展示卡片组件

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

2023-12-11

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

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

2023-12-11

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

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

2023-12-11

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

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

2023-12-11

按钮图片资源-def-button

按钮图片资源-def-button

2023-12-07

空空如也

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

TA关注的人

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