monaco editor 是一个由微软开发的代码编辑器，我们熟知的 vscode 就是基于其来实现的。也就是说，我们在 vscode 里面能够做到的功能理论上你也是可以通过 monaco edito

先上效果图炸波🐟 拖拽实现 这里我们使用react-draggable三方库，由于它默认的Draggable是去动态修改元素的transform，和我们设计的初衷背离，于是使用其DraggableCo

自Webpack4以后，代码拆分的插件由CommonsChunkPlugin变成了SplitChunksPlugin，并且不必单独引用，集成到了Webpack之中，通过配置下的optimization.splitChunks和optimization.runtimeChunk就…

目前很多互联网大厂的移动端开发都在朝着跨端动态化方向发展。由于快速迭代开发或者对原生包体积要求严格，及其对资源成本的把控，实现跨端动态化迫在眉睫。

我工作中的技术栈主要是 React + TypeScript，这篇文章我想总结一下如何在项目中运用 React 的一些技巧去进行性能优化，或者更好的代码组织。 性能优化的重要性不用多说，谷歌发布的很多调研精确的展示了性能对于网站留存率的影响，而代码组织优化则关系到后续的维护成本…

为什么要有 event loop？它和渲染引擎、JS 引擎的关系？requestAnimationFrame 是什么任务？requestIdleCallback 在什么时候执行？本文都会给你答案。

背景 什么是动态化 近年来，越来越多基于前端技术栈的动态化方案被引入到客户端开发中，大家有没有想过平时开发写代码时，使用的客户端技术栈和前端技术栈有什么不同呢？ 简单来说，无论是Android还是iO

今天简单学习下模块化的知识，准备跳槽面试的同学可以看起来了，基础打牢，啥都不怕了；模块化的意义是将程序划分成一个一个小的模块结构，每个模块有属于自己小世界，不会影响到其他的结构。

据说阿里有一道面试题就是谈谈函数节流和函数防抖。 糟了，这可触碰到我的知识盲区了，好像听也没听过这2个东西，痛定思痛，赶紧学习学习。here we go！ 可以看到，我们只要按下键盘，就会触发这次ajax请求。不仅从资源上来说是很浪费的行为，而且实际应用中，用户也是输出完整的字…