iceychan

React项目Webpack转Vite实践，集成@emotion/react，处理全局变量，构建速度比对

@emotion/react + typescript + react函数组件 + craco安装配置

antv G6拖动图形或者缩放画布，出现重影问题，解决方案：graph.get('canvas').set('localRefresh', false)

使用无序数据结构（字典，即对象）存储事件，方便迅速查找。 使用有序数据结构（队列，即数组）存储事件回调，遵循先进先出原则，先绑定的事件先触发。

清除浮动影响的样式，统称clearfix代码。 所有float元素的父容器，一般情况都需要添加clearfix这个class。

圣杯布局和双飞翼布局是两边定宽，中间自适应的三栏布局的两种实现方式。 圣杯布局 缺点： center宽度过小，样式会错乱。样式较复杂。

防抖 debounce： 连续点击，停止后，只取最后一次执行。 节流 throttle：连续拖拽，一段时间内，只取第一次执行。

ECMAScript中定义了6中原始数据类型，1种复杂数据类型。 按值传递，传递时，复制一份。 按引用传递，传递时，指向同一片内存空间。

双等比较前会进行强制类型转换，转换规则、比较规则。 三等必须类型和值都相等。 只有==null用双等，其余都用三等。