- 博客(137)
- 收藏
- 关注
原创 Agent 全栈研发工程师需要具备哪些职业能力和素养?
Agent 全栈研发工程师(AI Agent Full-Stack Engineer), 一个融合了人工智能、大模型应用开发、软件工程、系统架构和业务创新的新型技术岗位。
2026-11-02 11:23:19
241
原创 大厂正在取消“专职前端“编制:2026 年前端开发者的三条出路(附 90 天转型路线图)
很多人问:AI 编程工具 2024 年就有了,为什么 2026 年才动编制?因为组织变革需要三个条件同时满足条件2024 年状态2026 年状态AI 能力只能补全函数、写单文件读全项目上下文,一次改 5-6 个文件,含组件/接口/样式/单测成本压力大厂高速扩张期降本增效常态化,人效是硬指标全栈工具前后端技术栈割裂Node + AI + 一体化框架让全栈门槛大幅降低AI 能力到位了 + 老板要省人 + 工具让全栈变容易了。三个条件一凑,编制就没了。jQuery 时代:会写插件的人稀缺。
2026-09-02 20:05:24
372
原创 前端性能优化实战手册·第5篇(最终篇):性能监控与 CI/CD 集成
本文是《前端性能优化实战手册》系列的最终篇,探讨如何将性能优化从一次性任务转化为持续自动化流程。作者指出,缺乏监控的优化成果往往因后续代码变更而失效,并通过真实案例说明性能守护的必要性。 文章提出三层监控体系:构建时(Bundle分析)、发布前(Lighthouse CI)和线上(真实用户监控)。重点介绍了Lighthouse CI的配置方法,包括断言策略和GitHub Actions集成,强调建立基线数据和渐进式拦截策略。同时解析了Web Vitals的核心指标阈值和采集方法,建议关注P75分位数而非平均
2026-08-19 11:39:52
445
原创 前端性能优化实战手册·第4篇:构建产物体积治理 — 砍掉你一半的 bundle
《前端性能优化实战手册》第4篇聚焦构建产物体积问题,通过真实案例分析Tree Shaking失效的五大原因及解决方案。
2026-08-07 20:36:46
343
原创 前端性能优化实战手册·第3篇:渲染性能深度优化
本文针对前端页面交互卡顿问题,提出优化渲染性能的五大核心策略: 主线程优化:通过Performance面板监控长任务,避免超过50ms的任务阻塞交互响应; 虚拟列表技术:使用react-window/react-virtuoso实现动态渲染,将万级DOM节点降至视窗可见数量; 任务调度:运用防抖/节流控制执行频率,配合requestIdleCallback安排非紧急任务; Web Worker分流:将大数据处理等重型计算移至Worker线程,保持主线程流畅; React并发模式:用useTransition
2026-07-31 09:46:44
412
原创 前端性能优化实战手册·第2篇:资源加载策略全解
文章摘要:前端资源加载优化策略 本文是《前端性能优化实战手册》系列第二篇,重点讲解资源加载策略。内容涵盖HTTP协议选择(HTTP/2 vs HTTP/3)、浏览器预处理技术(preconnect/dns-prefetch/preload/prefetch)、fetchpriority资源优先级控制、CDN边缘计算部署和Service Worker缓存等核心优化手段。
2026-07-24 18:00:00
399
原创 WAIC 2026 刚结束,“一人公司+AI Agent“会让前端彻底消失吗?
7 月 17-20 日,2026 世界人工智能大会(WAIC)在上海落幕。当一个人 + 一群 AI Agent 就能跑通从产品开发到运营变现的全链路时,前端开发者的位置在哪?
2026-07-22 14:28:44
255
原创 有了 Cursor,前端还需要学 CSS 吗?
2026年AI时代,CSS是否还需要学习? 尽管AI工具(如Cursor、GitHub Copilot)能快速生成CSS代码,但CSS的学习不仅必要,还需更深层次。
2026-07-08 08:00:00
364
原创 2026 前端技术选型全景图:从框架到工具链的终极决策指南
2026前端技术选型全景指南 本文系统梳理了2026年前端技术生态全景,覆盖框架、构建工具、状态管理等全链路技术选型。React 19强化服务端组件能力,Vue 3.5优化响应式引擎,Svelte 5引入Runes新语法,Solid.js坚持无VDOM路线。构建工具方面,Vite 6通过Rust底层优化保持领先,Turbopack等新兴工具持续追赶。文章提供五大典型场景的推荐技术组合,并附20+主流方案的横向对比矩阵,帮助开发者在技术选型时做出明智决策,避免陷入"选型陷阱"。
2026-07-06 08:00:00
536
原创 豆包、千问、腾讯元宝突然全面下架智能体:原因、影响与未来走向深度解析
各平台集体下架智能体功能,C 端角色扮演型智能体,几乎被一锅端,B 端 Agent 迎来资源倾斜,智能体未来走向如何?
2026-07-05 10:54:06
5033
原创 2026,超级个体的时代:一个人如何活成一支队伍?
2026年创业新趋势:超级个体崛起。超级个体正迎来历史性机遇。这不仅是创业模式的变革,更是对个人创造力与系统思维的全新考验。
2026-01-09 11:20:19
1010
原创 NativeScript-Vue 开发指南:直接使用 Vue构建原生移动应用
NativeScript-Vue是一个将Vue.js与NativeScript结合的开源框架,允许开发者使用Vue语法构建真正的原生iOS/Android应用。与WebView方案不同,它直接编译为原生UI组件,提供接近原生的性能和体验。
2025-10-19 12:08:43
3010
1
原创 2025 年最新:VSCode 中提升 React 开发效率的必备插件大全
优化React开发体验的VSCode插件精选 本文精选了提升React开发效率的VSCode插件组合,涵盖代码智能、质量检查、开发体验等7大类。核心推荐包括:ES7+代码片段工具快速生成组件模板;ESLint保障代码质量;Prettier统一代码风格;React开发者工具深度调试;AI助手Copilot智能补全。特别推荐2025年最新React ESLint插件,性能提升4-7倍。文章还提供了优化的工作区配置方案,帮助开发者打造高效的React开发环境。这些工具组合能显著减少重复工作,避免常见错误,提升团队
2025-10-18 13:12:19
3916
原创 AI搜索中的幻觉问题:成因、解决方案与最佳实践
AI搜索中的幻觉问题:技术分析与解决方案 AI搜索中的"幻觉"指模型生成看似合理但实际错误的信息,严重影响可靠性。本文分析了技术根源并提出全链路解决方案:检索增强生成(RAG)架构结合多路检索和证据增强;提示工程优化包括结构化模板和思维链引导;模型微调采用RLHF和DPO方法;系统层面构建多智能体验证和实时事实核查流水线;用户端应培养批判性思维,要求来源追溯并进行交叉验证。这些技术手段能显著减少AI幻觉,提高搜索结果的可信度。
2025-10-17 14:04:14
1538
原创 《AI提示词工程师-精通ChatGPT提问》-书籍推荐
是一本系统讲解人工智能工具使用的实用手册。本书从提问技巧到热门应用,详细拆解了15大领域208个具体场景,包括办公效率提升、职场规划、视频创作、文案写作、AI绘画、科研学习等。通过基础操作讲解、提示词框架设计和高效提问方法,帮助读者快速掌握AI工具使用技巧。书中丰富的应用场景和实操案例,如Excel函数编写、短视频脚本生成、论文降重等。目录结构清晰,涵盖面广,适合各类人群学习AI工具应用。
2025-07-15 19:41:13
1028
原创 React大型项目目录结构设计
本文介绍了一种适合中大型React项目的模块化目录结构设计方案,该方案采用分层架构设计,核心目录包括API接口层、静态资源、组件库、页面组件、路由配置、状态管理、全局类型定义和工具函数等模块,并通过代码分割与懒加载、环境变量管理、性能优化(如React.memo/useCallback)和错误边界处理等最佳实践提升项目质量。特别强调通过模块化思想保持架构灵活性,支持根据需求调整目录结构。
2025-06-26 12:17:57
693
原创 Vue3 大型项目完整目录结构划分
本文介绍了一个适合10人以上团队的中大型前端项目目录结构。该结构采用模块化设计,主要包含API请求层、静态资源、组件库、组合式函数、路由配置、状态管理、工具函数和页面视图等核心目录。每个业务模块(如用户、产品)保持独立,包含对应的API、状态和视图。目录设计强调清晰的模块边界,包括类型定义规范、组件设计原则和代码分割策略,并建议测试文件按单元测试和端到端测试分类存放。这种结构既保持了开发灵活性,又确保了项目一致性,特别适合团队协作场景。
2025-06-26 11:49:45
519
原创 前端架构设计指南
前端架构设计需综合业务需求与技术实践:1)明确业务目标与技术要求;2)合理选择技术栈和工具链;3)采用模块化分层设计;4)建立工程化规范与自动化流程;5)注重性能优化与监控;6)保证可扩展性与安全性;7)强化团队协作机制。架构应保持适度灵活,通过持续迭代演进,平衡创新与实用性。关键要建立技术共识,以解决实际问题为导向
2025-06-19 14:49:10
1336
原创 在历史项目升级中用SSR和SSG优化性能的实现流程
SSR(服务端渲染)和SSG(静态站点生成)是优化网页性能的两种核心技术。SSR由服务器实时生成完整HTML页面,适合内容实时性高的场景;SSG在构建时预生成静态文件,适合内容固定的页面,访问速度更快。改造老项目的关键步骤包括:选择框架(如Next.js)、调整项目结构、迁移数据获取逻辑到SSR/SSG方法、处理浏览器专有代码,最后部署到合适的平台。通过合理运用SSG/SSR,能显著提升首屏速度、减轻服务器负担,尤其对低端设备和老项目效果明显。ISR(增量静态再生)技术还能平衡页面新鲜度和访问速度
2025-06-05 15:38:35
1142
原创 性能优化之SSR、SSG
SSR和SSG是解决传统CSR问题的两种主要渲染方案。SSR适合实时数据场景(如用户仪表盘),每次请求时渲染;SSG适合静态内容(如博客),构建时预生成页面。两者在数据实时性、服务器压力和部署复杂度上存在明显差异。现代框架支持混合模式如ISR(增量静态再生),实现动静态内容平衡。选择策略:动态数据用SSR,稳定内容用SSG,混合需求可考虑ISR。主流框架包括Next.js、Nuxt.js等,各自针对不同场景优化。技术决策应基于数据变化频率和性能需求。
2025-06-05 15:16:35
1528
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人
RSS订阅