自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

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

原创 Flex 布局

flex-flow属性是flex-direction属性和flex-wrap属性的简写形式,默认值为row nowrap。Flex 布局即弹性布局,是一种用于在容器中排列项目的布局模型,它提供了一种更灵活、高效的方式来控制页面元素的布局。flex-wrap属性定义,如果一条轴线排不下,如何换行。align-content属性定义了多根轴线的对齐方式。具体的对齐方式与交叉轴的方向有关,下面假设交叉轴从上到下。justify-content属性定义了项目在主轴上的对齐方式。wrap:换行,第一行在上方。

2025-01-02 16:10:08 632

原创 实现网页内容截图并下载:html2Canvas 实战指南

是一个 JavaScript 库,它能够将 HTML 元素渲染为 canvas 图像。其原理是遍历 DOM 树,将每个元素的样式和内容转换为 canvas 绘图命令。然后,通过操作 canvas,可以将其转换为图像数据,进而实现下载功能。使用:1.引入html2Canvas库 2.编写 HTML 结构和 CSS 样式。​ html2canvas 库的官方文档网站: ​。

2024-12-23 15:48:08 185

原创 VSCode 快速合并所选内容为一行的高效方法

在日常的代码编辑或文本处理工作中,有时我们需要将多行内容合并成一行,以满足特定格式要求或简化文本结构。Visual Studio Code (VSCode) 提供了多种便捷的方式来进行这一操作,其中“Join Lines”命令尤为突出。

2024-12-19 17:37:23 341

原创 使用 laydate 创建一个只显示到分钟(不包括秒),并且分钟间隔为10分钟的时间选择框

【代码】使用 laydate 创建一个只显示到分钟(不包括秒),并且分钟间隔为10分钟的时间选择框。

2024-12-02 17:43:54 206

原创 使用ECharts实现一个包含柱状图和折线图的图表,并且在图表下方放置一个表格

【代码】使用ECharts实现一个包含柱状图和折线图的图表,并且在图表下方放置一个表格。

2024-11-30 15:51:08 231

原创 重载表格后设置滚动位置固定列没有跟随滚动条正确显示

方法来设置滚动位置,但固定列没有跟随滚动条正确显示,可能是因为固定列和主表格区域是独立渲染的。因此,直接设置主表格区域的滚动位置可能不会同步更新固定列的位置。如果在重载表格后,使用。

2024-10-28 19:36:48 218

原创 解决vue引入组件路径报错“Already included file name ”

Already included file name 'e:/新建文件夹/test1/src/components/TestVue3.vue' differs from file name 'e:/新建文件夹/test1/src/components/Testvue3.vue' only in casing.这个错误信息表明你的项目中存在两个文件名仅在大小写上有所不同的文件。在某些文件系统(如Windows)中,文件名是不区分大小写的,因此它无法区分和这两个文件。

2024-10-22 11:35:21 711 1

原创 解决Component name “xxx“ should always be multi-word vue/multi-word-component-names错误的方法

当你遇到这个错误时,可以采取以下几种方法来解决:方法一:修改组件名称最直接的方法是将单个单词的组件名称更改为多单词的形式。例如,如果你有一个名为Header.vue的组件,可以将其重命名为或。方法二:禁用或调整 ESLint 规则如果你不希望遵循这个规则,可以在 ESLint 配置文件中禁用或调整它。在.config.js配置中添加规则。

2024-10-22 10:33:45 1286

原创 效率飙升,代码更优雅!VSCode必装插件,开发者必备神器

自动添加导入语句、自动移除未使用的导入、代码补全建议、智能代码重构。语法高亮、代码补全和智能提示、错误检查和诊断、代码格式化。快速预览、多浏览器支持 、热重载 、快捷键操作、调试支持。智能提示和代码补全、预设代码片段、减少手动输入。代码格式化、统一代码风格、实时格式化、错误检测。智能路径补全、多级目录搜索、支持相对和绝对路径。实时编译、语法高亮、智能感知、错误检测。代码片段生成、智能提示和自动完成。智能代码补全、样式提示、错误高亮。自动闭合标签、标签对的同步修改。用户界面翻译成简体中文。

2024-07-24 08:54:41 464

原创 我的创作纪念日

因此,我诚邀每一位读者,无论你是深谙此道的老手,还是初窥门径的新秀,都请不吝赐教,指出文中的疏漏与不足。更重要的是,将学习视为一种乐趣,而非负担,能够帮助我们培养出持久的学习热情,形成良好的学习习惯,使我们在技术的道路上越走越远。我意识到,自制力的缺失和主动学习的习惯匮乏,让我在知识的道路上停滞不前,甚至遗忘了许多曾经掌握的技能,这种状态无疑是一种自我放逐。然而,我并不因此而气馁,相反,这成为了我前进的动力。随着时间的推移,我相信,通过不懈的努力和持续的记录,我的知识库将日益丰富,思维也将变得更加敏锐。

2024-07-11 15:13:44 530

原创 色彩搭配不再愁!一站式配色方案灵感来源:权威网站汇总大全

在设计领域,色彩搭配是创造视觉美感和传达情绪的关键要素之一。为了帮助设计师、艺术家以及对色彩搭配感兴趣的人士寻找灵感,以下是一些权威且实用的网站汇总,这些平台提供了丰富的一站式配色方案,让您的色彩搭配不再成为难题。

2024-07-01 14:31:01 942

原创 利用正则表达式去除字符串首尾空格

【代码】利用正则表达式去除字符串首尾空格。

2024-06-24 11:55:41 325

原创 鼠标右键显示弹窗,左键弹窗消失

实现效果:在div1里面右键就会显示div2,div2显示在右键点击位置的旁边,并且div2不能超出div1的范围,左键点击div1的其它部分div2就会消失,左键点击div2,这时候div2不会消失.

2024-06-04 14:46:44 355

原创 VS Code打开新的文件会覆盖之前的窗口

3、取消勾选:重新打开的文件就不会覆盖之前的窗口了。1、打开设置 2、输入。

2023-07-07 14:21:54 256 1

当技术遇上梦幻:Canvas打造流星雨般的烟花,宇宙级浪漫只因与你相遇

技术与梦幻的邂逅:Canvas绘就流星雨版绚烂烟花,营造宇宙级别的浪漫氛围,一切只因有幸与你相遇。

2024-06-24

前端创意HTML5 Canvas 实现跳动的爱心动画特效代码详解

分享一段生动有趣的代码教程,教你如何使用HTML5 Canvas技术在网页上实现一个迷人的跳动爱心动画效果。这段代码详细注释,适合前端开发初学者及爱好者学习,涵盖了Canvas基本绘图、动画循环、以及利用JavaScript实现心跳般缩放与颜色渐变的技巧,让您的网页充满爱的气息。不论是情人节表白网页制作,还是增加网页互动性的小彩蛋,都是不可多得的好素材。立即查看代码,动手打造你的专属浪漫吧!

2024-06-05

空空如也

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

TA关注的人

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