自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

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

原创 2023-5-8 将博客从博客园搬至CSDN

将博客搬至CSDN,原博客园地址:努力挣钱的小鑫 - 博客园 (cnblogs.com)

2023-11-24 18:44:15 273

原创 【PDF.js】2023 最新 PDF.js 在 Vue3 中的使用

官方地址中文文档PDF.js 是一个使用 HTML5 构建的便携式文档格式查看器。pdf.js 是社区驱动的,并由 Mozilla 支持。我们的目标是为解析和呈现 PDF 创建一个通用的、基于 Web 标准的平台。

2023-11-21 15:42:57 18515 68

原创 【Vue】vue2项目打包后部署刷新404,配置publicPath ./ 不生效问题

Vue Router mode,为 history 无效,建议使用默认值 hash;

2024-09-30 16:40:27 387

原创 【CSS】一行三个盒子 每个盒子都是16:9

padding-top 属性接受百分比值时,其百分比是基于父元素的宽度来计算的,而不是自身元素的宽度。更方便,但存在兼容性问题。

2024-09-20 09:46:01 274

原创 【Element】el-descriptions 的 el-descriptions-item 内容超出显示...省略号

【代码】【Element】el-descriptions 的 el-descriptions-item 内容超出显示...省略号。

2024-09-06 09:44:12 326

原创 【CSS】如何写渐变色文字并且有打光效果

效果如上,其实核心除了css的,还有就是打光效果,原理其实就是两块遮罩,如下👇。

2024-09-02 10:28:14 1000

原创 【Git】git push 报错:Failed to connect to github.com port 443 after 21078 ms: Timed out

一般出现这种问题都是开过VPN导致的本机系统端口号和git的端口号不一致导致的。

2024-08-30 16:41:24 331

原创 【React】react项目安装tailwindcss

【代码】【React】react项目安装tailwindcss。

2024-08-30 16:19:38 592

原创 【React】从零开始搭建 react 项目(初始化+路由)

CRACO(Create React App Configuration Override)是一个易于理解且强大的工具,它提供了一种简单的方法来覆盖和自定义 Create React App 的配置,而无需执行“eject”操作。这种方法让你能够保留 Create React App 提供的所有优势,同时还能根据需要修改配置。清理 react 脚手架默认创建的文件,重新创建符合个人项目开发的文件夹结构(参考如下)如果没有安装 react 脚手架,请先安装。安装成功后,开始配置项目。index.js 导入。

2024-08-30 15:48:49 1117

原创 【React】Redux-toolkit 处理异步操作

对以上builder的解释:此重载接受一个回调函数,该函数接收一个builder对象作为其参数。该构建器提供addCase,addMatcher和addDefaultCase函数,可以调用这些函数来定义此 reducer 将处理的操作。是React Redux中非常重要的组件,它的主要作用是向整个React应用程序树提供Redux.store。

2024-08-29 16:37:03 502

原创 【React】react styled-components 库传参报错:styled component error “it looks like an unknown prop...

在 react 中 使用 styled-components 库来进行传参的时候报错,目前的问题可能是版本问题这是对 react-data-table-component、styled-components 版本 6 的依赖项的重大更改需要更新 react-data-table-component 库才能正确使用 styled-components 6。现在,我通过将 styled-components 降级到版本 5 来解决这个问题。

2024-08-29 16:04:36 288

原创 【React】面试如果问你:React 中 Hook 是什么?该如何回答呢?

Hook 是一个 React 提供的函数,它可以让你在 function 组件中“钩”连到一些 React 特性。而这个“钩”连实际上就是建立起一个连接React特性和函数组件之间的桥梁的过程。

2024-08-26 14:28:16 1020

原创 【CSS】tailwindcss 如何关闭默认样式

【代码】【CSS】tailwindcss 如何关闭默认样式。

2024-08-26 09:22:26 407

原创 【CSS】什么是1px问题,前端如何去解决它,如何画出0.5px边框?

在移动端开发中,1px 的边框在高 DPI 屏幕上可能会显得过粗,这是因为移动设备的像素密度(DPI)通常比传统的计算机屏幕高。在高 DPI 屏幕上,1px 实际上可能会被渲染为 2px 或更多,这使得边框看起来更粗。为了解决这个问题,我们通常会尝试使用更细的边框,比如 0.5px 的边框。1px问题以及如何画出0.5px边框的问题。

