溜达哥-优快云博客

原创 pnpm全局安装报错：Run “pnpm setup“ to create it automatically, or set the global-bin-dir setting, or the PN

pnpm 全局安装时遇到的常见错误，提供了三种主要解决方案：运行 pnpm setup 自动配置环境变量、手动设置 global-bin-dir 指定全局安装路径、检查并更新系统环境变量 PATH。同时，文章还涵盖了验证安装的方法及常见问题的处理技巧，确保用户能够顺利进行 pnpm 的全局包管理。

2025-02-11 11:35:02 942

原创嵌入页面不能正常获取 reponse header : content-disposition

在本系统中，通过 Axios 发起文件下载请求时可以正常获取到 Content-Disposition 响应头，但在嵌入页面（如 iframe）发起相同请求时却无法获取。原因是浏览器的安全策略限制了跨域请求对敏感响应头的访问。解决方案是在 Nginx 配置中添加 add_header Access-Control-Expose-Headers "Content-Disposition";，以明确暴露该响应头。

2025-02-11 11:09:21 503

原创 nginx 设置帐户密码授权访问

文章介绍了如何在 Nginx 中设置基本认证（HTTP Basic Authentication），以保护特定目录或页面的访问。主要步骤包括：安装 `htpasswd` 工具，创建包含用户名和密码的 `.htpasswd` 文件，编辑 Nginx 配置文件添加 `auth_basic` 和 `auth_basic_user_file` 指令，最后测试并重启 Nginx 使配置生效。通过这些步骤，可以实现对指定路径的授权访问控制。

2024-12-23 17:47:12 915

原创 Linux Shell 运算符

文件比较运算符用于检查文件的状态，如是否存在、是否为目录、是否可读等。字符串比较运算符用于检查字符串的长度和内容。：逻辑或，任意一个条件为真时结果为真。：逻辑与，所有条件都为真时结果为真。算术比较运算符用于比较数字值。：逻辑非，反转条件的结果。为常规文件，则为真。为符号链接，则为真。

2024-12-03 10:03:49 1115

原创 vue3-Import declaration conflicts with local declaration of dayjs

在使用 Vue3 和dayjs时，可能会遇到一个常见的错误：“Import declaration conflicts with local declaration of ‘dayjs’”。本文将详细介绍这个错误的原因以及如何解决它。通过确保dayjs只被导入一次并使用泛型来指定类型，可以有效避免“Import declaration conflicts with local declaration of ‘dayjs’”错误。希望本文对您有所帮助。

2024-12-03 09:54:13 624

原创浅谈visibility，display，opacity的区别

本文探讨了 CSS 中 visibility、display 和 opacity 的区别。它们都能实现元素的显示和隐藏，但具体行为不同。display: none; 完全移除元素，不占空间；visibility: hidden; 隐藏元素但仍占空间；opacity: 0; 使元素透明但仍占空间。文章还讨论了它们在性能、动画效果、事件绑定和子元素继承方面的差异，并提供了实际应用场景和注意事项。

2024-12-01 11:41:35 798

原创 vue3中使用draggable

本文总结了在 Vue 3 中使用 vue.draggable.next 的方法和常见问题。介绍了安装、基本用法、配置选项、组动画、插槽使用、迁移指南以及多列表拖拽示例。详细说明了如何解决“Item slot must have only one child”错误，并提供了丰富的配置选项和示例代码。

2024-12-01 11:39:49 1594

原创浅谈js中onmouseleave和onmouseout的区别

给元素绑定事件，当元素没有子元素的时候，上面两个事件没有区别。当元素有子元素的时候，上面两个的触发机制不同。onmouseleave触发的条件是当鼠标离开了父元素的区域（只要在父元素的里面即可，可以在父元素的子元素上面的），onmouseout触发条件是给那个元素绑定了，就必须只能在这个元素上，鼠标进入该元素的子元素，也表示离开了当前的元素，会触发onmouseout。

2024-11-30 16:52:41 1302

原创前端拿不到 response 响应流返回的 header 例如 Content-Disposition 等

在进行前后端交互时，前端有时需要读取服务器返回的特定响应头（如），以便根据这些头信息执行相应的逻辑。然而，默认情况下，浏览器出于安全考虑，只允许前端访问某些特定的响应头，这导致了一些开发上的限制。通过设置，服务器可以控制哪些响应头可以被前端访问。这对于需要读取特定响应头的前端应用非常有用。希望本文对您有所帮助！

