- 博客(261)
- 资源 (5)
- 收藏
- 关注
RSS订阅
原创 雅俗共赏-许嵩(杂言)
雅俗共赏-许嵩是否每一部戏都看得完整场是否每一天过得都有多难忘表情迟钝可能因为比较爱想不擅长眉目表达总在盼望 总在失望日子还不都这样俗的无畏 雅的轻狂还不都是一副臭皮囊他们说快写一首情歌雅俗共赏落笔传神还要容易传唱上得厅堂也下得厨房就像我一直在找的姑娘快写一首情歌雅俗共赏打完字谜还要接着打榜如果胡同弄堂全都播放气韵里居然添了些孤芳自赏是否每一场美梦醒来都很爽是...
2020-04-25 21:02:45
601
原创 wangEditor在弹窗中的销毁注意事项，报错Error: Cannot resolve a Slate range from DOM rang
摘要：el-dialog中使用wangEditor二次打开报错解决方案。主要因弹窗关闭后DOM销毁但编辑器实例未清理，导致Slate选区状态与DOM不匹配。需在取消事件中销毁editor实例，同时用v-if包裹Toolbar和Editor组件，确保完全清理组件残留。关键代码包括销毁逻辑和DOM结构控制。
2025-11-06 14:29:41
221
原创 css实现表格中最后一列固定
本文介绍了使用CSS的position: sticky属性实现表格固定列的方法。通过设置最后一列的定位为sticky并指定right:0，可以让该列在水平滚动时保持固定。代码示例展示了如何创建带固定列的表格，包括设置表格容器、单元格样式，以及确保固定列在最上层显示。这种方法兼容大多数现代浏览器，是实现表格固定列的简洁有效方案。
2025-10-12 17:22:09
441
原创 表格td_th宽度设置失效？这篇文章讲透原因与解法
摘要：表格单元格宽度设置失效是前端开发常见问题，主要由于表格默认采用table-layout: auto布局模式，使内容优先于宽度设置。文章分析了三种解决方案：1）使用table-layout: fixed强制固定布局；2）在单元格内嵌套<div>利用块级元素特性约束内容；3）结合min-width/max-width设置弹性宽度范围。同时指出了常见错误如忽略表格宽度设置、盒模型计算等。最后总结了不同方案的适用场景，帮助开发者根据实际需求选择最优解决方案，实现精准的表格布局控制。
2025-09-22 17:54:27
836
原创 vant 弹窗中的输入框无法自动获取焦点的解决方案
摘要 在Vant Dialog弹窗中实现输入框自动获取焦点遇到问题。常规方法如autofocus属性无效，直接在nextTick中获取元素调用focus()也不生效。最终解决方案是添加500毫秒延迟，在nextTick回调中使用setTimeout定位输入框元素并调用focus()方法，成功实现自动聚焦功能。该方案通过异步延迟确保DOM完全渲染后执行聚焦操作。
2025-09-19 11:25:56
226
原创 使用nvm安装node后，vscode突然报错：无法将“node”项识别为 cmdlet、函数、脚本文件或可运行程序的名称
重启vscode，对，就是重新加载，很神奇。
2025-09-05 16:03:27
294
原创 powershell 中 中文乱码
摘要（149字） 运行程序时出现中文乱码现象，主要原因是控制台编码设置不当。解决方法有两种：一是避免在文件地址中使用中文等易产生乱码的字符；二是通过输入chcp 65001命令，将控制台编码设置为UTF-8后再运行程序。该命令能有效解决控制台显示中文乱码的问题，确保程序中的中文字符正确显示。两种方法可根据实际情况选择使用或组合使用。
2025-09-04 14:28:44
411
原创 vant Overlay 遮罩层内元素无法滚动解决方案
使用vant的Overlay 遮罩层组件，内部的元素就算设置了溢出隐藏，也无法触摸滚动，但可以鼠标滚动在电脑上。
2025-08-29 20:30:05
149
原创 小米浏览器overflow不能左右滑动
摘要：网页设置了overflow:scroll后，在vivo手机上可正常滑动，但在小米手机上只能上下滑动。原因是与小米浏览器的左右滑动手势冲突。解决方法为：进入浏览器设置→网页浏览设置→将"左右滑屏手势"改为"无操作"，退出并重新打开浏览器即可解决。
2025-07-23 16:28:51
271
原创 vs code 输入log不稳定出现代码块；控制代码块显示在提示最上方
摘要 在VS Code中输入"log"快捷词时，会出现不稳定的代码建议和代码块两种显示方式。要解决这个问题，只需在设置中搜索"editor.snippetSuggestions"，将其值改为"top"，这样就能确保代码片段始终优先显示在最上方，避免不稳定的切换问题。
2025-07-23 10:29:02
218
原创 js请求避免缓存的三种方式
本文介绍了3种绕过浏览器缓存获取最新资源的方法：1）在URL添加随机参数（如时间戳）强制刷新；2）设置Cache-Control/Pragma请求头禁用缓存；3）服务器配置响应头彻底禁止缓存。其中URL添加随机参数是最简单有效的方式，而服务器端配置是最彻底的解决方案。作者建议根据实际场景选择单一或组合方案使用，尤其推荐优先采用URL参数法，若条件允许可结合服务器配置实现最可靠的缓存控制。（150字）
2025-07-04 14:52:40
432
原创 在 Vite 中将资源引入为字符串
摘要：Vite的?raw后缀功能提供了一种便捷方式，将非JS资源（如GLSL着色器、HTML/CSS片段、配置文件）作为字符串导入。通过简单配置即可支持自定义文件类型，并可在TypeScript项目中获得类型提示。使用时需注意资源体积、生产环境优化和插件兼容性问题。这一特性简化了资源管理，提升了WebGL开发、动态内容生成等场景的开发效率，是Vite项目中处理非模块化资源的实用工具。(150字)
2025-07-03 09:17:55
739
原创 vite项目中引入tailwindcss，难倒AI的操作
本文介绍了在Vite项目中配置Tailwind CSS的完整流程：1) 创建Vite项目；2) 安装Tailwind及其Vite插件；3) 配置Vite插件；4) 导入Tailwind CSS；5) 启动开发服务器；6) 在HTML中使用Tailwind类。文章同时提醒开发者不要过度依赖AI工具，因其可能提供过时的配置信息，建议参考可靠的技术博客解决问题。作者分享了实际配置过程中遇到的报错问题，最终通过查阅其他技术文章得以解决。
2025-07-01 20:37:26
406
原创 Windows 下端口占用排查与释放全攻略
本文详细介绍了Windows下排查与释放被占用端口的完整流程。首先需要以管理员身份运行命令提示符，然后通过四个核心步骤：1)使用netstat -ano查看所有端口信息；2)用findstr筛选特定端口获取PID；3)通过tasklist查询对应进程名称；4)用taskkill或任务管理器结束进程。文章提供了实用命令速查表，并强调了注意事项，如避免误杀系统进程等。这套方法可快速解决开发中常见的端口冲突问题，推荐使用非系统端口并养成关闭闲置进程的习惯来预防问题发生。
2025-06-07 10:18:42
2158
原创 Vue中van-stepper与input值不同步问题及解决方案
摘要：使用Vant UI的van-stepper与原生input绑定时出现值不同步问题。分析发现是第三方组件响应式更新机制导致的DOM渲染滞后。解决方案包括：1) 监听@change事件获取最新值；2) 使用nextTick确保异步更新；3) 为input添加:key强制重渲染。通过组合事件监听、异步更新和强制渲染机制，以最小代码改动解决了组件间数据同步问题。
2025-05-27 17:16:27
923
原创 关于react19版本更新后部分组件无法正常使用的问题
我们在使用像是提示、弹窗等静态方法时，会报错；这是由于 React 19 调整了 react-dom 的导出方式，导致无法直接使用 ReactDOM.render 方法。
2025-04-30 09:09:34
1026
原创 微信支付报错：无法将 JSON 输入源“/body/total_amount”映射到目标字段“转账总金额”中，此字段需要一个合法的 64 位有符号整数
round() 函数可对浮点数进行四舍五入操作，能把结果保留到指定的小数位数。round() 函数适用于需要四舍五入的场景。number_format() 函数适用于将结果格式化为特定字符串形式的场景。先转换为整数再计算的方法适用于对精度要求极高，且可以在计算前进行整数转换的场景。
2025-04-13 16:08:33
976
原创 fastadmin控制某一个接口api不记录日志
因项目中有定时请求的情况，导致几百人就一个月能产生快20G的日志大小，如果后续人员过多，服务器成本有点大，故进行拦截不记录。
2025-04-03 10:06:24
395
原创 vue的KeepAlive应用（针对全部页面及单一页面进行缓存）
KeepAlive的作用是缓存包裹在其中的动态切换组件当一个组件在 中被切换时，它的 activated 和 deactivated 生命周期钩子将被调用，用来替代 mounted 和 unmounted。这适用于 的直接子节点及其所有子孙节点。
2025-01-10 14:26:10
616
1原创 el-tree的使用及控制全选、反选、获取选中
/ 方法一：获取key，此方法必须设置属性node-key!思路：获取全部的key，也就是id，然后通过赋值的操作来实现效果。// 获取所以的id，如果有一维数组，则直接循环获取即可。// 3. 将第一步获取的key节点设置为取消。通过获取tree组件，操作方法进行获取。// 返回被选中的key，也就是id。// 1. 获取当前选中的key。// 方法二：获取节点node。// 用于判断是全选还是取消。// 返回被选中的对象。// 2. 全部选中。
2024-11-27 15:30:06
1806
原创 微信公众号uniapp开发报错wx.config not is a function
uniapp中需要对于wx.开头的API进行兼容，所以就不能直接使用wx.
2024-11-25 19:43:36
1141
原创 vue上传图片或其他类型文件示例代码
不论是使用原生input还是使用组件库中的上传组件，最核心的都是拿到`file`对象，然后将其`append`到`formData`中，最后进行上传
2024-11-11 09:44:56
1141
原创 陋室铭(刘禹锡)
山不在高，有仙则名。水不在深，有龙则灵。斯是陋室，惟吾德馨。苔痕上阶绿，草色入帘青。谈笑有鸿儒，往来无白丁。可以调素琴，阅金经。无丝竹之乱耳，无案牍之劳形。南阳诸葛庐，西蜀子云亭。孔子云：“何陋之有？
2024-10-24 14:46:28
233
原创 textarea跟随内容自动调整高度
通过监听的 input 事件，当用户输入内容时，先将其高度设置为auto，然后再设置为其，这样就可以实现随着内容的增加自动调整高度。这种方法可以确保的高度始终适应其内容，避免出现滚动条或内容被截断的情况。同时，通过设置和，可以防止用户手动调整的大小和出现滚动条。
2024-10-14 17:30:36
2323
原创 JavaScript 中的 atob 和 btoa 函数详解，js base64编码解码
Base64 编码是一种将二进制数据转换为 ASCII 字符串的编码方式。它使用 64 个可打印字符（包括大写字母、小写字母、数字、加号、斜杠以及等号）来表示二进制数据。Base64 编码常用于在网络传输中对二进制数据进行编码，以便能够在文本环境中安全地传输。例如，在电子邮件中发送附件、在网页中嵌入图像等场景中，Base64 编码都被广泛应用。btoa()函数用于将一个字符串转换为 Base64 编码的字符串。它的名称来源于“binary to ASCII”，即从二进制到 ASCII 编码。atob()
2024-09-05 09:52:02
2694
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人