- 博客(47)
- 收藏
- 关注
RSS订阅
原创 微信公众号uniappH5项目使用微信JS-SDK和腾讯地图获取并解析用户地理位置信息
微信公众号使用微信JS-SDK和腾讯地图获取用户地理位置
2024-02-20 09:43:48
4592
原创 antDesign中a-select组件多选时显示样式修改
摘要：本文介绍了如何修改Ant Design的a-select多选组件样式，将默认的下拉选框改为横向排列并添加底部滚动条。通过CSS样式重写，主要调整了选择项的排列方式（flex布局）、容器高度限制（max-height:30px）和水平滚动条样式（::-webkit-scrollbar相关属性）。代码示例展示了如何为特定ID（#aSelect）的select组件定制样式，包括选项项的边距、行高等细节调整，同时确保不影响其他select组件的默认样式。
2025-12-17 11:04:53
267
原创 a-date-picker日期回显功能
摘要：记录ant-design表单日期回显问题，后端传参到前端后需要格式化处理。通过a-date-picker组件绑定startForm.startTime字段，设置YYYY-MM-DD HH:mm:ss格式。使用change事件startTimeChange方法处理日期转换，将格式化后的dateString赋值给表单字段，解决日期回显问题。
2025-12-17 11:04:22
176
原创 input输入框无法输入数字（JS）
摘要：Vue2项目更新后出现输入框无法输入数字的问题，排查发现新增了禁用右键菜单的代码（keydown事件阻止默认行为），导致数字输入被拦截。注释该代码后问题解决。
2025-09-29 15:23:41
205
原创 i9-14900K与酷睿Ultra 7 265K综合分析
在《赛博朋克2077》4K分辨率下，i9-14900K搭配RTX 4090时平均帧率142fps，Ultra 7 265K为138fps，差距仅2.8%。Premiere Pro 4K视频导出测试中，i9-14900K耗时3分20秒，Ultra 7 265K耗时3分35秒，i9-14900K快7%。：i9-14900K的32线程在渲染、视频导出等并行任务中更具优势，但Ultra 7 265K的能效比更高。：Ultra 7 265K采用3nm工艺，相比i9-14900K的10nm工艺，能效比提升显著。
2025-09-29 15:20:03
2997
原创 图吧之E3神教电脑配置分析
500元预算游戏主机推荐：采用E3-1230V2四核处理器+B75主板+RX580显卡核心配置，搭配16G内存和120G固态+500G机械硬盘组合。该方案在1080P分辨率下可流畅运行主流游戏，性价比较高，总价约530元，适合预算有限的游戏玩家选择。
2025-08-21 10:34:33
880
原创 http访问https问题解决：chrome浏览器允许跨域功能
一般解决方法是设置代理，但有些情况 不好改允许跨域，此时可以chrome浏览器禁用跨域功能，这样就可以访问了。需求：在开发中，我们常常遇到：内网、外网不互通，异地等跨域问题。
2025-08-21 10:28:51
878
原创 HTTPS不完全指北？
HTTPS 是一种通过计算机网络进行安全通信的传输协议。数据机密性：使用加密算法（如 AES）确保传输内容不会被窃听。数据完整性：通过消息认证码（MAC）确保内容在传输中未被篡改。身份认证：借助数字证书（如 X.509 证书）来验证服务器的身份，防止中间人攻击和钓鱼网站。
2025-08-14 10:19:19
805
原创 15代酷睿 英特尔 Ultra 7 265K 简评
英特尔酷睿Ultra7265K处理器采用全新ArrowLake架构，配备8性能核+12能效核（20线程），主频3.9-5.5GHz，支持DDR5内存和PCIe5.0。性能方面，多核得分16414，单核903，游戏性能比12700K提升20%，核显接近1050Ti水平，视频剪辑表现出色。虽然存在仅支持DDR5、可能"二代而亡"等缺点，但凭借出色的能耗比（温度控制在85℃）、持续优化的游戏性能（BIOS更新提升15%）和降价至2000元左右的性价比，成为兼顾游戏与创作的中高端选择。
2025-07-30 17:11:41
5501
原创 前端日期处理，为什么不要用 Date 构造函数？
在 JavaScript 的世界里，时间与日期处理是一个绕不开的话题。从显示文章发布时间，到计算活动倒计时，再到处理复杂的时区转换，我们总会与日期打交道。而 JS 的内置Date对象，似乎是理所当然的第一选择。然而，如果我们曾被“日期总是差一天”、“本地和服务器时间对不上”、“月份为什么从0开始”等问题折磨过，那么我们可能已经体会到了原生Date对象的“险恶”。Date。
2025-07-30 17:10:21
1042
原创 VUE中去除空格（数组内字符串）
摘要：文章介绍了两种去除空格的方法。在JavaScript中，通过遍历数组对象，使用trim()方法去除每个属性值的首尾空格。在Vue框架中，直接在a-input组件上使用v-model.trim修饰符即可自动去除输入值的空格。两种方法分别适用于后端数据处理和前端表单输入场景，简洁有效地解决了字符串空格问题。
2025-07-02 15:15:57
487
原创 酷睿i9-12900K和i9-12900KS区别
英特尔i9-12900K与12900KS处理器对比：后者性能核频率更高（5.5GHz vs 5.2GHz），但TDP提升至150W，需更强散热系统。12900KS超频能力更优但价格更高，且已进入停产流程（2025年停售）。两者均配备UHD770核显，能流畅运行主流网游。对多数用户而言，12900K更具性价比，而追求极致性能的用户可选择12900KS。
2025-07-02 15:09:54
1391
原创 10 行 JavaScript 代码，实现图片懒加载
现代浏览器懒加载实现：IntersectionObserver API 传统的懒加载需要监听滚动事件并进行复杂计算，影响性能。现代浏览器提供的IntersectionObserver API能高效检测元素进入视口，仅需10行代码即可实现懒加载： HTML 结构：图片URL存储在data-src，src指向占位符。 JavaScript 核心：创建IntersectionObserver，当元素进入视口时，将data-src赋值给src，并停止观察已加载图片。 优化：通过rootMargin实现预加载
2025-06-20 15:56:10
459
原创 let、const、var 区别解析
JavaScript变量声明方式对比：let、const、var各有特点。let和const具有块级作用域、存在暂时性死区，let可重新赋值而const不可；var则是函数作用域，存在变量提升。let适用于循环变量等场景，const适合常量，var主要用于旧代码。从安全性看，let/const更优，能避免作用域污染；内存管理方面，let/const的块级作用域更利于内存释放；代码可维护性上，let/const也明显优于var。现代开发推荐优先使用const，其次let，避免使用var。
2025-06-20 15:54:35
206
原创 for...in 循环深度解析
在JavaScript开发中，for...in循环是一个常见的语法结构，但它在遍历数组时存在很多潜在问题。这些问题如果不加以注意，可能导致意想不到的bug和性能问题。
2025-06-13 14:13:51
491
原创 vue后台管理项目菜单栏点击后错误展开和收起
摘要 父菜单点击子菜单后收起的问题，是由于菜单路由中存在重复的path和name配置导致的。解决方法是为每个路由项的path和name属性添加统一的标识前缀，确保其唯一性。例如可将"/child1"改为"/parent/child1"，这样就能避免路由冲突，确保父子菜单的正常展开状态。该方法简单有效，只需调整路由配置即可解决菜单异常收起问题。
2025-06-13 11:50:42
217
转载 蓝戟 B580 Photon 12G OC 显卡评测：设计美学依旧，游戏体验焕新
蓝戟发布锐炫B580系列显卡新品，其中旗舰款B580Photon12GOC采用220W功耗设计，配备12GB显存，核心频率预超频至2850MHz。IT之家评测显示，该显卡在2K分辨率下性能超越RTX4060约37.9%，待机功耗优化至6-15W，温度控制在62℃。外观上采用白色涂装和复古未来主义设计，配备双8pin供电和定制RGB灯效。首发定价2269元，定位2K游戏市场，展现蓝戟作为Intel核心合作伙伴的产品实力。（150字）
2025-06-13 11:41:13
1594
原创 antDesignVue中a-upload上传组件的使用
摘要：文章介绍了上传附件组件的配置方法。1.使用showUploadList属性控制删除和下载图标显示；2.通过defaultFileList实现文件回显功能，需将后端数据转换为标准格式（包含uid、name、status、url等字段）；3.提供了可拖拽上传的组件代码示例，包含上传地址设置和change事件处理。关键点包括：数据格式转换、上传参数配置和事件回调处理。
2025-05-30 14:23:29
1270
原创 ES5时代的残党（被ES6淘汰的JS写法）
摘要：随着ES6的发布，JavaScript已进入现代化时代，但不少开发者仍在使用ES5的老旧写法。本文对比了8种常见的ES5写法及其现代替代方案，包括：var声明改用let/const；回调地狱改用Promise/async-await；函数声明改用箭头函数；arguments改用剩余参数；原型继承改用类语法；字符串拼接改用模板字符串；手动复制改用展开运算符；for循环改用数组方法。这些现代写法使代码更简洁、安全且易维护，建议开发者及时更新编码实践。
2025-05-30 14:12:34
1124
1
原创 JS错误处理的新方案 （不使用try-catch）
错误处理一直是JavaScript开发者需要认真对待的问题，传统的try-catch语法虽然简单直观，但在异步代码中使用时存在诸多限制。
2025-04-28 17:23:54
412
原创 前端截取url内参数失败原因
一个前端项目需要实现扫码看图功能，需要前端截取url中参数，但是访问后url链接会自动加密，排查后发现，项目对url进行了加密
2025-04-28 17:22:37
340
原创 浅拷贝与深拷贝区别
浅拷贝是按位拷贝对象，它会创建一个新对象，这个对象有着原始对象属性值的一份精确拷贝。如果属性是内存地址（引用类型），拷贝的就是内存地址 ，因此如果其中一个对象改变了这个地址，就会影响到另一个对象。浅拷贝只复制指向某个对象的指针，而不复制对象本身，新旧对象还是共享同一块内存。但深拷贝会另外创造一个一模一样的对象，新对象跟原对象不共享内存，修改新对象不会改到原对象。当我们把一个对象赋值给一个新的变量时（使用=等于号），赋的其实是该对象的在栈中的地址，而不是堆中的数据。空间的内容，因此，两个对象是联动的。
2025-04-25 16:39:31
487
原创 vue2实现Blod文件流下载
封装的接口要加响应类型 responseType: "blob" 要求返回blod类型数据。动态创建一个a标签，模拟点击打开链接，实现下载。
2025-04-25 16:34:44
699
2
原创 在uniapp中实现页面的视频预览功能
在微信公众号项目中实现视频文件的预览功能主要使用video组件，具体属性详情可查看uniapp官网。
2024-07-22 08:53:40
4085
1
原创 十二代 i7-12700 和 i5-12600K 参数对比
更适合需要更多线程和核心的应用，如专业创作和多任务处理。它在多线程性能方面比 Core i5-12600K 更强。提供了较高的性价比，并且由于其较高的TDP可能在超频或高负载情况下表现更好。它在游戏和日常计算任务中表现非常出色。在选择时，如果预算允许并且需要处理更多复杂任务，Core i7-12700 是更好的选择；而如果预算有限且主要关注游戏和一般计算任务，Core i5-12600K 提供了很好的性能和价值平衡。
2024-07-11 09:09:03
9878
原创 记录ant-design2.0升级至3.0所遇到的bug，TypeError: Cannot read properties of null (reading ‘0‘)
这种报错大部分与dom的挂载与卸载相关，需要对v-if隐藏元素原理理解，同时所引用组件如弹框关闭后，弹框内部dom元素也需要一并卸载或销毁，否则在页面机构复杂时很容易出现此类报错。
2024-05-31 18:02:34
746
1
原创 TypeError: Cannot read properties of null (reading ‘emitsOptions‘)，ant3中a-table中遇到的bug
默认弹框是关闭的，DOM中没有弹框中的内容。打开弹框再关闭后，弹框中的 DOM 元素没有被销毁，可能会因为不该存在的 DOM 元素而报错（我的报错就是由此导致）。在 v-if 值为 false 时，如果操作了 v-if 控制的 DOM，可能会因为该 DOM 元素不存在而报错。剩下的就是耐心排查了。
2024-05-31 18:02:03
2529
原创 HarmonyOs预览报错[webpack-cli] SyntaxError: Unexpected end of JSON input
【代码】HarmonyOs预览报错[webpack-cli] SyntaxError: Unexpected end of JSON input。
2024-05-17 17:08:57
419
原创 Ant Design Vue（版本2.2.8） 中a-tree组件自定义使用方法
确定目标实现一个自定义的附件树结构，从ant中引入对应组件官方的长这样，官方的data数据是直接写的，感觉不方便开发者理解我的目标我选用了a-directory-tree组件较于a-tree多了头部的的文件图标，listData是后端返回树形结构数据，replaceFields ：{children:'children', title:'title', key:'key' } 可根据自己数据自定义相应参数名show-icon>
2024-05-17 17:08:16
1583
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人