- 博客(66)
- 收藏
- 关注
RSS订阅原创 【前端工程化】前端项目怎么做代码管理才好？
在企业级后台系统中，代码管理是保障多人协作、提升交付质量与维护长期可读性的关键环节。相比 C 端产品强调快速迭代，B 端更注重版本控制、提交规范、代码审查和权限管理。本文主要围绕 Git 分支策略、提交规范、代码审查机制、权限控制等方面展开，适用于使用 Git + PR 流程 + CI/CD 的开发团队。
2025-07-15 08:37:21
329
原创 【前端工程化】前端工作中如何协同管理开发任务？
在企业级后台系统开发中，任务管理是保障团队协作效率、控制交付质量的核心环节。相比 C 端产品强调敏捷响应和快速迭代，B 端更注重任务拆解的合理性、流程的可控性以及多人协作下的责任清晰。本文主要围绕需求拆解、任务分配、进度跟踪与闭环机制展开，适用于使用 Git + PR 流程 + 看板式工具的开发团队。
2025-07-10 08:35:55
335
原创 【前端工程化】前端开发中如何做一套规范的项目模版
在企业级后台系统开发中，项目模板是快速搭建新项目的标准化结构。它不仅定义了目录结构、技术栈选型和构建流程，还包含了统一的开发规范与工具链配置。使用项目模板可以显著提升开发效率，确保所有项目在初始阶段就具备一致的技术架构和开发体验。尤其适用于需要频繁启动新模块或子系统的 B 端场景。
2025-07-09 08:32:51
491
原创 【前端工程化】如何制定前端项目中的页面模版？
在企业级后台系统中，页面是用户与系统交互的核心单元。为了保证开发效率、维护成本和一致性体验，我们需要围绕常见的业务场景制定统一的页面结构规范。本文主要涵盖页面设计原则、标准结构示例、典型页面类型、开发最佳实践等内容，适用于 Vue 或 React 技术栈下的中大型后台管理系统项目。
2025-07-08 08:32:54
343
原创 【前端工程化】前端组件模版构建那些事
在企业级后台系统中，组件是构建页面的基础单元。与 C 端不同，B 端更注重功能完整性、交互一致性与复用效率。因此，我们需要围绕业务场景封装出可复用、易维护、结构清晰的组件模板。本文档主要围绕组件设计原则、分类建议和使用方式展开，适用于 Vue 或 React 技术栈下的开发场景。
2025-07-07 08:30:36
730
原创 【前端工程化】前端工作中的业务规范有哪些
在企业级后台系统中，业务逻辑往往复杂、层级多、交互密集。为了保证系统的可维护性与团队协作效率，我们需要在开发过程中遵循统一的业务实现规范。本规范主要围绕应用结构设计和用户交互控制展开，帮助团队在开发过程中形成一致的编码习惯和设计思路。
2025-07-06 13:22:09
591
原创 【前端工程化】你知道前端编码规范包含哪些内容吗
编码规范是保障代码质量、提升团队协作效率与维护性的基础。良好的编码习惯不仅有助于减少 Bug，还能提升项目的长期稳定性与可扩展性。以下是从以往项目中总结整理出来的一些编码规范，适用于 Vue/React 技术栈下的B端应用开发场景。
2025-07-05 08:43:30
672
原创 【前端工程化】前端开发中的这些设计规范你知道吗
控件类型规范说明按钮主操作按钮使用蓝色系，辅助按钮使用灰白色或边框形式；禁用状态统一为浅灰底色表格默认展示固定列头，支持排序、分页、多选、展开行等功能；斑马纹提升可读性输入控件Input、Select、DatePicker 等统一高度、边距、错误提示方式弹窗Modal 使用统一标题区、操作区布局，遮罩层点击默认不关闭图标使用图标字体或 SVG 集合，命名统一，如icon-addicon-edit。
2025-07-04 08:38:01
821
原创 【前端AI实践】Trae：一款可以让你从0到1快速开发完整项目的IDE
Trae 并不是要取代你写代码的能力，而是帮你把那些繁琐、重复的工作自动化掉，让你把精力集中在真正需要思考和创造的部分。
2025-06-26 11:32:36
898
原创 【前端AI实践】Lingma：使用工具辅助开发让你停不下来
阿里云 Lingma 是一款智能编程助手，深度集成主流 IDE，提供代码补全、注释生成、Bug 检测、逻辑解释等功能，显著提升前端开发效率。它能自动补全 Vue 组件 props 类型、生成 JSDoc 注释、优化命名风格，并解释复杂逻辑。在调试环节，Lingma 可识别响应式更新问题、优化低效代码，还能生成基础模块模板（如登录表单组件）和通用组件建议。此外，它支持前后端接口对接，根据文档自动生成请求函数。这些功能使其成为开发者高效协作的得力助手，尤其适合团队项目与复杂业务场景。
2025-06-19 11:51:11
395
原创 【前端AI实践】DeepSeek：开源大模型的使用让开发过程不再抓头发
摘要：DeepSeek AI可辅助Vue开发者快速解决技术问题，如实现SSE流式请求（需结合Axios和EventSource）、修复响应式数据更新问题（使用$set方法）、生成带验证的登录组件（Composition API实现），并提供性能优化建议（如使用computed属性和虚拟滚动）。通过AI辅助，开发者能更高效地完成重复性工作，专注于核心业务逻辑开发。文中包含具体代码示例和解决方案，展现AI如何成为开发过程中的智能助手。（150字）
2025-06-18 11:18:09
466
原创 【前端AI实践】泛谈AI实践：技术大牛们早就在用的AI在前端领域的场景
本文分享了前端开发的实践经验，重点关注AI辅助开发的应用场景。内容包括：1)通过AI生成可复用的Vue表格组件代码；2)使用组合式函数重构数据获取逻辑；3)构建统一的错误处理机制；4)编写规范的代码注释和文档；5)设计标准化的API接口。文章展示了AI在代码生成、质量提升、文档规范等方面的高效支持，为开发者提供了提升效率和代码质量的实用建议，表明AI技术已能有效辅助日常开发工作。
2025-06-04 11:40:30
313
原创 【前端AI实践】简说AI大模型：什么时代了你还不会这些AI大模型的基本概念和使用吗
AI大模型是经过海量数据训练的神经网络，具备理解生成语言和处理代码的能力，已成为前端开发的"万能助手"。它能生成规范代码、解释逻辑、优化质量、排查bug，提升开发效率40%以上。主流工具各有侧重：GitHub Copilot适合实时编码，ChatGPT擅长逻辑分析，Cursor专注代码优化。开发者需明确AI的辅助定位，将其作为效率工具而非决策替代。合理使用可节省30%-50%重复劳动，让开发者更专注创造性工作。
2025-06-03 08:50:57
307
原创 不得不说一下vite
vite简介Vite 是一个由原生 ESM 驱动的 Web 开发构建工具。在开发环境下基于浏览器原生 ES imports 开发，在生产环境下基于 Rollup 打包。vite作用快速的冷启动：不需要等待打包操作；即时的热模块更新：替换性能和模块数量的解耦让更新飞起；真正的按需编译：不再等待整个应用编译完成，这是一个巨大的改变。vite运行原理在浏览器端使用 export、import 的方式导入和导出模块，在 script 标签里设置 type=“module” （ ES Modu
2020-10-16 00:09:40
482
原创 一文看懂Vue3.0的优化
1.源码优化：a.使用monorepo来管理源码Vue.js 2.x 的源码托管在 src 目录，然后依据功能拆分出了 compiler（模板编译的相关代码）、core（与平台无关的通用运行时代码）、platforms（平台专有代码）、server（服务端渲染的相关代码）、sfc（.vue 单文件解析相关代码）、shared（共享工具代码）等目录。Vue.js 3.0，整个源码是通过 monorepo 的方式维护的，根据功能将不同的模块拆分到 packages 目录下面不同的子目录中，每个 p
2020-10-16 00:07:30
399
原创 尤雨溪：Vue3.0正式全球发布会_2020
本文只是针对视频内容的重点整理，如若不清楚的地方请看文末链接的现场视频内容。性能方面的优化路由懒加载keep-alive缓存页面使用v-show复用DOMv-for 遍历避免同时使用 v-if长列表性能优化事件的销毁图片懒加载第三方插件按需引入无状态的组件标记为函数式组件子组件分割变量本地化SSR更好的TypeScript集成改进的TypeScript支持，编辑器能提供强有力的类型检查和错误及警告更好的调试支持用于处理大规模用例的新APIreactiver.
2020-10-14 23:28:52
555
1
原创 Vue.js作者谈：Vue 3 最新进展_VueConf 2018
本文只是针对视频内容的重点整理，如若不清楚的地方请看文末链接的现场视频内容。Vue3.0会带来些什么：更快更小更易于维护更好的多端渲染支持其他新功能更快：重构虚拟DOM：更多虚拟时的优化；优化slots生成；内联事件函数提取；基于Proxy的新数据监听系统：全语言特性支持+更好的性能；使用时才会去做监听；利用Proxy减少组件实例初始化开销；达到效果：速度加倍；内存占用减半；更小：便于Tree-Shaking的代码结构：内置组件；指令的运行时；各种工具函数；效果：代码.
2020-10-14 23:24:19
236
原创 [书籍精读]《移动WEB前端高级开发实践》精读笔记分享
写在前面书籍介绍：《移动WEB前端高级开发实践》这本书的内容涵盖了移动Web前端开发中的各个关键技术环节。分别从HTML5、CSS3、JavaScript的ECMAScript5和ECMAScript6版本、移动端常用布局方案、MV*类新时代框架、预编译技术、性能优化、开发调试、混合式应用、单元测试、工程化等方面全面地还原了一线互联网公司Web前端技术栈。我的简评：这本书内容量很大，全面地总...
2020-06-05 07:53:17
3835
原创 [书籍精读] 《你不知道的JavaScript（上卷）》精读笔记分享
写在前面书籍介绍：JavaScript这门语言简单易用，很容易上手，但其语言机制复杂微妙，即使是经验丰富的JavaScript开发人员，如果没有认真学习的话也无法真正理解。本套书直面当前JavaScript开发人员不求甚解的大趋势，深入理解语言内部的机制，全面介绍了JavaScript中常被人误解和忽视的重要知识点。我的简评：《你不知道的JavaScript》系列分上中下三卷，这里是上卷，主要讲解作用域、原型等核心概念相关的。该系列书籍本人觉得就上卷写的不错，中卷有些冗余，下卷讲ES6比较粗糙。这里推
2020-05-23 00:18:46
686
原创 [书籍精读]《深入浅出Node.js》精读笔记分享
写在前面书籍介绍：本书由首章Node介绍为索引，涉及Node的各个方面，主要内容包含模块机制的揭示、异步I/O实现原理的展现、异步编程的探讨、内存控制的介绍、二进制数据Buffer的细节、Node中的网络编程基础、Node中的Web开发、进程间的消息传递、Node测试以及通过Node构建产品需要的注意事项。我的简评：这是一本难得的好书，这本书理论和实践结合的很好。如果你是一个纯前端的开发者，这本书可以读读开拓些视野，如果你是一个全栈的开发者，这本书作为入门和深入后端也很不错，推荐拜读。！！文末有pd
2020-05-21 00:19:58
528
原创 [书籍精读]《React进阶之路》精读笔记分享
写在前面书籍介绍：《React进阶之路》详细介绍了React技术栈涉及的主要技术。本书分为基础篇、进阶篇和实战篇三部分。基础篇主要介绍React的基本用法，包括React 16的新特性；进阶篇深入讲解组件state、虚拟DOM、高阶组件等React中的重要概念，同时对初学者容易困惑的知识点做了介绍；实战篇介绍React Router、Redux和MobX 3个React技术栈的重要成员，并通过实战项目讲解这些技术如何和React结合使用。我的简评：这本书适合初级的React开发者，书名虽是进阶，实际上
2020-05-19 23:18:02
633
2
原创 [书籍精读]《你不知道的JavaScript（下卷）》精读笔记分享
写在前面书籍介绍：JavaScript这门语言简单易用，很容易上手，但其语言机制复杂微妙，即使是经验丰富的JavaScript开发人员，如果没有认真学习的话也无法真正理解。本套书直面当前JavaScript开发人员不求甚解的大趋势，深入理解语言内部的机制，全面介绍了JavaScript中常被人误解和忽视的重要知识点。我的简评：《你不知道的JavaScript》系列分上中下三卷，这里是下卷，主要讲解ES6相关的。该系列书籍本人觉得就上卷写的不错，中卷有些冗余，下卷讲ES6比较粗糙。不过有空翻一翻，还是多
2020-05-17 00:01:39
1445
原创 [书籍精读]《JavaScript设计模式与开发实践》精读笔记分享
写在前面书籍介绍：本书在尊重《设计模式》原意的同时，针对JavaScript语言特性全面介绍了更适合JavaScript程序员的了16个常用的设计模式，讲解了JavaScript面向对象和函数式编程方面的基础知识，介绍了面向对象的设计原则及其在设计模式中的体现，还分享了面向对象编程技巧和日常开发中的代码重构。本书将教会你如何把经典的设计模式应用到JavaScript语言中，编写出优美高效、结构化和可维护的代码。我的简评：这本书主要围绕JavaScript中的一些设计模式和设计原则，每种模式的讲解都带有
2020-05-15 00:13:24
2646
原创 [书籍精读]《响应式Web设计 HTML5和CSS3实战(第二版)》精读笔记分享
写在前面书籍介绍：本书主要讲解了如何运用HTML5和CSS3来进行响应式Web设计，使页面的设计与开发根据用户行为以及设备环境(系统平台、屏幕尺寸、屏幕定向等)来进行相应的响应和调整。我的简评：响应式Web设计，个人从业经验上觉得应该是一个很庞大的话题，也是一个实用性很强的方面。作者在本书中讲的响应式的内容并不多，后面很多讲的都是HTML5与CSS3方面的内容，适合刚入门的前端朋友吧。！！...
2020-05-07 00:16:19
1765
原创 [推荐收藏]JavaScript书籍精读笔记系列导航
写在前面去年我整理了一份「前端工程师必备书籍清单.md」，得到很多人的关注。这份清单里面的书籍大部分我都看过了，但有些知识点难免看后就忘。之前看这些书对一些重点都进行了记录，最近一段时间计划把这些重点笔记整理下来。一方面让自己能通过快速翻阅来拾起知识点，另一方面希望能与更多志同道合的技术人进行交流。以下是一份分类目录，整理出来的书籍笔记就会在这里添上链接，欢迎star收藏。每本书一篇笔记，笔...
2020-04-26 23:12:49
626
原创 [书籍精读]《JavaScript异步编程》精读笔记分享
写在前面书籍介绍：本书讲述基本的异步处理技巧，包括PubSub、事件模式、Promises等，通过这些技巧，可以更好的应对大型Web应用程序的复杂性，交互快速响应的代码。理解了JavaScript的异步模式可以让读者写出结构更合理、性能更出色、维护更方便的JavaScript程序。第一章 深入理解JavaScript事件1.1.事件的调度JavaScript代码用于不会被中断，因为代...
2020-04-16 00:40:53
437
1
原创 [书籍翻译] 《JavaScript并发编程》第七章 抽取并发逻辑
本文是我翻译《JavaScript Concurrency》书籍的第七章 抽取并发逻辑，该书主要以Promises、Generator、Web workers等技术来讲解JavaScript并发编程方面的实践。完整书籍翻译地址：https://github.com/yzsunlei/javascript_concurrency_translation 。由于能力有限，肯定存在翻译不清楚甚至...
2020-04-01 10:23:40
223
翻译 [技术翻译]在现代JavaScript中编写异步任务
本周再来翻译一些技术文章，本次预计翻译三篇文章如下：04.[译]使用Nuxt生成静态网站(Generate Static Websites with Nuxt)05.[译]Web网页内容是如何影响电池功耗的(How Web Content Can Affect Power Usage)06.[译]在现代JavaScript中编写异步任务(https://web.dev/off-m...
2020-01-13 23:17:55
255
翻译 [技术翻译]Web网页内容是如何影响电池使用寿命的？
本周再来翻译一些技术文章，本次预计翻译三篇文章如下：04.[译]使用Nuxt生成静态网站(Generate Static Websites with Nuxt)05.[译]Web网页内容是如何影响电池功耗的(How Web Content Can Affect Power Usage)06.[译]在现代JavaScript中编写异步任务(https://web.dev/off-m...
2020-01-08 21:14:12
369
翻译 [技术翻译]使用Nuxt生成静态网站
本周再来翻译一些技术文章，本次预计翻译三篇文章如下：04.[译]使用Nuxt生成静态网站(Generate Static Websites with Nuxt)05.[译]Web网页内容是如何影响电池功耗的(How Web Content Can Affect Power Usage)06.[译]在现代JavaScript中编写异步任务(https://web.dev/off-m...
2020-01-06 23:15:30
1240
原创 [Vue源码]一起来学Vue模板编译原理（二）-AST生成Render字符串
本文我们一起通过学习Vue模板编译原理（二）-AST生成Render字符串来分析Vue源码。预计接下来会围绕Vue源码来整理一些文章，如下。一起来学Vue双向绑定原理-数据劫持和发布订阅一起来学Vue模板编译原理(一)-Template生成AST一起来学Vue模板编译原理(二)-AST生成Render字符串一起来学Vue虚拟DOM解析-Virtual Dom实现和Dom-diff算法...
2019-12-30 10:15:13
570
原创 [Vue源码]一起来学Vue模板编译原理(一)-Template生成AST
本文我们一起通过学习Vue模板编译原理(一)-Template生成AST来分析Vue源码。预计接下来会围绕Vue源码来整理一些文章，如下。一起来学Vue双向绑定原理-数据劫持和发布订阅一起来学Vue模板编译原理(一)-Template生成AST一起来学Vue模板编译原理(二)-AST生成Render字符串一起来学Vue虚拟DOM解析-Virtual Dom实现和Dom-diff算法这...
2019-12-29 23:03:10
474
原创 [Vue源码]一起来看Vue双向绑定原理-数据劫持和发布订阅
有一段时间没有更新技术博文了，因为这段时间埋下头来看Vue源码了。本文我们一起通过学习双向绑定原理来分析Vue源码。预计接下来会围绕Vue源码来整理一些文章，如下。一起来看Vue双向绑定原理-数据劫持和发布订阅一起来看Vue模板编译原理(一)-Template生成AST一起来看Vue模板编译原理(二)-AST生成Render字符串一起来看Vue虚拟DOM解析-Virtual Dom实现和...
2019-12-17 22:16:23
449
翻译 [技术翻译]您应该知道的13个有用的JavaScript数组技巧
本次预计翻译三篇文章如下：01.[译]9个可以让你在2020年成为前端专家的项目02.[译]预加载响应式图像，从Chrome 73开始实现03.[译]您应该知道的13个有用的JavaScript数组技巧我为什么要创建这个git仓库？通过翻译国外的web相关的技术文章来学习和跟进web发展的新思想和新技术。git仓库地址：https://github.com/yzsunlei/ja...
2019-10-31 21:13:49
231
翻译 [技术翻译]预加载响应式图像，从Chrome 73开始实现
本次预计翻译三篇文章如下：01.[译]9个可以让你在2020年成为前端专家的项目02.[译]预加载响应式图像，从Chrome 73开始实现03.[译]您应该知道的13个有用的JavaScript数组技巧我为什么要创建这个git仓库？通过翻译国外的web相关的技术文章来学习和跟进web发展的新思想和新技术。git仓库地址：https://github.com/yzsunlei/ja...
2019-10-31 07:57:54
286
翻译 [技术翻译]9个可以让你在2020年成为前端专家的项目
本次预计翻译三篇文章如下：01.[译]9个可以让你在2020年成为前端专家的项目02.[译]预加载响应图像03.[译]您应该知道的13个有用的JavaScript数组技巧我为什么要创建这个git仓库？通过翻译国外的web相关的技术文章来学习和跟进web发展的新思想和新技术。git仓库地址：https://github.com/yzsunlei/javascript-article...
2019-10-29 00:33:54
591
原创 [书籍翻译] 《JavaScript并发编程》第七章 抽取并发逻辑
本文是我翻译《JavaScript Concurrency》书籍的第七章 抽取并发逻辑，该书主要以Promises、Generator、Web workers等技术来讲解JavaScript并发编程方面的实践。完整书籍翻译地址：https://github.com/yzsunlei/javascript_concurrency_translation 。由于能力有限，肯定存在翻译不清楚甚至...
2019-10-23 22:52:48
285
原创 [书籍翻译] 《JavaScript并发编程》第六章 实用的并发
本文是我翻译《JavaScript Concurrency》书籍的第六章 实用的并发，该书主要以Promises、Generator、Web workers等技术来讲解JavaScript并发编程方面的实践。完整书籍翻译地址：https://github.com/yzsunlei/javascript_concurrency_translation 。由于能力有限，肯定存在翻译不清楚甚至翻...
2019-10-23 20:56:43
668
原创 [书籍翻译] 《JavaScript并发编程》第五章 使用Web Workers
本文是我翻译《JavaScript Concurrency》书籍的第五章 使用Web Workers，该书主要以Promises、Generator、Web workers等技术来讲解JavaScript并发编程方面的实践。完整书籍翻译地址：https://github.com/yzsunlei/javascript_concurrency_translation 。由于能力有限，肯定存在...
2019-10-21 23:51:28
307
原创 [书籍翻译] 《JavaScript并发编程》第四章 使用Generators实现惰性计算
本文是我翻译《JavaScript Concurrency》书籍的第四章 使用Generators实现惰性计算，该书主要以Promises、Generator、Web workers等技术来讲解JavaScript并发编程方面的实践。完整书籍翻译地址：https://github.com/yzsunlei/javascript_concurrency_translation 。由于能力有限...
2019-10-19 16:28:20
264
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人