2024-08-22 11:27:46 538

原创 【CSS】数字英文css没有转换成...换行点、没有换行、拆分的问题(非常常见的需求)

默认情况下,连续的英文或数字文本不会在空格处换行,这可能导致布局问题。

2024-08-16 10:09:12 944

原创 【HTML】script 中的 defer 和 async 属性的区别是什么?

单独 script 标签:不做任何处理加载 JS 脚本加载 JS 脚本加载 JS 脚本相同点:都可以加载 js 脚本并在加载完后由浏览器执行不同点:是否会阻塞浏览器解析 HTML 不同JS 执行顺序不同。

2024-08-13 09:25:17 284

原创 【JavaScript】前端生成随机 id 的库

UUID是一种软件建构中的通用唯一标识符标准。它可以保证全球范围内的唯一性,即使在分布式系统中也不会发生冲突。JavaScript中可以使用。:这是最简单的生成随机数的方法,但它不能保证全局唯一性,因此通常只适用于在同一页面内部生成的ID。这个方法生成的UUID非常长,并且几乎可以保证全球唯一性,是生成随机ID的最佳选择之一。:结合当前时间戳和随机数,可以生成较为唯一的ID,但仍然存在冲突的可能性。然后,您可以在您的JavaScript文件中导入。

2024-08-12 10:43:45 591

原创 【工具软件】在线免费视频转换GIF网址分享!

非常好用的工具网址,支持免费将各种视频格式进行转换,还有图像处理,速度也不错,强烈推荐!个人博客的gif图片都是在这个网址转的!

2024-08-09 14:43:00 340

原创 【Vue】vue3中通过自定义指令实现数字的动态增加动画

在Vue 3中通过自定义指令实现数字的动态增加动画,可以利用Vue的自定义指令功能,这允许你扩展Vue的内置指令,使得DOM操作更加灵活和强大。以下是如何创建一个自定义指令来实现数字动态增加动画的步骤:

2024-08-09 11:45:42 617

原创 【JavaScript】如何给 blob 对象添加文件名

要给Blob对象添加文件名,可以通过将Blob对象转换为File对象来实现。File对象继承自Blob对象,并且提供了额外的属性,包括name属性,这使得你能够为文件设置一个名称。这种方法在大多数现代浏览器中都是可行的,但请注意,Internet Explorer不支持File构造函数。

2024-08-08 15:53:24 688

原创 【Vue】vue3 中使用 ResizeObserver 监听元素的尺寸宽度变化

要监听div宽度的变化,可以使用接口。允许你观察一个或多个元素的尺寸变化,并在发生变化时执行回调函数。这种方法比使用更专注于尺寸变化,且不受元素属性变化的影响。

2024-08-06 17:44:12 728

原创 【Vue】RuoYi-Vue 若依 vue3 版本安装 tailwindcss 不生效问题

删除默认安装教程下的。

2024-08-06 10:05:58 576

原创 【React 】react 创建项目配置 jsconfig.json 的作用

在 React 项目中,文件扮演着重要的角色,它主要用于配置 JavaScript 或 TypeScript 项目的根目录和其他一些选项,以帮助编辑器(如 VS Code)更好地理解项目的结构和提供智能提示。对于熟悉 Vue 的前端工程师来说,这个概念类似于 Vue 项目中的或者(对于 TypeScript 项目)。

2024-08-03 16:12:56 1122

原创 【CSS】使用 Tailwind CSS 隐藏滚动条

直接在全局 CSS 文件中添加以下样式。

2024-07-31 11:00:26 347

原创 【CSS】css 如何实现固定宽高比

总结起来,使用属性是实现固定宽高比的现代方法,因为它直接控制元素的宽高比,不受元素宽度的影响。而技巧则是一种兼容性更好的解决方案,适用于那些不支持属性的旧浏览器。

2024-07-29 18:03:30 1112

原创 【Vue】Vue3 安装 Tailwind CSS 入门

因此,当你在 Vue 3 项目中安装 Tailwind CSS 并配置 postcss.config.js 时,你实际上是在设置一个 CSS 处理流程,该流程利用 PostCSS 和相关插件来转换和优化你的 CSS 代码,使得 Tailwind CSS 能够正常工作,从而提供高效且易于维护的前端样式解决方案。在 postcss.config.js 中,你指定了哪些插件应该被 PostCSS 使用,以及它们的顺序,比如你上面的两个配置。这将在项目根目录下创建一个 tailwind.config.js 文件。

