yangguangxiadewo的专栏

原创 获取URL参数如何避免XSS攻击

ElMessage.error("参数格式错误或包含不安全内容");// 深度检查对象属性，确保没有嵌套的函数或危险内容。// 验证解析后的参数是否为对象且不包含函数。// 从路由参数中获取加密编码后的参数字符串。// 检查是否存在潜在的XSS攻击代码。// 检查键名是否包含危险字符。// 验证参数是否为有效JSON格式。// 检查潜在的XSS攻击模式。// 解析JSON并验证结构。// 所有验证通过，设置参数。// 解密获取路由参数。// 重定向回安全页面。

原创 markdown常用符号

在 markdown 中，复选框的语法如下。:smile: 微笑。

原创 vitest 单元测试 学习笔记

【代码】vitest 单元测试 学习笔记。

原创 playwright学习笔记

【代码】playwright学习笔记。

原创 为什么windows长期运行可能出现内存泄漏或蓝屏？

📌 举例：某打印机驱动每次打印都申请 1MB 内存但不释放 → 打印 1000 次后泄漏 1GB。Windows 桌面系统以清理状态。蓝屏是 Windows 内核遇到。

原创 你知道的操作系统

原创 自定义encodeURIComponent

如果我们希望对字母和数字也进行编码，可以自己定义规则来实现自定义的encodeURIComponent。encodeURIComponent适用于URL参数传递，确保特殊字符不会破环URL结构。encodeURIComponent只对特殊字符进行编码（如空格、&、=、?这里注意：encodeURIComponent不对字母和数字进行编码。

原创 vue3 el-select懒加载以及自定义指令

scrollTop 获取或者设置元素的偏移值,常用于, 计算滚动条的位置, 当一个元素的容器没有产生垂直方向的滚动条, 那它的scrollTop的值默认为0.color:#ccc">----已到底----</div>* 在el-select给一个参数popper-class="event-select-poper"* element-plus中el-select的选项是使用的popper.js生成的，无法直接获取。// 自定义v-el-select-loadmore指令。

原创 linux常用命令

常用Linux指令，随用随记

原创 超简单阿贝云免费部署云服务器

摘要：几分钟学会在阿贝云免费服务器部署项目，从注册到配置详解，轻松上线。

原创 超简单腾讯云免费部署vue项目

几分钟帮你搞定腾讯云免费上云部署

原创 打印机的添加与使用

本文介绍了电脑中打印机的添加与使用注意事项。首先区分了虚拟打印机和真实打印机，指出虚拟打印机仅用于文件格式转换而非实际打印。对于无法使用的打印机需先删除再重新添加。添加打印机的方法。安装后若显示脱机状态，建议重启计算机解决。最后说明打印机状态显示空闲即表示安装成功并可正常使用。

原创 OSError:[WinError 1114] 动态链接库（DLL）初始化例程失败

WinError 1114] 动态链接库(DLL)初始化例程失败。由于我的电脑没有Nvidia显卡。在命令行运行以下命令查看是否支持Nvidia显卡。PyTorch 编译时依赖 MSVC 运行库。记录在Windows上运行PyTorch时遇到的错误。然后再运行PyTorch就不会报错啦。

原创 微信的多端通信机制

微信多端信息同步机制解析：当桌面端发送文件时，数据会先上传至微信服务器并存储7天，服务器为接收方生成待接收记录。所有绑定同一账号的设备都会收到同步通知，即使手机离线，消息也会存入离线队列。当手机重新上线时，会主动拉取元数据，用户点击后才会下载文件内容（大文件仅同步通知和预览）。服务器通常保留文件7天，过期后将无法下载。这种设计实现了跨设备信息同步，同时兼顾性能和资源消耗。

原创 端口占用windows

net stop winnatnet start winnat

原创 vite+vue+js项目使用ts报错

解决全局属性调用报错，可通过以下步骤：1）创建.d.ts文件声明window._CONFIG类型；2）配置tsconfig.json包含声明文件路径；3）检查类型作用域和模块合并。适用于TypeScript环境下的全局变量扩展。（98字）

原创 Windows安装使用Docker

以管理员身份打开windows PowerShell，安装相关配置。

原创 前端代码注释风格 - CSS篇

本文基于《阿里巴巴CSS编程规约》、stylelint rules进行编写，涉及预编译语言（Sass、Less）的编码风格和最佳实践。

原创 企业数字化转型的简介、发展及未来趋势

因此，顺应时代潮流，响应政策号召，适应行业竞争，呼应市场需求，数字化已成为各大企业的创新和提高企业竞争能力的中坚驱动力量。企业数字化转型是利用数字化技术（云计算、大数据、人工智能、物联网、区块链等）和能力来驱动组织商业模式创新和商业生态系统重构的途径和方法。数字经济时代，VUCA成为常态，V，Volatility，易变性；指出，企业数字化转型呈现十大发展趋势：去物理化、去物质化、去边界化、去人工化、去管理化、去单位化、去中心化、去拥有化、去确定化。决策层，数据驱动决策，”机在干，网在看，云在算“

