- 博客(272)
- 收藏
- 关注
RSS订阅
原创 【PDF.js】2023 最新 PDF.js 在 Vue3 中的使用
官方地址中文文档PDF.js 是一个使用 HTML5 构建的便携式文档格式查看器。pdf.js 是社区驱动的，并由 Mozilla 支持。我们的目标是为解析和呈现 PDF 创建一个通用的、基于 Web 标准的平台。
2023-11-21 15:42:57
21433
71
原创 【Vue3】弹窗添加鼠标hover上边缘左、下的的拉伸宽度高度操作
省略了一些代码，但应该都看得懂吧~就是两条线添加 mousedown 事件，记得 mousemove 要挂载到 document 上！鼠标移动上去可以拖拽容器宽度和高度。
2024-11-28 10:45:52
458
原创 【Element】vue3+element-plus 去掉 el-dialog 的遮罩，并且可以操作底层区域
【代码】【Element】vue3+element-plus 去掉 el-dialog 的遮罩，并且可以操作底层区域。
2024-11-27 09:07:22
102
原创 【Element】vue2 el-table scope.row 更改数据，试图没有更新
点击编辑按钮，修改表格行状态，显示输入框，前置需要在表格添加一个管理编辑的状态，点击编辑修改状态，更新视图。element表格当前行数据，属性修改；无法更新视图，是由于table监听的是一行数据，而不是某个单元格属性。上面的三个参数分别是：data是表格的数据源,index是修改row当前行的索引，row是改后的数据。类似的问题：如给当前行row,添加或者删减，字段属性；都可以用$set方法处理；set()方法，既可以新增属性,又可以触发视图更新。这里需要我们主动触发页面更新，可以用到。
2024-11-12 15:47:21
425
原创 【Three.js】SpriteMaterial 加载图片泛白，和原图片不一致
colorSpace是 Three.js 中用于处理颜色空间转换的重要属性。它主要用于调整纹理的颜色空间,以适应不同设备或渲染管道的需求。
2024-11-01 18:07:17
312
原创 【客户端开发】electron 中无法使用 js-cookie 的问题
谷歌浏览器升级之后，出于安全考虑，cookie的SameSite属性默认值由None变为Lax，对于跨域的请求，禁止携带cookie。不要使用 cookie 来存储 token 等信息，采用浏览器的 localStorage 和 seesionStorage 来存储。Cookie的SameSite属性用来限制第三方 Cookie，从而减少安全风险。它可以设置三个值：Strict、Lax、None。基于上述原因，主要有两个解决方案，两个方案的本质其实都是将cookie的SameSite属性设置成None；
2024-11-01 09:33:30
665
原创 Nuxt3 SSR 服务端渲染部署 PM2 全流程（Next.js 同理）
然后输入你的 IP + 3000端口就可以访问了~（记得要配置上面服务器可访问3000端口安全组，否则可采用 Nginx 做代理也可以）因为 Nuxt3 默认的端口号 3000，所以需要我们配置服务器的端口安全组，我以阿里云控制台为例子。更简单的理解：负责管理Node、Python等程序，并能让程序一直保持在后台运行。PM2是一个守护进程管理器, 它将帮助管理和保持你的在线应用程序。然后修改配置内容，主要是 SSR 服务器脚本启动路径。需要服务器安装 Node 环境。将打包后的文件上传到服务器。
2024-10-18 10:25:40
598
原创 解决 Nuxt3 控制台一直报错：nuxt Sass @import rules are deprecated and will be removed in Dart Sass 3.0.0...
【代码】解决 Nuxt3 控制台一直报错：nuxt Sass @import rules are deprecated and will be removed in Dart Sass 3.0.0...
2024-10-17 15:16:03
1437
原创 Nuxt3 创建项目项目报错：Failed to download https://raw.githubusercontent.com...
报错原因的网络不通，需要你添加本地 hostping 下可以使用的地址然后在修改 host记得刷新下 host然后再重新执行安装命令就行成功安装！😀。
2024-10-17 14:30:42
342
原创 【Jenkins】2024 最新 Jenkins 自动化部署全流程
我们后面会访问centos中的某些文件夹，默认Jenkins使用的用户是。编辑一下文件/etc/yum.repos.d/jenkins.repo。然后我们通过 80 端口就可以访问了（记得配置实列端口安全组）80 是 Nginx 的；8080 是 Jenkins。打开浏览器，输入：http://你的ip:8080/把前端打包后的文件上传到上面你创建的文件夹就行。插件完成后，就可以创建第一个管理员用户了。购买云服务器其实是购买一个实例。然后下面选择安装推荐插件就可以。
2024-10-14 14:18:39
4166
原创 【Vue.js】vue2 项目在 Vscode 中使用 Ctrl + 鼠标左键跳转 @ 别名导入的 js 文件和 .vue 文件
它主要用于配置 JavaScript 或 TypeScript 项目的根目录和其他一些选项，以帮助编辑器（如 VS Code）更好地理解项目的结构和提供智能提示。之后在项目里面就可以使用 ctrl + 鼠标左键跳转 .vue 文件了。然后需要我们在项目根目录下添加。需要我们安装下面这个插件。
2024-10-14 11:24:36
578
原创 【Jenkins】2024 最新版本的 Jenkins 权限修改为 root 用户启动，解决 permission-denied 报错问题
【代码】【Jenkins】2024 最新版本的 Jenkins 权限修改为 root 用户启动，解决 permission-denied 报错问题。
2024-10-12 10:03:25
965
原创 【HTML】defer 和 async 属性在 script 标签中分别有什么作用?
script 标签的 defer 和 async 属性都是用来控制外部脚本的加载和执行方式的，他们对于改善页面加载非常有帮助。defer 下载不会阻止 DOM 的构建，但是在 DOMTree 构建完成后，在 DOMContentLoaded 事件之前执行，并且 defer 脚本的执行是有序的。async 下载同样不会阻止 DOM 的构建，但是不会保证在 DOMcontentLoaded 之前或者之后执行，也不能保证顺序，它的每个脚本都是独立的。
2024-10-10 16:19:14
1198
原创 【SEO】什么是SEO？
SEO 全称是搜索引擎优化（Search Engine Optimization）因为我们目前开发的网址，需要人看到，除了通过宣传营销的方式展现给客户，另外一个方式就是基于搜索引擎的自然流量，用户用户搜索引擎搜索到你的网站的方式也是非常重要的一个国产。所以，为了专门针对搜索引擎的搜索方式，需要我们对网站进行优化，优化的方式就统称为 SEO 优化，通关优化从而提高网站在搜索引擎的自然排名，从而获取更多流量！核心目的就是为了获取更多的自然流量（虽然可以通过付费的方式😂）。
2024-10-10 11:24:47
1607
原创 【Vue】vue2项目打包后部署刷新404，配置publicPath ./ 不生效问题
Vue Router mode，为 history 无效，建议使用默认值 hash；
2024-09-30 16:40:27
579
原创 【CSS】一行三个盒子 每个盒子都是16:9
padding-top 属性接受百分比值时,其百分比是基于父元素的宽度来计算的,而不是自身元素的宽度。更方便，但存在兼容性问题。
2024-09-20 09:46:01
335
原创 【Element】el-descriptions 的 el-descriptions-item 内容超出显示...省略号
【代码】【Element】el-descriptions 的 el-descriptions-item 内容超出显示...省略号。
2024-09-06 09:44:12
628
原创 【Git】git push 报错：Failed to connect to github.com port 443 after 21078 ms: Timed out
一般出现这种问题都是开过VPN导致的本机系统端口号和git的端口号不一致导致的。
2024-08-30 16:41:24
393
原创 【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
1935
原创 【React】Redux-toolkit 处理异步操作
对以上builder的解释：此重载接受一个回调函数，该函数接收一个builder对象作为其参数。该构建器提供addCase,addMatcher和addDefaultCase函数，可以调用这些函数来定义此 reducer 将处理的操作。是React Redux中非常重要的组件,它的主要作用是向整个React应用程序树提供Redux.store。
2024-08-29 16:37:03
577
原创 【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
344
原创 【React】面试如果问你：React 中 Hook 是什么？该如何回答呢？
Hook 是一个 React 提供的函数，它可以让你在 function 组件中“钩”连到一些 React 特性。而这个“钩”连实际上就是建立起一个连接React特性和函数组件之间的桥梁的过程。
2024-08-26 14:28:16
1073
原创 【CSS】什么是1px问题，前端如何去解决它，如何画出0.5px边框？
在移动端开发中，1px 的边框在高 DPI 屏幕上可能会显得过粗，这是因为移动设备的像素密度（DPI）通常比传统的计算机屏幕高。在高 DPI 屏幕上，1px 实际上可能会被渲染为 2px 或更多，这使得边框看起来更粗。为了解决这个问题，我们通常会尝试使用更细的边框，比如 0.5px 的边框。1px问题以及如何画出0.5px边框的问题。
2024-08-22 11:27:46
656
原创 【CSS】数字英文css没有转换成...换行点、没有换行、拆分的问题（非常常见的需求）
默认情况下，连续的英文或数字文本不会在空格处换行，这可能导致布局问题。
2024-08-16 10:09:12
1103
原创 【HTML】script 中的 defer 和 async 属性的区别是什么？
单独 script 标签：不做任何处理加载 JS 脚本加载 JS 脚本加载 JS 脚本相同点：都可以加载 js 脚本并在加载完后由浏览器执行不同点：是否会阻塞浏览器解析 HTML 不同JS 执行顺序不同。
2024-08-13 09:25:17
304
原创 【JavaScript】前端生成随机 id 的库
UUID是一种软件建构中的通用唯一标识符标准。它可以保证全球范围内的唯一性，即使在分布式系统中也不会发生冲突。JavaScript中可以使用。：这是最简单的生成随机数的方法，但它不能保证全局唯一性，因此通常只适用于在同一页面内部生成的ID。这个方法生成的UUID非常长，并且几乎可以保证全球唯一性，是生成随机ID的最佳选择之一。：结合当前时间戳和随机数，可以生成较为唯一的ID，但仍然存在冲突的可能性。然后，您可以在您的JavaScript文件中导入。
2024-08-12 10:43:45
883
原创 【工具软件】在线免费视频转换GIF网址分享！
非常好用的工具网址，支持免费将各种视频格式进行转换，还有图像处理，速度也不错，强烈推荐！个人博客的gif图片都是在这个网址转的！
2024-08-09 14:43:00
404
原创 【Vue】vue3中通过自定义指令实现数字的动态增加动画
在Vue 3中通过自定义指令实现数字的动态增加动画，可以利用Vue的自定义指令功能，这允许你扩展Vue的内置指令，使得DOM操作更加灵活和强大。以下是如何创建一个自定义指令来实现数字动态增加动画的步骤：
2024-08-09 11:45:42
810
原创 【JavaScript】如何给 blob 对象添加文件名
要给Blob对象添加文件名，可以通过将Blob对象转换为File对象来实现。File对象继承自Blob对象，并且提供了额外的属性，包括name属性，这使得你能够为文件设置一个名称。这种方法在大多数现代浏览器中都是可行的，但请注意，Internet Explorer不支持File构造函数。
2024-08-08 15:53:24
1120
原创 【Vue】vue3 中使用 ResizeObserver 监听元素的尺寸宽度变化
要监听div宽度的变化，可以使用接口。允许你观察一个或多个元素的尺寸变化，并在发生变化时执行回调函数。这种方法比使用更专注于尺寸变化，且不受元素属性变化的影响。
2024-08-06 17:44:12
1122
原创 【React 】react 创建项目配置 jsconfig.json 的作用
在 React 项目中，文件扮演着重要的角色，它主要用于配置 JavaScript 或 TypeScript 项目的根目录和其他一些选项，以帮助编辑器（如 VS Code）更好地理解项目的结构和提供智能提示。对于熟悉 Vue 的前端工程师来说，这个概念类似于 Vue 项目中的或者（对于 TypeScript 项目）。
2024-08-03 16:12:56
1218
原创 【CSS】css 如何实现固定宽高比
总结起来，使用属性是实现固定宽高比的现代方法，因为它直接控制元素的宽高比，不受元素宽度的影响。而技巧则是一种兼容性更好的解决方案，适用于那些不支持属性的旧浏览器。
2024-07-29 18:03:30
1694
原创 【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
1582
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人