随着前端领域快速发展，越来越多的前端框架不断涌现，当下React、Vue两个前端框架已经是前端开发者必备技能。 接下来，我会一步一步的实现一个虚拟DOM，讲解其中核心逻辑以及算法。图文并茂，让需要的小伙伴能够轻而易举的看懂也总结自己对虚拟DOM的理解方便后期复习。 Virtua…

初始化项目 vscode 里下好插件：eslint，prettier，stylelint 官网模版创建项目：pnpm create vite react-starter --template reac

现状：一个toB项目内无可避免会涉及页面过多，如果各有各写会产生样式问题，实现问题，一份代码到处黏贴进行修改（代码大量冗余）。 解决办法：如上图结构，结合业务沉淀组件，提高复用度。 确定了有什么能力，接下来就开始实现了。 参考现有的组件库（element-plus，ant-de…

从而提高业务的开发效率。但是我发现埋在明确需求之后，开始调研技术方案时，很多同学并不清楚要调研哪些技术点，怎么找到某个具体方向的解决方案，找到方案之后都需要试哪些case, 以及怎么把这些方案集成在一起等等。 其实不用想那么复杂，你只需要按照以下三个技术实现的关键点搞定就可以了…

在陈年的老项目中，通常用Redux、Mobx这样的全局状态管理方案无差别对待他们。 这类状态通常保存在组件内部。 当状态需要跨组件层级传递，通常使用Context API。 再大范围的状态会使用Redux这样的全局状态管理方案。 返回的数据通常作为状态保存在组件内部（如App组…

JavaScript 的异步过程一直被认为是不够快的，更糟糕的是，在 NodeJS 等实时性要求高的场景下调试堪比噩梦。不过，这一切正在改变，这篇文章会详细解释我们是如何优化 V8 引擎（也会涉及一些其它引擎）里的 async 函数和 promises 的，以及伴随着的开发体验…

本文由字节跳动-基础工程-APM团队合作编写，我们负责开发字节跳动的性能监控平台，还需要很多（10 个以上）优秀的同学来一起共建。 今年我们组打算建立一个字节跳动招聘社群，如果你对加入字节跳动感兴趣的话，我们可以一起进行面试相关的答疑、评估简历、聊聊面试的故事、并且在你准备好的…

在程序设计领域， SOLID（S: 单一功能、O: 开闭原则、L: 里氏替换、I: 接口隔离、D: 依赖反转），指代了面向对象设计的五个基本原则。当这些原则被一起应用时，可以让软件更加健壮和稳定。 我为什么要使用它，最开始是因为对产品经理需求的恐惧，这可能是很多前端都面临的一个…

本文开始我会围绕webpack和babel写一系列的工程化文章，这两个工具我虽然天天用，但是对他们的原理理解的其实不是很深入，写这些文章的过程其实也是我深入学习的过程。由于webpack和babel的体系太大，知识点众多，不可能一篇文章囊括所有知识点，目前我的计划是从简单入手，…