- 博客(254)
- 收藏
- 关注
![](https://csdnimg.cn/release/blogv2/dist/pc/img/listFixedTop.png)
原创 【PDF.js】2023 最新 PDF.js 在 Vue3 中的使用
官方地址中文文档PDF.js 是一个使用 HTML5 构建的便携式文档格式查看器。pdf.js 是社区驱动的,并由 Mozilla 支持。我们的目标是为解析和呈现 PDF 创建一个通用的、基于 Web 标准的平台。
2023-11-21 15:42:57
17343
64
原创 【Git】git push 报错:Failed to connect to github.com port 443 after 21078 ms: Timed out
一般出现这种问题都是开过VPN导致的本机系统端口号和git的端口号不一致导致的。
2024-08-30 16:41:24
205
原创 【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
520
原创 【React】Redux-toolkit 处理异步操作
对以上builder的解释:此重载接受一个回调函数,该函数接收一个builder对象作为其参数。该构建器提供addCase,addMatcher和addDefaultCase函数,可以调用这些函数来定义此 reducer 将处理的操作。是React Redux中非常重要的组件,它的主要作用是向整个React应用程序树提供Redux.store。
2024-08-29 16:37:03
256
原创 【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
237
原创 【React】面试如果问你:React 中 Hook 是什么?该如何回答呢?
Hook 是一个 React 提供的函数,它可以让你在 function 组件中“钩”连到一些 React 特性。而这个“钩”连实际上就是建立起一个连接React特性和函数组件之间的桥梁的过程。
2024-08-26 14:28:16
982
原创 【CSS】什么是1px问题,前端如何去解决它,如何画出0.5px边框?
在移动端开发中,1px 的边框在高 DPI 屏幕上可能会显得过粗,这是因为移动设备的像素密度(DPI)通常比传统的计算机屏幕高。在高 DPI 屏幕上,1px 实际上可能会被渲染为 2px 或更多,这使得边框看起来更粗。为了解决这个问题,我们通常会尝试使用更细的边框,比如 0.5px 的边框。1px问题以及如何画出0.5px边框的问题。
2024-08-22 11:27:46
478
原创 【CSS】数字英文css没有转换成...换行点、没有换行、拆分的问题(非常常见的需求)
默认情况下,连续的英文或数字文本不会在空格处换行,这可能导致布局问题。
2024-08-16 10:09:12
875
原创 【HTML】script 中的 defer 和 async 属性的区别是什么?
单独 script 标签:不做任何处理加载 JS 脚本加载 JS 脚本加载 JS 脚本相同点:都可以加载 js 脚本并在加载完后由浏览器执行不同点:是否会阻塞浏览器解析 HTML 不同JS 执行顺序不同。
2024-08-13 09:25:17
269
原创 【JavaScript】前端生成随机 id 的库
UUID是一种软件建构中的通用唯一标识符标准。它可以保证全球范围内的唯一性,即使在分布式系统中也不会发生冲突。JavaScript中可以使用。:这是最简单的生成随机数的方法,但它不能保证全局唯一性,因此通常只适用于在同一页面内部生成的ID。这个方法生成的UUID非常长,并且几乎可以保证全球唯一性,是生成随机ID的最佳选择之一。:结合当前时间戳和随机数,可以生成较为唯一的ID,但仍然存在冲突的可能性。然后,您可以在您的JavaScript文件中导入。
2024-08-12 10:43:45
451
原创 【工具软件】在线免费视频转换GIF网址分享!
非常好用的工具网址,支持免费将各种视频格式进行转换,还有图像处理,速度也不错,强烈推荐!个人博客的gif图片都是在这个网址转的!
2024-08-09 14:43:00
310
原创 【Vue】vue3中通过自定义指令实现数字的动态增加动画
在Vue 3中通过自定义指令实现数字的动态增加动画,可以利用Vue的自定义指令功能,这允许你扩展Vue的内置指令,使得DOM操作更加灵活和强大。以下是如何创建一个自定义指令来实现数字动态增加动画的步骤:
2024-08-09 11:45:42
506
原创 【JavaScript】如何给 blob 对象添加文件名
要给Blob对象添加文件名,可以通过将Blob对象转换为File对象来实现。File对象继承自Blob对象,并且提供了额外的属性,包括name属性,这使得你能够为文件设置一个名称。这种方法在大多数现代浏览器中都是可行的,但请注意,Internet Explorer不支持File构造函数。
2024-08-08 15:53:24
448
原创 【Vue】vue3 中使用 ResizeObserver 监听元素的尺寸宽度变化
要监听div宽度的变化,可以使用接口。允许你观察一个或多个元素的尺寸变化,并在发生变化时执行回调函数。这种方法比使用更专注于尺寸变化,且不受元素属性变化的影响。
2024-08-06 17:44:12
568
原创 【React 】react 创建项目配置 jsconfig.json 的作用
在 React 项目中,文件扮演着重要的角色,它主要用于配置 JavaScript 或 TypeScript 项目的根目录和其他一些选项,以帮助编辑器(如 VS Code)更好地理解项目的结构和提供智能提示。对于熟悉 Vue 的前端工程师来说,这个概念类似于 Vue 项目中的或者(对于 TypeScript 项目)。
2024-08-03 16:12:56
1080
原创 【CSS】css 如何实现固定宽高比
总结起来,使用属性是实现固定宽高比的现代方法,因为它直接控制元素的宽高比,不受元素宽度的影响。而技巧则是一种兼容性更好的解决方案,适用于那些不支持属性的旧浏览器。
2024-07-29 18:03:30
759
原创 【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
1039
原创 【Vue】vue2 vue-awesome-swiper 刷新无法自动滚动解决
【代码】【Vue】vue2 vue-awesome-swiper 刷新无法自动滚动解决。
2024-07-15 18:43:38
299
原创 【Vue】vue3 hooks 中使用 useRouter 报错 push undefined 报错解决方法
确保在setup函数内部使用useRouter和useRoute。如果需要在自定义 Hooks 中使用路由,可以考虑传递全局路由实例作为参数。直接使用全局路由实例是一种可行的解决方案,但应谨慎使用,以避免违反 Composition API 的最佳实践。这种方法允许你在自定义 Hooks 中使用路由功能,同时遵循 Vue 3 Composition API 的设计原则。
2024-07-02 17:48:22
502
原创 【JavaScript】使用 responseType: “blob“ 请求文件流时拦截报错信息处理
FileReader 对象允许 Web 应用程序异步读取存储在用户计算机上的文件(或原始数据缓冲区)的内容,使用 File 或 Blob 对象指定要读取的文件或数据。下载文件时,后台返回错误的 code 无法直接拦截,因为此时数据已经被包装成 blob,所以需要将 blob 转换为 json 解析。readAsText 方法可以将 Blob 或者 File 对象转根据特殊的编码格式转化为内容 (字符串形式)
2024-04-29 09:53:50
704
原创 【JavaScript】使用 AbortController 对象中断 fetch 的文本流传输
正如我们所知道的,fetch 返回一个 promise。例如,如果用户在我们网站上的操作表明不再需要某个执行中的 fetch。当一个 fetch 被中止,它的 promise 就会以一个 error AbortError reject,因此我们应该对其进行处理,例如在 try…正如我们所看到的,AbortController 只是在 abort() 被调用时传递 abort 事件的一种方式。另一部分是触发取消:在需要的时候调用 controller.abort()。控制器是一个极其简单的对象。
2024-04-28 15:49:39
882
3
原创 【CSS】使用 scroll snap 实现页面的垂直大屏滚动
CSS 属性 scroll-snap-type 设置了在有滚动容器的情形下吸附至吸附点的严格程度。使用也可以用于垂直滚动,全屏展示就是一个很好的例子
2024-04-22 15:22:18
671
原创 【Vite】vue3 中 vite 导入 md 文件-导入为纯文本文件
可以通过该方法读取图片的二进制数据,但是是以纯文本的方式。导入纯文本文件,需要在导入路径后添加。
2024-04-12 14:35:22
589
原创 【Vue】在vue3中实现pptx、word、excel预览
/设置excel网络地址,可以是相对地址。//引入VueOfficeExcel组件。//引入VueOfficeDocx组件。//设置ppt网络地址,可以是相对地址。具体方法你怎么写都能,只要你能获取到。//设置文档网络地址,可以是相对地址。
2024-04-12 13:40:57
4102
3
原创 【Three】threejs 报错:The requested module ‘three‘ does not provide an export named ‘BoxBufferGeometry‘
就行了,应该是新版本跟旧版本不太一样。
2024-04-11 11:45:31
270
原创 【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
633
原创 【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
895
原创 【HTML】加载 CDN 资源时遇到 Failed to find a valid digest in the ‘integrity‘ attribute for resource 报错问题
integrity 属性integrity属性用于校验脚本文件的完整性,防止脚本被篡改。它包含一个哈希值,用于验证脚本文件的真实性。浏览器会在下载脚本文件后,计算其哈希值并与integrity属性中的值进行比较。如果两者不一致,则浏览器会阻止脚本执行,并显示警告信息。crossorigin 属性属性用于控制跨域脚本的加载行为。anonymous:表示脚本文件不会携带任何凭据,例如 cookie 或 HTTP 认证信息。:表示脚本文件可以携带凭据。两者关系integrity属性和。
2024-04-10 09:45:53
567
原创 【JavaScript】requestAnimationFrame 实现表格的流畅滚动
【代码】【JavaScript】requestAnimationFrame 实现表格的流畅滚动。
2024-03-13 11:35:48
387
1
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人