2024-07-17 15:53:52 1226

原创 【Vue】vue2 vue-awesome-swiper 刷新无法自动滚动解决

【代码】【Vue】vue2 vue-awesome-swiper 刷新无法自动滚动解决。

2024-07-15 18:43:38 335

原创 【Vue】vue3中使用swipe竖直方向上滚动

【代码】【Vue】vue3中使用swipe竖直方向上滚动。

2024-07-10 15:28:25 507

原创 【Vue】vue3 hooks 中使用 useRouter 报错 push undefined 报错解决方法

确保在setup函数内部使用useRouter和useRoute。如果需要在自定义 Hooks 中使用路由,可以考虑传递全局路由实例作为参数。直接使用全局路由实例是一种可行的解决方案,但应谨慎使用,以避免违反 Composition API 的最佳实践。这种方法允许你在自定义 Hooks 中使用路由功能,同时遵循 Vue 3 Composition API 的设计原则。

2024-07-02 17:48:22 586

原创 【Vue】vue中将 html 或者 md 导出为 word 文档

是你使用的 md 编辑器的预览容器id。

2024-05-09 14:21:15 915 1

原创 【JavaScript】使用 responseType: “blob“ 请求文件流时拦截报错信息处理

FileReader 对象允许 Web 应用程序异步读取存储在用户计算机上的文件(或原始数据缓冲区)的内容,使用 File 或 Blob 对象指定要读取的文件或数据。下载文件时,后台返回错误的 code 无法直接拦截,因为此时数据已经被包装成 blob,所以需要将 blob 转换为 json 解析。readAsText 方法可以将 Blob 或者 File 对象转根据特殊的编码格式转化为内容 (字符串形式)

2024-04-29 09:53:50 823

原创 【JavaScript】使用 AbortController 对象中断 fetch 的文本流传输

正如我们所知道的,fetch 返回一个 promise。例如,如果用户在我们网站上的操作表明不再需要某个执行中的 fetch。当一个 fetch 被中止,它的 promise 就会以一个 error AbortError reject,因此我们应该对其进行处理,例如在 try…正如我们所看到的,AbortController 只是在 abort() 被调用时传递 abort 事件的一种方式。另一部分是触发取消:在需要的时候调用 controller.abort()。控制器是一个极其简单的对象。

2024-04-28 15:49:39 926 3

原创 【JavaScript】移动端长按事件触发录音

【JavaScript】移动端长按事件触发录音。

2024-04-26 09:26:15 288 1

原创 【CSS】grid 布局一行自动填充,每行最大限定px

【代码】【CSS】grid 布局一行自动填充,每行最大限定px。

2024-04-23 11:04:30 613

原创 【CSS】使用 scroll snap 实现页面的垂直大屏滚动

CSS 属性 scroll-snap-type 设置了在有滚动容器的情形下吸附至吸附点的严格程度。使用也可以用于垂直滚动,全屏展示就是一个很好的例子

2024-04-22 15:22:18 694

原创 【Vite】vue3 中 vite 导入 md 文件-导入为纯文本文件

可以通过该方法读取图片的二进制数据,但是是以纯文本的方式。导入纯文本文件,需要在导入路径后添加。

2024-04-12 14:35:22 664

原创 【Vue】在vue3中实现pptx、word、excel预览

/设置excel网络地址,可以是相对地址。//引入VueOfficeExcel组件。//引入VueOfficeDocx组件。//设置ppt网络地址,可以是相对地址。具体方法你怎么写都能,只要你能获取到。//设置文档网络地址,可以是相对地址。

2024-04-12 13:40:57 4680 3

原创 【Three】threejs 报错:The requested module ‘three‘ does not provide an export named ‘BoxBufferGeometry‘

就行了,应该是新版本跟旧版本不太一样。

2024-04-11 11:45:31 294

原创 【Three】threejs 导入报错:Uncaught TypeError: Failed to resolve module specifier “three“....

【代码】threejs 导入报错:Uncaught TypeError: Failed to resolve module specifier "three"....

2024-04-11 11:42:24 682

原创 【React】react 初学增删改查购物车案例

界面代码<!DOCTYPE html><html lang="en"> <head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <title>react-购物车案例</title> <script src="https://

2024-04-10 11:33:19 906

空空如也

空空如也

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

TA关注的人

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