本文章仅对遇到的问题提供一个解决思路，对于迫切想要实现功能效果的人来说，希望能稍微沉下心观看，或者直接观看思路部分，或者直接观看完整代码

本文主要介绍企业级前端工程化全景图，从需求规范、开发联调、测试优化、构建部署、运维监控等多个阶段展开，详细介绍了每个阶段的核心目标、流程、工具、场景和AI赋能等。

一种是页面刷新，不保留页面状态，就是简单粗暴，直接window.location.reload()。 另一种是基于WDS (Webpack-dev-server)的模块热替换，只需要局部刷新页面上发生变化的模块，同时可以保留当前的页面状态，比如复选框的选中状态、输入框的输入等。…

前端面试——JS 手写代码 前端面试刷题（JS篇）：https://juejin.cn/post/7352414490628521993 涵盖各类基础手写代码题

web性能说白了就是网站打开速度快不快，页面中的动画够不够流畅，表单提交的速度是否快，列表滚动页面切换是否卡顿。性能优化就是让网站变得快。 在MDN上对web性能的定义是网站或应用程序的客观度量和可感

使用 FLIP 技术，实现一个自适应高度且带过渡动画的容器元素，且打断动画时仍能平滑过渡，可以影响文档流中的其它元素。

目标是写一个非常详细的关于diff的干货，所以本文有点长。也会用到大量的图片以及代码举例，一起来get吧。 先来了解几个点... 1. 当数据发生变化时，vue是怎么更新节点的？ 要知道渲染真实DOM的开销是很大的，比如有时候我们修改了某个数据，如果直接渲染到真实dom上会引起…

阿宝哥第一次使用 TypeScript 是在 Angular 2.x 项目中，那时候 TypeScript 还没有进入大众的视野。然而现在学习 TypeScript 的小伙伴越来越多了，本文阿宝哥将从 16 个方面入手，带你一步步学习 TypeScript，感兴趣的小伙伴不要错…

IndexDB 基础操作 IndexDB 是浏览器内置的一种 NoSQL 数据库，可以用于客户端存储数据。与传统的 cookie 和 localStorage 相比，它可以存储更大的数据量，而且支持复