原创 echarts隔行背景色

看了下使用说明，试了半天终于搞对了。

原创 如何使用node生成api接口

【代码】如何使用node生成api接口。

原创 js实现同步请求

XMLHttpRequest实现同步请求

原创 网格简化算法

(Vertex Splitting)为基本操作，记录了模型在连续的简化过程中的拓补变动信息，于是就可以做到基于视点的(view-dependent)、无损的(lossless)、可复原的连续简化，这样子在摄像机靠近模型的过程中，就不会出现切换LOD模型产生的视觉突变的状况，而是非常顺滑的~[3] Progressive Mesh是Hugues Hoppe大神在1996年提出的网格动态化简方法。(edge collapse，之前提到的几何元素删除方法之一)与。

原创 console.log进阶

【代码】console.log进阶。

原创 对wasm的个人理解

浅理解一下：将无自动垃圾回收机制的非JavaScript语言如C、C++\Rust编译成wasm，就可以在浏览器上运行。主要用于CPU密集型场景，如3D渲染。缺点：和js通信频繁或数据量大会降低性能。优点：高效快速，可移植性。

原创 react开发中遇到的问题-随手记

花括号里写执行函数会导致立即求值。造成react太多的重复渲染。这里用立即执行函数将其包裹起来，使其只在点击时触发。

原创 报错解决：Failed to load config “react-app“ to extend from.

查资料发现时，大多数问题在于eslint缺失导致加载失败，于是我们应该在自己要启动的示例项目的根目录下添加.eslintrc.js，这样就可以正常运行了。解决方法，直接一点：F:\Web\redux\examples\shopping-cart\.eslintrc.js。在学习redux时，从官方github上克隆下来的代码运行时报错。

原创 geoserver+mapbox-gl 加载图层组矢量切片地图服务

涉及到多个图层不适合通过addlayer去进行添加，建议通过style的方式进行添加。参考mapbox的style格式进行代码构建。同样切换到tile caching，选择切片格式为mapbox矢量切片。在图层组中选择添加图层，将上篇文章中的矢量切片图层添加进来。点击保存，回到首页，通过tms进入到tms地图服务地址。加载通过图层组发布的矢量切片服务。

原创 geoserver+mapbox-gl 离线部署矢量切片地图服务学习笔记

geoserver的安装包可以在官网下载，想要选择版本点击Archived找到指定版本进行下载（如果网络不稳定，也可以直接使用下面的下载地址）

原创 钉钉云打印操作指南

1、将需要打印的文件（excel除外）发送至钉钉本人对话框2、点开要打印的文件并选择云打印3、选择如下图所示的打印机3、选择A4纸张尺寸进行打印5、打印完成后去打印机处领取所打印的文件

原创 操作指引插件boarding.js推荐

它的使用方法和driver几乎一样，所以用过driver的人都可以很快的适应boarding。比如在执行上下一步操作时，我们希望可以对它的行为进行监听拦截，并在执行上下一步操作之前执行一些异步请求操作登，这时我们就可以在onNext和onPrevious里这样写。这里的preventMove是暂停接下来的指引操作，接着你可以写代码执行自己的操作了，执行完成后，再调用continue，那么它就会进行下一步或上一步的操作了。也可以先定好一些总的样式规则，再到步骤时进行细化。找到需要修改的操作指引步骤step。

原创 前端代码注释风格

分号本文基于《阿里巴巴JavaScript编程规约》、ESLint rules进行编写。分号统一以分号结束语句，可以避免JS引擎自动分号插入机制的怪异行为，在语义上也更加明确。自动分号插入机制自动分号插入机制（即，简称ASI） 是当JS遇到不带分号的语句时判断是否自动添加分号的机制，它在个别情况下的行为比较怪异，可能导致意想不到的效果。此外随着JS新特性的增加，异常的情况可能变得更加复杂。

原创 glsl - 内置函数学习笔记

glsl很多内置函数和js的Math下的数学函数使用是一致的，但由于glsl偏图形学计算，js里的Math函数更多倾向于单纯的数学计算，所以还是有很多不一样的方法在里面的。

原创 数据交互dat.gui使用记录

它的使用方式是这样的。

原创 借助Lottie实现前端svg动图效果

svg

原创 threeJs学习 - 基础篇（一）

直接上手webgl难度太大，可以先从threeJs入手threeJS可以看作是webgl封装的一个图形库。

原创 minemap地图字体替换笔记

mimemap字体本地部署

原创 mapbox地图字体替换笔记

mapbox本地字体部署

原创 webpack、rollup打包

使用rollup进行vue打包配置、使用webpack进行组件打包等

原创 python机器学习

Python 机器学习是当前最为热门的机器学习领域之一，其简洁、易用、高效的特点，让越来越多的开发者开始探索其应用。本文将从以下几个方面介绍 Python 机器学习的基础知识和实践案例，帮助读者更好地理解和应用机器学习技术。