2024-11-30 16:48:36 1311

原创 JavaScript 中处理页面刷新的几种方法

本文探讨了在JavaScript中处理页面刷新的几种方法，特别是在AJAX请求成功后如何更新页面以显示最新数据。主要介绍了使用 window.location.hash 更新URL锚点、强制刷新页面、使用 history.pushState 更新浏览器历史记录、结合AJAX请求进行页面刷新以及避免不必要的全页刷新等技术手段。通过这些方法，可以有效提升用户体验和页面性能。

2024-11-29 09:50:37 1198

原创 Conda 管理python开发环境

在公司使用Requests多任务并行开发时遇到了问题，使用时不能正常发出网络请求，会卡在网络请求发不出去，但是善于用时是可以的,纠结了很久，一度以为是 Pycharm 的问题、解释器的问题、conda 环境的问题，最后发现也是解释器配置的问题。

2024-11-29 09:41:32 1063

原创 vue中按回车时刷新页面问题

经查阅资料得知原因，在当前页面元素中只有一个文本框时，点击回车时会自动提交表单；点击回车按钮后不仅页面会刷新，并且路由多了一个问号。

2024-11-28 09:46:01 557

原创 esmodule循环引用问题

最简单的 a 引用了 b，b 又引用了 a，这就产生了循环引用。复杂点的无非就是链路长一些，例如 a -> b -> c -> d -> a。循环引用可能会导致内存栈溢出。但也不是一定会有问题，比如 b 导出了两个方法，a 引用的是 b 导出的方法 fn1，而 b 是在方法 fn2 里引用的a，这种情况其实是不会有问题的。但由于可能的风险，且难以发现，所以编写代码时还是尽量规避使用循环引用。

2024-11-28 09:44:00 1511

原创 vue-cli项目质量约束配置

本文介绍了如何在 vue-cli 项目中配置质量约束，包括 package.json 中的脚本和依赖配置、预提交钩子的设置、ESLint 和 Stylelint 的配置，以及 vue.config.js 中的代码检查配置，确保代码质量和一致性。

2024-11-27 10:31:34 502

原创 forEach为什么不好

在箭头函数中，this关键字引用的是定义该函数时所在的对象。在普通函数中，this关键字引用的是调用该函数的对象。如果需要确保this关键字的作用域正确，可以使用bind()方法来绑定函数的作用域。当不需要进一步迭代时，诸如 every()、some()、find() 和 findIndex() 等数组方法也会立即停止迭代。forEach() 不会改变其调用的数组，但是，作为 callbackFn 的函数可以更改数组。关键字引用的是调用该方法的对象。方法来绑定函数的作用域，或使用箭头函数来定义回调函数。

2024-11-27 10:28:44 923

原创 10 个超级实用的 reduce 使用技巧

reduce函数是 JavaScript 中非常强大的数组方法之一，它可以对数组中的每个元素依次执行一个回调函数，从左到右依次累积计算出一个最终的值。reduce函数在数据处理中非常常用，可以用来进行累加、过滤、分组、映射等多种操作。使用reduce可以使代码更加简洁、易读且易于维护。

2024-11-26 09:53:07 1379

原创 nginx 升级http 到 http2

HTTP/2 是 HTTP 协议的最新版本，相比 HTTP/1.1，它带来了多项重要的改进，包括多路复用、头部压缩和服务端推送。这些特性可以显著提升网页的加载速度，减少延迟，提高用户体验。通过上述步骤，我们成功地将网站从 HTTP/1.1 升级到了 HTTP/2。整个过程中需要注意备份配置文件、测试配置文件的正确性，并在升级后进行验证。希望本文对大家有所帮助。

2024-11-26 09:43:34 1403

原创设置 windows terminal 默认打开 bash

Windows Terminal 是微软推出的一款现代化的终端应用程序，支持多种 shell，如 PowerShell、Cmd 和 Bash。对于经常需要使用 Linux 命令的开发者来说，将 Windows Terminal 默认设置为打开 Bash 可以提高工作效率。本文将介绍如何在 Windows Terminal 中设置默认打开 Bash。

2024-11-25 10:14:59 1059

原创 Cesium-CallbackProperty函数

