小万没想到-优快云博客

原创批量升级全部项目npm依赖包到最新版本

推荐一个快速检测package.json是否都为最新版的工具。则会将package.json中所有依赖修改为最新版本。就会快速检查所有依赖是否存在更新版本。

2025-03-28 09:19:52 115

原创 vue项目获得所有路由及路由对应的component文件地址

背景：因为项目安全漏扫，需要前端提供所有路由及路由对应的文件地址，项目中component是异步加载。解决：通过递归，component转成字符串，进行正则匹配获得文件地址。难点：component是异步加载，是一个方法。

2024-11-26 14:51:38 319

原创 element-ui el-form 某一值为数组，各项必填验证

当form表单中，有一项是数组，并且是动态的，长度不固定，又是必填项时，怎么校验？

2024-11-20 19:20:14 304

原创 node连数据库报Client does not support authentication protocol requested by server； consider upgrading错误

问题：用node连接数据库的时候，报了这个错误原因：在使用Node.js连接MySQL8.0时遇到错误，原因是版本不兼容。解决方法是更改MySQL的加密规则，通过命令行输入ALTERUSER命令更新root用户的认证方式为mysql_native_password并设置密码永不过期，再执行FLUSHPRIVILEGES刷新权限。解决：命令行输入 ALTER USER 'root'@'localhost' IDENTIFIED BY '自己数据库的密码' PASSWORD EXPIRE N

2024-11-06 17:51:14 282

原创 React18新特性：startTransition

startTransition：主动降低优先级。比如「搜索引擎的关键词联想」，用户在输入框中的输入希望是实时的，而联想词汇可以稍稍延迟一会儿。我们可以用 startTransition 来降低联想词汇更新的优先级。在React中一旦组件状态改变并触发了重新渲染，则无法停止渲染。直到组件重新渲染完毕，页面才能继续响应用户的交互。

2024-10-28 09:48:02 203

原创 react 项目搭建

关键问题：redux是基于浏览器内存的存储方式，刷新时状态恢复为初始值，为防止token丢失，token持久化处理。关键问题：token作为一个用户的标识数据，在多个地方会使用到，用redux可以方便的解决状态共享问题。关键问题：有些路由页面的内容信息比较敏感，如果用户没有经过登录取到有效的token，是没有权限跳转的，关键问题：对于token的各种操作在后多多个模块中都会用到，为了共享复用，可以封装成工具函数。，当前的token就会失效，一旦失效，不能再作为用户令牌标识请求隐私数据。

2024-10-28 09:28:14 810

原创如何优化JavaScript中的复杂判断？

我们在写 JavaScript 代码的时候，经常会遇到逻辑判断比较复杂的情况，通常我们可以使用。从代码中我们可以看到这个按钮的点击逻辑：根据不同的活动状态，进入不同的页面。会越来越臃肿，越来越难理解。那么如何才能把判断逻辑写得更优雅呢？但是这样就存在一个问题，随着逻辑复杂度的增加，代码中的。来实现多个条件判断。

2024-10-25 10:47:58 174 1

原创弹窗拉伸，存在iframe时出现卡顿问题

思路：在拖拽过程中改变包含iframe的div大小时，可能会遇到卡顿问题。这主要是由于iframe在拖动过程中对鼠标事件的处理，尤其是在拖动速度较快时，可能导致鼠标移动超出拖拽范围，进入iframe，触发iframe内容的加载，从而引起卡顿。问题：弹窗里面是iframe，弹窗可以拉伸改变大小，鼠标拖动的时候会出现卡顿，没有iframe则不会卡顿。解决：增加一个遮罩层，盖住iframe，拖拽的时候显示，不拖拽的时候隐藏。

2024-08-08 15:35:14 513

原创 iframe在拉伸过程中变蓝色背景问题

思路：iframe为什么会变成蓝色背景，鼠标按住拉伸，iframe相当于被选中状态，浏览器默认选中状态时，文本颜色为白色，背景色为蓝色。::selection只可以应用于少数的CSS属性：color, background, cursor,和outline。项目中有一个需求，弹窗里面嵌入iframe内容，弹窗可以拉伸，宽高可变。问题：拉伸弹窗的时候，iframe有时候会变成蓝色背景。解决：CSS3的选择器::selection。

2024-08-08 15:25:20 327