- 博客(254)
- 收藏
- 关注
RSS订阅
原创 【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关注的人