- 博客(41)
- 收藏
- 关注
RSS订阅
原创 实战指南：网易云信NIM在医疗IM中的完整实现
本文基于医疗问诊场景，详细介绍了如何利用网易云信NIM实现微信小程序中的实时聊天功能。主要内容包括：1) 网易云信NIM的集成流程与初始化配置；2) 医疗IM系统的技术架构与数据流向；3) 前后端协同开发的关键节点；4) 消息生命周期管理的核心实现。文章重点讲解了NIM SDK在小程序中的实际应用，包括连接建立、消息收发、状态管理等关键技术点，并提供了医疗场景下的特殊处理方案，为开发者构建合规、稳定、高效的医疗即时通讯系统提供了完整指南。
2026-04-20 09:00:00
1578
原创 AI 工具更新太快我跟不上了，干脆把这些事一次搞明白
AI 资讯去哪看、Cursor/Trae 定位、Composer 到底是什么、"AI 自己上 GitHub 学项目" 行不行、云端 Agent vs 本地 Agent、按量扣费机制
2026-11-06 10:24:02
163
原创 聊聊能源数字化平台这几年踩过的坑和攒下的经验
本文回顾了能源数字化项目中“项目管理+架构+中间件+前端可视化”链路的实战经验。从客户接待流程中的产品思维，到PMI十问、KANO模型与MVP方法论，强调需求定义与系统化思考的重要性；架构演进则揭示单体到微服务的必然性与代价，结合Spring Cloud技术栈实践，展现复杂系统设计的权衡之道。2026年视角下，AI辅助开发更凸显“问题定义”与“整合管理”的核心价值，技术链路的本质始终是：把事想清楚，再高效地做出来。
2026-10-21 14:38:53
339
原创 2026前端效率翻倍指南：桌面AI智能体全场景用法+免费
本文揭秘2026年前端高效工作流：通过TraeWork（编码）、WorkBuddy（文档处理）、DuMate（流程自动化）三大工具，实现需求拆解、设计转代码、类型定义、测试生成、周报撰写等全流程自动化，效率提升70%。核心方法论为“任务分层”——将重复劳动交予AI，保留决策权；搭配免费白嫖攻略与避坑指南，助力开发者专注核心价值。
2026-10-14 11:11:47
263
原创 AI时代程序员效率跃迁：从返工少到快人一步
本文聚焦AI时代程序员效率提升，核心观点：效率不在于手速，而在于减少返工。通过缩短反馈回路、减少上下文切换、自动化重复任务，结合设计先行、分层测试、热重载、CI优化等实践，显著提升开发质量与速度。重点强调后端“少踩坑”清单与AI辅助编程的正确用法——将AI作为执行代理，而非决策者，合理使用提示词工程与上下文管理，实现人机协同高效开发。
2026-09-23 08:45:00
507
原创 前端转全栈：一条清晰的实战路线
本文为初中级开发者量身定制的成长指南，涵盖2026年就业趋势、全栈进阶路线（地基→框架→架构→AI协作）、前端转全栈实操方案及Node.js学习路径。强调“学了就用”：从最小闭环项目起步，通过读源码、造轮子、复盘事故、输出倒逼输入提升能力。附实用小习惯与行动清单，核心建议：动手前想清楚、反馈要快、重复动作脚本化。真正竞争力来自持续迭代的工程思维，而非盲目堆框架。
2026-09-22 08:00:00
349
原创 解决SPA发版旧版本残留+动态路由打包失效的完整方案（附落地代码）
本文针对B端后台开发中的两大痛点——发版更新矛盾与动态路由打包失效，提出完整解决方案。通过静态资源内容哈希、入口文件禁缓存、增量部署保留旧资源等部署优化，结合前端版本轮询检测与柔性提示，实现无感更新；辅以资源加载失败自动刷新兜底机制，保障用户体验。动态路由方面，采用import.meta.glob预加载组件并构建路径映射表，避免Tree-shaking导致的组件丢失，实现权限配置与前端解耦，支持后端实时调整权限无需发版。方案兼顾稳定性、开发成本与用户体验，已在多项目落地验证。
2026-09-09 14:50:44
130
原创 MQTT.fx 完全指南：从物联网调试到前端 MQTT 联调实战
MQTT` `MQTT.fx` `物联网` `前端开发` `mqtt.js` `WebSocket` `EMQX` `IoT` `联调` `调试工具`
2026-08-29 09:00:00
798
原创 Vue 权限控制全攻略：按钮、菜单、角色，前后端配合的 N 种玩法
Vue 权限控制全攻略 本文系统介绍了 Vue 项目中实现权限控制的完整方案，包含三个核心层次： 路由权限 - 通过路由守卫和动态路由实现基础访问控制，确保用户无法直接访问无权限页面 菜单权限 - 提供两种实现方案：完全后端驱动（灵活性低但维护简单）和前端静态+后端过滤（灵活性高但需前后端约定） 按钮权限 - 通过自定义指令或组件封装实现细粒度控制 文章还详细对比了不同方案的优缺点，并提供了实际代码示例。特别强调权限控制应采用分层递进策略，从路由到菜单再到按钮，构建完整的权限防御体系。
2026-06-07 09:00:00
268
原创 Vue + MQTT 实时消息推送，前端开发必会的几种实战方案
Vue + MQTT 实时消息推送实战方案摘要 本文介绍了前端实现实时消息推送的MQTT解决方案。MQTT是一种轻量级发布/订阅协议，适用于物联网等场景，具有Topic分层、QoS保障、心跳保活等优势。文章提出前端直连Broker的方案，使用Paho.js库通过WebSocket连接，后端仅提供连接配置。核心代码包括连接工具函数（处理连接、订阅、断线重连）和管理类（单例模式管理多连接）。消息到达后通过Vuex分发到不同模块，实现告警通知、实时数据更新等功能。该方案避免了频繁轮询，提升了实时性和服务器性能。
2026-06-05 09:00:00
526
原创 AI编码工具终极指南：Copilot/Trae/Cursor全攻略+程序员生存法则
AI编码工具终极指南：Copilot/Trae/Cursor全攻略+程序员生存法则
2026-05-11 20:30:00
1349
原创 前端开发者必看！2026年AI编程工具全攻略：Token计费、选型对比、文档解析与高效开发指南
前端开发者必看！2026年AI编程工具全攻略：Token计费、选型对比、文档解析与高效开发指南
2026-04-26 09:00:00
998
原创 帮助前端开发者打破“只会写代码”的局限，利用AI实现降维打击
2026年前端开发：AI驱动的高效工作流 2026年的前端开发已从“写代码”转向“需求驱动”，AI工具正重塑工作流程。开发者不再局限于IDE补全，而是利用CLI工具（如Claude Code）实现自动化任务，通过Spec-Driven Development先制定需求文档再生成代码。上下文工程和多智能体协同成为关键：通过知识库喂养业务背景，Multi-Agent分工处理需求拆解、架构设计和测试。视觉优先的UI测试和本地化模型保障安全，而Markdown文档标准化助力AI协作。未来前端核心竞争力在于任务拆解与
2026-04-25 09:00:00
392
原创 前端新手必看！用AI写开发提示词的万能模板+实战技巧（超详细版）
摘要：前端开发AI提示词万能模板与实战技巧 本文为前端开发者提供了一套高效的AI提示词编写方法，通过5个核心要素和万能5步公式，帮助开发者精准获取可用代码。文章首先强调了提示词必须包含身份、需求、路径、参考和约束5个要素，随后给出可直接套用的模板公式："我是[身份]+技术栈，做[需求]，代码在[路径]，参考[示例]，约束[要求]"。 实战部分提供了6大场景的现成模板，包括页面开发、组件开发、接口对接等，每个模板都经过验证，确保AI输出代码可用率超90%。特别针对Vue2+Ant Desi
2026-04-24 09:00:00
1665
原创 AI驱动超级个体：开发者高效提效的Vibe Coding实战指南
摘要：本文分享了开发者如何借助AI实现效率爆炸式提升的实战经验。核心观点包括：1）AI时代开发者的核心竞争力转向顶层设计能力；2）Vibe Coding工作流通过人机协同，将开发周期压缩至十天；3）关键步骤包括精准选题、任务拆解、多Agent并行开发及严格代码评审；4）要避免过度依赖AI生成代码，重视前期调研和项目推广。作者指出，未来稀缺的是能驾驭AI快速实现创意的超级个体开发者，而非单纯编码者。
2026-04-23 09:17:06
466
原创 利用 Cursor AI 提升前端开发效率：项目规则、代理配置与实用工具指南
《CursorAI提升前端开发效率指南》重点介绍了如何利用CursorAI编辑器优化前端工作流程。文章详解了.cursorrules配置文件的自动生成方法，通过简单的Chat指令即可创建包含技术栈、代码风格等规范的项目规则。同时提供了代理配置的三种模式对比（规则/全局/直连模式），推荐日常使用规则+TUN组合方案。还分享了前端开发中的实用AI工具链，包括代码生成、Git工作流辅助和调试建议。文中特别强调0.49+版本的新特性可实现项目规范自动化管理，配合VibeCoding等工具能显著提升React/Vue
2026-04-22 14:22:12
761
原创 Vue2项目实战: 在线编辑器与拖拽排序的完整实现指南
本文介绍了在Vue2项目中实现在线富文本编辑器和拖拽排序功能的完整指南。通过对比主流编辑器，选择了轻量易用的wangEditor，详细展示了如何封装可复用的编辑器组件，包括配置图片上传、自定义工具栏和内容验证等功能。同时讲解了使用VueDraggable和SortableJS实现拖拽排序的方案，包括基本配置、事件处理和性能优化技巧。文章还分享了实际项目中的经验教训，如编辑器初始化时机、跨组件通信等常见问题的解决方案，为开发者提供了完整的实现参考。
2026-04-18 09:00:00
660
原创 从零到一：基于声网Agora的医疗视频问诊前端实战指南
本文详细介绍了如何基于声网Agora SDK开发医疗视频问诊小程序的前端实现。主要内容包括： 快速集成Agora SDK的核心代码示例 前后端协同开发的8个关键节点及API设计 视频布局管理的核心算法实现 组件化架构设计思路 生产环境中的最佳实践 文章通过真实项目案例，从零开始讲解了医疗视频问诊系统的完整开发流程，重点剖析了音视频通信、权限控制、状态管理等技术难点，并提供了可直接复用的代码片段。适合前端开发者和音视频技术初学者快速上手医疗行业的小程序开发。
2026-04-16 09:00:00
476
原创 从小白到高手：微信小程序医疗项目前端开发全攻略
想象一下，你正在开发一个能够连接医生和患者的医疗平台。实时建立高清视频通话同步展示医患双方的电子病历支持图文消息交流保证数据安全和隐私保护这就是我们今天要解析的项目——一个医疗在线问诊平台的微信小程序。它不仅仅是一个简单的应用，而是一个融合了即时通讯、音视频通话、医疗数据管理的复杂系统。核心功能亮点📱 视频问诊：支持1对1高清视频通话💬 图文咨询：实时消息收发，支持文字、图片、语音🏥 会诊功能：多医生协同会诊💊 药品订单：处方药购买和支付流程🔒 安全保障：医疗数据加密存储。
2026-04-15 09:00:00
442
原创 实战深度解析：医疗级前端三大核心模块（DICOM影像 + IM通讯 + 音视频）从原理到落地
本文深度解析医疗级前端三大核心模块：DICOM医学影像、IM即时通讯和HLS音视频播放。针对DICOM影像，详细介绍了Cornerstone生态圈的使用方法，包括初始化画布、加载图像、交互工具激活等完整步骤，并提供了常见问题解决方案。在IM即时通讯部分，阐述了网易云信SDK的架构设计，强调逻辑与UI解耦，分享了从SDK初始化到消息收发的完整流程。文章采用实战导向，包含大量代码示例和避坑指南，帮助前端开发者掌握复杂场景开发能力，从基础Vue使用进阶为全栈型人才。
2026-04-14 13:30:42
602
原创 2026——Cursor全攻略+AI编程/前端辅助工具汇总（含问题速解）
2026年前端开发，选对工具比埋头写代码更重要：Cursor适合快速开发、代码补全，解决日常开发需求；小龙虾桌面端适合自动化操作、复杂组件迁移，解放双手；AI模型优先选国产（Step 3.5 Flash、MiMo-V2-Pro），国内直接可用，速度快；Git用可视化工具，新手也能轻松搞定。
2026-04-10 12:02:33
2623
原创 前端开发AI工具全攻略：Cursor省Token+模型选择+免VPN工具+万能提示词
作为天天和代码打交道的前端，AI工具早就成了咱们的**效率外挂**，尤其是Cursor这款AI编辑器，用好了直接翻倍提速。但很多兄弟用的时候总踩坑：Token狂扣、模型选错、国内用不了、提示词写不对代码出不来…
2026-04-04 09:00:00
740
原创 保姆级AI编程提示词教学！前端开发专属，粘贴即用高效提效
本文分享了前端开发者使用AI编程的高效提示词技巧，适用于Vue2/Vue3+ElementUI/ElementPlus项目开发。文章提出提示词编写的五大核心原则：身份定位、技术栈规范、具象需求、输出要求和细节补充。提供了通用基础模板和六大高频场景提示词（新增页面、封装组件、代码优化、接口联调、弹窗开发、bug修复），并给出进阶技巧和常见避坑指南。通过精准的提示词，开发者可以让AI生成符合项目规范的完整代码，大幅提升开发效率，减少重复劳动和潜在bug。
2026-02-28 16:10:53
1840
1
原创 项目安全问题——前端两步完成加密
本文介绍了前端SM4加密与接口签名方案，用于银行安全测试防护。主要包含：1）登录接口使用SM4加密传输，密钥为"65d3ea57d0756fcc"；2）所有接口增加签名机制，包含nonce、timestamp等header参数；3）签名采用HMAC-SHA256算法，key为"xiamenbank@2025"。方案通过请求拦截器自动处理加密和签名生成，需配合uuid、sm-crypto等库实现。
2025-08-25 10:30:00
1136
原创 vue3让前端项目里的全部文字可以根据判断切换繁简字
摘要：本文介绍了在已完成的Vue3+ElementPlus项目中实现简繁体切换的解决方案。通过全局混入自动转换页面文字，结合ElementPlus多语言包处理UI组件，并使用chinese-s2t库强化转换功能。针对ElMessage的特殊处理方案可确保提示信息正常显示繁体字。文中提供了详细的代码实现步骤，包括main.js配置、消息拦截器编写和全局方法覆盖，同时指出对表单placeholder等特殊场景需要单独处理。该方案改动较小，适合已开发完成的项目快速集成简繁体切换功能。
2025-06-27 10:29:49
1158
原创 修改依赖包下的子依赖版本，前端项目安全扫描出来的漏洞——解决过程
然后我去网上找webpack3升级5的文章，跟着文章一步一步操作看行不行,坑太多了，这项目是很多年前的项目，很多配置都没注释，跟着网上的文章项目运行不起来，不知道哪里出了问题，这样下去时间成本太高，我决定要使用之前被我否定的强行修改子依赖的方案，兜兜转转还是得这招，虽然最后会留下7-8个必须要升级大依赖版本才能解决的漏洞，但这已经达到我们项目组的预期了。每次我们都是直接忽略，实际这些组件漏洞大部分都是——可能会导致项目被攻击后运行缓慢这种无关紧要的‘假漏洞’，存在矫枉过正的意思。
2023-06-12 10:03:13
8348
今年已经出现使用AI能代替前端程序员的说法了，那么对前端开发人员来说真的是这样吗
2023-11-06
前端程序员的职业瓶颈与突破方向
2023-08-29
深思程序员过往经历怎样美化，面试怎样有吸引力，怎样在一堆简历中脱颖而出
2023-06-16
程序员过往经历怎样美化，面试怎样有吸引力，怎样在一堆简历中脱颖而出
2023-06-13
TA创建的收藏夹 TA关注的收藏夹
TA关注的人