在Cesium中，是一种特殊类型的属性，它允许你提供一个回调函数来动态计算或获取某个值。这对于那些依赖于时间、用户输入或其他动态条件的属性非常有用。每次访问这样的属性时，都会调用回调函数来获取最新的值。

2024-11-25 10:04:55 1196

原创 typescript常见坑点

TypeScript 的类型系统非常强大，但也有一些常见的坑点需要注意。通过了解这些坑点和工具类型，可以更好地利用 TypeScript 编写健壮和可维护的代码。希望这些内容对你有所帮助！如果有更多具体的问题或需要进一步补充的内容，请告诉我。

2024-11-22 23:16:10 403

原创 cesium踩坑记录

理解3D Tile的几何体类型：3D Tile可以包含不同类型的几何体，比如三角网格（mesh）、点云（point cloud）等。你需要知道具体的几何体类型来决定如何计算距离。获取点和3D Tile的表达点的坐标：假设你有一个点的坐标 ( P(x_p, y_p, z_p) )。3D Tile的表示：3D Tile可能会提供几何体的顶点信息或者包围盒（bounding box）信息。计算距离点到三角形的最短距离：对于每个三角形，计算点到三角形的最短距离，然后在所有距离中找到最小值。

2024-11-22 23:05:36 818

原创 git使用常见错误及其解决方法

通过本文的记录，希望可以帮助大家更好地理解和解决在使用Git过程中遇到的常见问题。如果有更多问题或建议，欢迎留言交流。希望这些内容能对你有所帮助！如果有其他需要补充或修改的地方，请随时告诉我。

2024-11-21 09:48:42 965

原创 canvas 绘图难点记录

在使用 HTML5 Canvas 进行绘图时，经常会遇到一些难点和挑战。本文记录了一些常见的问题及其解决方案，帮助开发者更好地理解和使用 Canvas。通过本文的记录，希望可以帮助大家更好地理解和使用 HTML5 Canvas 进行绘图。如果有更多问题或建议，欢迎留言交流。希望这些内容能对你有所帮助！如果有其他需要补充或修改的地方，请随时告诉我。

2024-11-21 09:41:52 974

原创 vue项目通用规范

所有 CSS 选择符必须由英文字母、数字或“-”下划线组成，必须以字母开头，不能为纯数字。设计者要用有意义的单词或缩写组合来命名选择符，做到“见其名知其意”，这样就节省了查找样式的时间。样式名必须能够表示样式的大概含义（禁止出现如 Div1、Div2、Style1 等命名）。组件下，除特殊需求外，应使用。的补充，所以一定要去详读。所有英文字母必须小写。

2024-11-20 10:06:02 536

原创 npm 爬坑记录

努力爬坑，留下脚印。本文推荐使用 `nrm` 作为 npm 注册表管理工具，通过简单的命令如 `nrm ls` 查看所有注册表、`nrm use ` 切换注册表等，帮助开发者高效管理 npm 源。针对登录与发包失败的问题，建议先设置新的 registry，尝试 `npm login`；若失败，则创建并添加 access token 至 `.npmrc

2024-11-20 09:56:07 271

原创 vue3使用总结

component vue 文件中初始化的 props 值默认会被 component 使用时直接绑定的值覆盖，且不会触发 watch 方法。接受一个内部值并返回一个响应式且可变的 ref 对象。ref 对象具有指向内部值的单个 property .value。_即： script 标签只能放在 div 外 , body 内 _即： script 标签放在 div 内或者外部都可以。函数使该对象具有高度的响应式。disable cache 即可。返回对象的响应式副本。

2024-11-19 18:08:59 742

原创 nginx:The ‘Access Control Allow Origin‘ header contains multiple invalid

通过这种方式，Nginx服务器能够根据请求的来源动态地设置CORS头，允许从特定的域名发起跨域请求。这对于需要从不同域名加载资源的Web应用来说非常有用，同时也提供了一定程度的安全性，因为只有预先配置好的域名才能成功发起跨域请求。在 NGINX 中，可以通过配置文件来设置’Access-Control-Allow-Origin’头部字段的值。项目中用到微应用，在微应用中引入了 nginx，但是 nginx 配置中，存在多个无效的跨域配置，导致浏览器报错，无法访问微应用。- 如果上一步的条件成立，即请求的。

2024-11-19 17:49:39 586

空空如也

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

TA关注的人

加油啊，为了每一天。