- 博客(116)
- 问答 (1)
- 收藏
- 关注
RSS订阅原创 当别人喊“前端已死”时，聪明的人已经在做这 5 件事
摘要：关于"前端已死"的讨论持续发酵，但真相是行业正在升级而非消亡。文章指出，被AI取代的只是模板化、低价值的前端工作，真正优秀的前端工程师正通过五个关键策略保持竞争力：1)将AI转化为生产力工具；2)突破页面实现的局限；3)强化工程能力；4)深入理解业务全链路；5)完成从"写代码"到"解决问题"的身份升级。行业淘汰的不是职业本身，而是那些固守旧模式、不愿升级的从业者。在更挑剔的新时代，前端工程师需要通过技术深度和业务广度的双重提升来构建不可替代性
2025-12-25 10:47:02
432
原创 Qwen Code 使用教程：从安装到进阶实战（超详细）
维护大型仓库 / 老项目快速理解陌生代码库提升测试覆盖率工程化脚手架搭建重构 / 简化复杂模块经常使用命令行工作流的开发者如果你希望提高开发效率，减少重复性工作，并让 AI 真正理解你的代码，那么 Qwen Code 会成为你长期使用的开发工具。Qwen Code。
2025-12-09 08:41:22
1475
原创 Nginx 常用配置与优化指南（收藏级）
Nginx 配置与优化指南 本文介绍 Nginx 的常用配置模板和性能优化技巧，涵盖静态资源服务、反向代理、负载均衡、HTTPS、Gzip压缩等场景。提供基础配置结构解析，并给出安全性和稳定性建议，如隐藏版本号、请求限制等。还包含性能优化参数（worker进程、连接复用、缓存等）和常用调试命令，帮助用户快速部署和调优 Nginx 服务。适用于Web服务部署和日常运维场景。
2025-10-28 20:43:03
1076
原创 工作中常用的 Linux 命令速查（收藏级）
本文整理了程序员和运维工作中最常用的Linux命令，涵盖系统信息、文件操作、磁盘管理、进程服务、网络配置、压缩打包、权限管理等场景。通过表格形式展示命令功能与示例，如ls -lh查看文件详情、ps -ef | grep nginx查找进程、tar -czf打包压缩等。特别推荐组合命令（如查找大文件、统计日志行数）和高效替代工具（如htop替代top）。文章强调危险操作需谨慎（如rm -rf），并鼓励读者补充常用命令，可作为日常速查手册使用。文末还推荐了ncdu、ripgrep等增强型工具提升效率。
2025-10-28 20:34:52
522
原创 Git 中那些隐蔽又致命的坑（踩坑总结）
坑位典型症状解决方案文件大小写不生效Linux 构建报错.gitignore不生效文件仍被追踪CRLF 问题语法错误、diff 脏设置错分支开发合并混乱用户信息错误提交者混乱。
2025-10-17 11:34:28
822
原创 CSS 一行流：前端人都该知道的 25 个样式魔法
CSS 真正的魅力，从来不在于“属性多”，而在于它能用极简的方式创造极强的视觉冲击。这些“一行流”技巧，可能看起来微不足道，但当你在项目中熟练组合使用时，你就会发现——👉真正的高手，从不多写一行 CSS。💬 你最常用的一行 CSS 魔法是哪一个？欢迎在评论区留言补充，让更多人受益！如果觉得本文有帮助，请。
2025-10-16 20:34:58
939
原创 30 个让你“更像资深开发”的 JavaScript 一行流技巧
30个提升开发效率的JavaScript一行代码技巧，包括：读取Cookie、RGB转Hex、复制到剪贴板、数组去重、解析URL参数、防抖节流、随机颜色等实用方法。这些技巧能简化代码、提高效率，但需注意可读性与实用性平衡。文章强调简洁代码的核心是让逻辑更直观而非炫技，最后邀请读者分享常用的一行代码技巧。
2025-10-16 20:32:18
329
原创 浏览器存储全解析：从 Cookie 到 IndexedDB，一文搞懂最佳实践！
在现代Web开发中，“数据存储”几乎无处不在。无论是用户登录状态、页面主题设置、购物车缓存，还是离线数据同步，都离不开**浏览器存储（Web Storage）**机制的支持。然而，大多数开发者对它的理解还停留在的层面。实际上，浏览器存储体系早已演化出多种机制，每种都有不同的性能、容量、作用域和应用场景。这篇文章带你系统了解浏览器存储的五大方式，并附上性能对比与优化实战技巧。浏览器存储早已不是“localStorage 一把梭”的时代。
2025-10-15 19:56:26
608
原创 JavaScript异步新思路：摆脱 await，性能竟然飙升80%！
本文探讨JavaScript异步编程的性能优化策略，指出async/await虽然易读但在高并发场景存在性能瓶颈。通过分析Promise链式调用、Promise.all并行处理、批量异步处理和Promise池化四种优化方案，对比了不同场景下的性能提升效果（25%-80%）。文章建议：简单场景用async/await保证可读性，性能敏感场景采用Promise优化技术，高并发场景使用Promise池控制流量。最后强调根据实际需求在代码可读性和性能之间取得平衡。
2025-10-15 19:49:40
817
原创 为什么越来越多的 JavaScript 规范建议“不要用 else”？
现代JavaScript开发中，else语句正逐渐被更简洁的编码方式取代。传统if...else嵌套会增加认知负担，而"卫语句"模式通过提前返回使代码更扁平清晰。这种风格提倡：减少嵌套、利用数据结构替代条件分支、多用表达式而非语句。但并非完全禁用else，关键在于代码的可读性。重构后的代码更符合现代JS的数据驱动思想，使逻辑更直观、维护更轻松。从"能运行"到"易读懂"的转变，是开发者成熟度的体现，最终目标是写出对人更友好的代码。
2025-10-10 16:03:57
746
原创 阿里两年开源 357 个 AI 模型：不是慈善，而是下一盘颠覆时代的大棋
吴泳铭的那句话，可能点明了阿里真正的野心：“AI 不是用来秀肌肉的，而是用来解决问题的。ASI 还很遥远，但阿里已经提前在铺路。这条路上，不仅有企业竞争，更有生态博弈。但可以确定的是——未来的 AI，不再是少数巨头的专利，而会是所有开发者的生产力工具。也许这，才是阿里开源 357 个模型的真正意义。💡后记AI 的未来，不是闭门造车，而是开放共建。正如移动互联网的繁荣来自开源生态，AI 的爆发也将属于那些敢于开放、敢于共享的企业和开发者。阅读原文。
2025-10-09 14:07:44
424
原创 前端文件操作之【导出篇】
本文介绍了前端常见的文件导出方式，包括CSV、Excel、图片、PDF以及JSON/XML五种格式。针对不同场景推荐相应方案：CSV适合简单报表，Excel适用于专业数据报表，图片导出适合可视化图表，PDF适用于正式文档，JSON/XML则用于系统数据交互。文章通过代码示例演示了每种导出的实现方法，并指出这是前端文件操作系列的最后一部分，为进阶内容如大文件处理等做了预告。
2025-10-01 07:30:00
393
原创 前端文件操作之【上传篇】
前端文件上传方式解析：从基础表单提交到高级分片上传。传统方式用 <input type="file"> 简单但会刷新页面；FormData + Fetch 实现异步上传；拖拽提升用户体验；Base64 适合小文件但体积增大；大文件推荐分片上传支持断点续传。根据场景选择：小文件用表单/FormData，追求体验用拖拽，大文件需分片上传。下期将探讨数据导出为文件的方法。
2025-09-30 09:01:20
551
原创 前端文件操作之【下载篇】
静态文件→后端生成文件→带认证/跨域/前端生成数据掌握这三类方法，就能覆盖大部分下载场景。👉 下一篇我们将深入探讨上传篇：从表单上传到分片上传，全面解析文件上传的各种姿势。
2025-09-30 09:00:13
352
原创 15 个 JavaScript 简写神技，提效 60%！
本文分享了16个实用的JavaScript简写技巧，帮助开发者写出更简洁高效的代码，包括三元运算符、空值合并运算符、可选链操作符、数组去重、对象合并等常见场景的优化写法。这些技巧能减少冗余代码，提升开发效率，同时保持代码逻辑清晰。掌握这些方法可以让代码更优雅，开发效率提升60%以上。
2025-09-29 10:23:39
387
原创 Vue3 新指令 v-memo：性能优化的新利器
Vue3引入的v-memo指令为性能优化提供了新思路：通过依赖数组有条件跳过组件更新，特别适合大规模列表渲染场景。相比v-if/v-show关注"是否渲染"，v-memo专注"是否更新"，能将列表更新复杂度从O(n)降至O(1)。v-once本质上是v-memo依赖数组为空时的特例。作为现代前端性能优化的利器，v-memo在数据量庞大的实时应用中效果显著，解决了频繁更新带来的性能瓶颈问题。
2025-09-29 10:15:56
1154
原创 前端应用更新提示的优雅实现：如何让用户及时刷新页面？
本文探讨了现代Web应用在前端更新时如何优雅提示用户刷新页面的解决方案。分析了几种主流检测方式：主动轮询版本文件（简单但实时性差）、SSE推送（实时性高需后端支持）、WebSocket（适合已有WS连接的应用）。同时强调了良好更新提示UI设计的重要性，包括非打扰式提示、提供选项、展示变更信息等。最后根据实时性、实现难度等维度给出方案选择建议，指出应根据项目需求选择合适的方法，确保用户无感知地使用最新版本。
2025-06-20 13:30:29
772
原创 AI对话卡成PPT？90%开发者不知道的流式传输黑科技！
相信不少开发者在做 AI 产品时，都遇到过类似尴尬。用户点击发送，3 秒、5 秒过去，结果却还是个完整的 JSON 一次性返还。想象一下，你和 AI 就像在微信群里实时聊天，你发一句，它秒回一句，甚至可以中途打断、插话。“就像火锅店：WebStream 像漏勺捞菜，WebSocket 像喊服务员加汤。类比收音机，你发送一个请求，模型像说相声一样“边想边说”，你这边边听边展示。造成这种“明明有话说，却非要憋到底”的现象，很可能是你还没用上。流式传输不是新概念，但在 AI 应用爆发后，它成为了。
2025-06-17 09:19:52
837
原创 AI Copilot 是敌是友？教你正确使用 AI 写前端
在“人类 + AI”协作的时代，AI工具如GitHub Copilot、ChatGPT等正在改变编程方式，从“主动搜索”转向“对话式编程”。这种转变提升了模板代码的编写效率，但也可能弱化开发者对底层机制的思考。AI工具本身并无对错，关键在于如何使用。正确的方式是让AI处理重复性任务，作为思路引导和调试助手，而非完全依赖它生成复杂逻辑。开发者仍需掌握状态管理、组件复用、性能优化等核心技能。未来的程序员应成为“AI驯兽师”，主动引导AI，而非被其驯服。AI Copilot是朋友而非敌人，但开发者需具备批判性技术
2025-05-23 15:37:14
563
原创 程序员正在贬值？AI 时代，哪些能力才真正值钱？
程序员正在走向一个新阶段：从代码工匠转向技术引领者。你曾经最宝贵的技能是写代码，但将来最宝贵的，可能是你如何设计系统、驾驭数据、引领 AI。不要成为技术浪潮中的“被淘汰者”。让 AI 成为你的放大器、你的思维延伸，成为创造力的放大器，这才是最聪明的选择。未来的程序员，将不是更会写代码，而是更会整合技术改变世界的人。
2025-05-19 09:18:33
531
原创 用完 Redux 还是一团乱？React 全局状态优雅管理指南
React 本身只专注于视图层渲染，它并没有提供内置的全局状态解决方案（不像 Vue 内置了 reactive + provide/inject + Pinia）。❌ 父传子、子传孙，props 层层嵌套❌ Redux 配置复杂、样板代码多❌ Context 用多了逻辑混乱特性/工具ContextZustandJotai零依赖✅❌❌❌简单易学✅✅✅❌❌响应式粒度❌✅✅✅✅插件生态❌✅✅✅✅✅✅适合大型项目❌✅❌✅✅✅。
2025-05-16 07:00:00
746
原创 React 中的 Hooks 到底藏了多少魔法？别只会用 useState 了！
React Hooks 是 React 16.8 引入的新特性，允许函数组件拥有状态管理和生命周期能力，简化了代码并提高了逻辑复用性。文章深入解析了 Hooks 的核心机制与使用场景，帮助开发者写出结构清晰、逻辑分明的函数组件。常用 Hooks 包括 useState、useEffect、useMemo、useCallback、useContext 和 useRef，分别用于状态管理、副作用处理、计算属性、函数缓存、跨层通信和 DOM 操作。自定义 Hook 则进一步提升了逻辑复用性。文章还通过实战示例展示
2025-05-15 10:09:21
794
原创 程序员必看！HTTP状态码终极指南，告别请求失败懵圈
掌握HTTP状态码如同拥有诊断网络通信的“听诊器”。通过合理使用状态码，开发者可以构建更健壮的API系统，运维人员能快速定位故障。建议结合工具（如Chrome开发者工具、Postman）实时观察请求响应，加深对状态码的理解。
2025-04-18 10:46:07
1328
原创 记一次被 el-table 树形懒加载坑惨了的填坑实录（Vue3 + Element Plus）
当我把这个方案提交后，产品经理看着丝般顺滑的更新效果，终于放下了他 40 米长的需求大刀。而我在深夜的办公室，默默删掉了准备提交的离职申请…这个内部状态对象掌控着懒加载节点的生杀大权，而 Element Plus 并没有给我们暴露一个合适的 API 来精细化管理它。“咱们那个任务管理系统啊，父任务下要支持无限层级子任务，用户说操作完经常要手动刷新才能看到变化…我表面笑嘻嘻点开 Element Plus 文档，内心 OS：不就是个树形表格懒加载吗？这时候，我意识到得自己动手封装一个合理的缓存管理方案。
2025-02-28 11:01:55
1520
1
原创 AI编程工具深度测评：2025年，哪款大模型能真正替代程序员？
2025年，全球AI大模型市场规模预计突破700亿元，其中编程辅助工具成为增长最快的细分领域之一。一项调研显示，51.5%的程序员每周使用AI工具超过4次，但仍有67%的人认为生成代码需人工深度干预。本文通过实测与行业洞察，解析主流AI编程工具的优劣，并探讨其替代程序员的真实潜力。优势：在生成数据库操作代码时，自动添加事务回滚与连接池管理，专业性更强。短板：多轮对话生成代码时易偏离需求，需频繁调整提示词。：代码简洁但缺少异常处理与分页逻辑，需人工补充。：修复一段存在内存泄漏的Java代码。
2025-02-26 17:04:30
2392
6
原创 前端监控系统从0到1：错误追踪+性能分析+源码埋点
评论区留下你被bug坑得最惨的一次经历，抽3位同学送前端调试神器大礼包！发现平均FCP要3秒？
2025-02-26 09:19:50
946
原创 手把手教你用Promise搭个请求收费站！再也不怕压垮服务器啦~
] 试试改成动态并发数（网速快时多开几个窗口）新手：“不就是批量下载嘛，for循环一把梭！[ ] 添加取消排队功能（"不想下了！我的小霸王服务器要冒烟了！（正经名字叫请求池）来安排得明明白白！👨💻 后端同事：“早该这么搞了！[ ] 做个炫酷的队列可视化界面。💥 Memory: 爆炸边缘。🚑 后端同事：正在提刀赶来…📉 Memory: 平稳波动。这时候就需要我们的——
2025-02-25 09:53:11
308
原创 DeepSeek：用更聪明的AI，解决更贵的大模型难题
当行业还在追逐千亿参数时，DeepSeek证明了另一个方向的可能性——通过架构创新，让AI既保持高智商，又拥有接地气的低成本。这或许预示着新趋势：2024年将成为"实用主义AI"的元年。现在就开始行动# 安装最新工具链# 启动你的第一个智能体deepseek demo --task "用Python分析股票数据"
2025-02-08 08:27:41
1110
原创 如何在Chrome浏览器中设置代理服务器？完整配置指南
掌握Chrome代理配置技能，可以显著提升工作效率和网络访问灵活性。建议开发者在本地搭建测试代理环境，推荐使用Squid或进行深度调试。
2025-02-07 08:34:23
9542
原创 「写一次，用千次！」——用 Vue3 的 useTemplate 解锁模板复用新姿势
在写 Vue 项目时，我们经常会遇到这样的场景：组件模板逻辑重复、动态渲染复杂、插槽难管理……是不是每次都想骂一句「为啥不能简单点？」别急，这篇文章带你解决这些痛点，用一个函数 ，轻松搞定模板复用，效率提升不止一点点。比如我们要渲染一组卡片，模板结构都是类似的，但每个卡片内容不一样。按传统写法，可能要重复写好多模板代码。看起来挺简单，但如果有 50 个卡片呢？不仅写起来累，后期改逻辑也麻烦。Vue 的插槽挺好用，但要复用一段复杂的插槽模板，每次都得手动塞内容，比如这样：用起来像这样：这就导致逻辑分散到
2024-11-19 13:28:49
1177
原创 前端开发必备！2024年最全工具和框架资源大汇总
前端技术栈庞大且不断发展，合理选择合适的框架、工具和库能够帮助开发者提高开发效率和代码质量。从构建工具到 UI 框架，再到常用的 JavaScript 库，每个工具和框架都有其独特的优势。希望这篇文章能够帮助你在日常开发中更好地选择前端资源，提高工作效率。
2024-11-14 16:09:16
1780
原创 深入 Vue.js 组件化开发：最佳实践与技巧
Vue 组件化开发的精髓在于保持代码的独立性和复用性。通过合理的组件设计、清晰的 Prop 和事件管理、灵活的插槽和动态组件等技术，我们可以极大地提升代码的维护性和开发效率。希望本文能帮助你在 Vue 的组件化开发中更加得心应手，创造出更简洁、高效的代码结构。
2024-11-06 10:50:46
1216
原创 什么是可维护的代码？
Zakas 提到，维护性代码的核心在于避免“混淆”。一旦代码难以理解或容易引起歧义，便会影响后续的维护和拓展。在开发中，我们不仅要关注代码的功能实现，还应优先考虑到代码是否会让其他人，甚至未来的自己感到困惑。
2024-11-06 10:44:07
504
原创 一文读懂 HTTP Cookies
例如，许多需要登录的网站会在用户登录后设置一个 cookie，只要这个 cookie 存在且有效，用户可以在站内自由导航。其实，cookies 本质上是非常重要的，尤其是在 Web 开发中，如果没有 cookies 或类似的替代品，许多我们熟知的网络应用将无法正常运作。是一个特殊的标志，最早由微软在 Internet Explorer 6 SP1 中引入，旨在防止 cookie 被 JavaScript 访问，提升安全性，避免跨站脚本攻击。默认情况下，cookie 的域为创建它的主机名。
2024-10-31 08:38:43
1289
原创 如何加速你的 JavaScript【Part 4】：减少 DOM 操作
减少 DOM 操作和优化重排是提升 JavaScript 性能的关键之一。通过使用文档片段、批量操作 DOM、缓存查询结果以及避免多次访问，可以大幅提高页面的响应速度。在开发过程中，保持对 DOM 交互的关注，并采用这些优化技术，可以有效避免性能瓶颈。至此，我们的“加速 JavaScript”系列到此结束。希望这些技巧能帮助你编写更加高效的代码！参考文章: Zakas, Nicholas C.
2024-10-29 09:34:54
1140
原创 如何加速你的 JavaScript【Part3】：优化递归算法
在 JavaScript 中，递归往往是造成脚本运行缓慢的罪魁祸首。过度的递归会导致浏览器陷入停滞，甚至出现意外退出。因此，递归是一个需要严肃对待的性能问题。在这个系列的中，我们简要介绍了如何通过 memoization（记忆化）技术来处理递归过多的情况。Memoization 是一种缓存已经计算过的结果，避免重复计算的技术。在递归函数中，memoization 可以极大地提升性能。我们在之前讨论的 memoizer 函数主要适用于返回整数的递归函数。
2024-10-25 08:38:45
735
原创 如何加速你的 JavaScript【Part2】：优化循环、递归与异步操作
无论有多少工具帮助分解复杂的过程，开发者仍需具备识别瓶颈的能力。无论是循环过多、递归过多，还是操作过多，都可以通过本文提到的技术来优化。但请记住，这些技术仅仅是起点，实际应用中需要根据场景对代码进行调整。参考文章: Zakas, Nicholas C.
2024-10-24 09:00:16
1232
原创 如何加速你的 JavaScript【Part1】：优化循环的执行
chunk函数只是一个起点，它展示了如何通过将大循环拆分为更小的任务来避免长时间脚本警告。你可以根据需求对它进行改进，比如添加回调函数，在所有元素处理完毕后执行特定操作。无论你是否修改该函数，它都提供了一种有效的模式，帮助优化数组处理，提升 JavaScript 的性能。通过在循环中应用类似的优化技巧，可以有效提升页面的响应速度，避免不必要的长时间脚本警告。随着应用的复杂度增加，这种优化手段在大型前端项目中尤其重要。参考文章。
2024-10-23 08:54:34
798
原创 快速掌握 Vue.js 项目中的前端编码规范：30 条实用指南
在前端开发中，统一的编码规范是提升项目可维护性和代码质量的关键。特别是在 Vue.js 项目中，一个清晰的编码规范能够帮助团队保持一致性，使项目更容易理解、维护和扩展。本篇文章将详细介绍 Vue.js 项目的编码规范，从命名规范到组件编写，帮助您构建高质量的前端代码库。
2024-10-17 09:31:05
718
超好用的插件，让你的浏览器瞬间开挂：CSDN·浏览器助手
2025-03-12
vscode-icons图标合集
2024-08-09
实现前端插件热插拔功能
2024-09-27
为什么部署以后文件上传接口不能用
2022-06-26
TA创建的收藏夹 TA关注的收藏夹
TA关注的人