初级篇 这里一般适用于刚入门前端的同学，一般入门前端都是从html和css开始的，应该让这些同学提起对前端的兴趣，因此初级篇选用几个比较有趣的css库来让同学入门前端。

而今，只要是工程化的项目，大多离不开 sourcemap 的身影，一言蔽之：构建处理前的代码和处理后的代码之间的桥梁。但却很少有同学真的去深入了解它的运作原理。

本文分为入门和进阶两部分，建议有经验的读者直接阅读进阶部分。 好了，以上就是关于如何通过Object.defineProperty这个API来监听一个对象的变化的全部。 好了，以上就是关于如何通过Proxy来监听一个对象的变化的全部。 以上就是监听一个对象变化的所有内容了。不过…

主要介绍了什么是不可变数据、为什么追求不可变数据、不可变数据的实现方式、一一引导到了主题immer.js，从源码的角度解析了immer.js的核心实现，有利于大家在理解不可变数据的同时深入immer。

性能优化是前端开发一个非常重要的组成部分，如何更好地进行网络传输，如何优化浏览器渲染过程，来定位项目中存在的问题。Chrome DevTools给我们提供了2种常用方式 Audits和Performance，Audits可以对页面进行性能评分，同时，还会给我们提供一些优化建议。…

说到元素拖拽，通常都会先想到用 HTML5 的拖拽放置 (Drag 和 Drop) 来实现，它提供了一套完整的事件机制，看起来似乎是首选的解决方案，但实际却不是那么美好，主要是它的样式太过简陋

这个问题在网上有许多解答，但都不外乎两种：一种方式是使用 craco ，另一种就是弹出项目中 webpack 的配置信息，在其中进行修改。本文主要描述后者，以及我在配置过程中的思考与收获。

在一个风和日丽的早晨，我正悠闲地喝着Coffe，突然领导向我走来，我赶紧熟练地切出VSCode，淡定自若地问：领导，什么事？领导拍了拍我的肩膀：你上次封装的方法同事跟我反馈使用起来很不错啊，你不如做成

并发渲染机制的目的：根据用户的设备性能和网速对渲染过程进行适当的调整， 保证 React 应用在长时间的渲染过程中依旧保持可交互性，避免页面出现卡顿或无响应的情况，从而提升用户体验。