wangqiaojie的博客

这两天在集成一个比较复杂的组件，大致的内容是有个list组件，然后渲染每个item组件，这个item组件是比较重型，并且不太好轻易调整。如果改变子组件的情况下，我们可以通过memo的第二个参数把onChange这类的方法排除掉，这会有个问题，如果后续加了其它方法，还要记得做排除，要不性能问题又来了。这种也是需要改动item组件，加一个index的props，在每个事件中把index参数给带上，这个我就不实现了，比较简单，大家可以自行尝试。我们想到，如果回调返回一个不变的函数，这个问题就解决了。

中的代码，以免我们的项目体积太大，导致加载时间长，影响用户体验。当我们项目越来越大的时候，代码的体积会变得庞大，导致我们项目的加载速度变慢，特别是如果您包含大型第三方库。es6提供import()函数，它是运行时执行，也就是说，什么时候运行到这一句，就会加载指定的模块。是一个高阶组件，允许您将代码拆分为更小的块并按需加载，支持服务端渲染，使用方式比较简单。小伙伴们可以分析下你们项目的依赖，把一些模块拆成独立的模块，减少代码体积。」，里面已有多篇原创文章，和开发工具，欢迎各位的关注，第一时间阅读我的文章。

之前我们介绍了lowcode-engine一些基础相关内容，接下来我们通过引擎实战一些内容，在一些场景当中，我们的默认容器不是页面，而是需要自定义容器。例如，在常见的低代码平台中默认容器是表单容器。

最近在做emoji表情，在windows环境预览效果不太理想，也缺少很多字体图标的显示，为了让各种环境显示一致，决定用svg图片代替字体图标。抓取notion资源

RxJS是一个库，可以使用可观察队列来编写异步和基于事件的程序的库。RxJS 中管理和解决异步事件的几个关键点：Observable，Observer, Subscription,Operators。

最近做东西都在用ts，有时候写比较复杂的功能，如果不熟悉，类型写起来还是挺麻烦的。有这样一个功能，在这里，我们就不以我们现有的业务来举例了，我们还是已Animal举例，来说明场景。

前端多个包管理的的方式一般都是采用`monorepo`的方式去管理，之前都是使用的`lerna`的workspace去管理。这段时间包管理切换到了`pnpm`上，它也有worksapce,可以支持`monorepo`。

React 重新渲染的综合指南。该指南解释了什么是重新渲染，什么是必要的和不必要的重新渲染，什么情况下会触发 React 组件重新渲染。

前言在前端的日常开发当中，我们很少用到异或运算，但在一些框架源码当中，会有用到异或运算。我们在阅读源码的时候，会造成代码的不理解，今天我们介绍一下异或运算。概念异或，英文为exclusive OR，缩写成eor.异或（eor）是一个数学运算符。它应用于逻辑运算。异或的数学符号为“⊕”，计算机符号为“eor”。其运算法则为：运算规律相同为0，不同为1举例说明：有两个二进制数，分别为a和b，他们两个异或计算。一个值于0异或，都是这个数a ^ 0 = a任何数跟自己异或，都为0a ^ a

前言上篇我们介绍了做的图片编辑器，大部分工具类的软件都有辅助线，方便拖拽元素的时候对齐，能让我们快速的做出漂亮的图片。 这两天给编辑器加上了辅助线, 辅助线实现过程稍微有些复杂，我们一步步说下实现过程。演示演示地址实现流程原理讲解左侧辅助线出现我们以节点2为移动的元素，通过上面的图观察我们可以看出，当左侧辅助线出现的时候，节点1的x坐标和节点2的x坐标相等的时候辅助线就会出现，我们移动节点2的时候动态去判断。右侧辅助线出现我们以节点2为移动的元素，通过上面的图观察我们可以

前言今年计划开始写文章，各大平台发布的时候需要上传一个封面图，市面上有好多比较成熟的图片编辑器。之前也做过一些偏工具类的应用，于是萌生想法，自己能不能搞一个编辑器，供掘友们使用，大概花了四五天的时间，第一版内容已经有了。案例演示演示地址演示地址快速启动git clone git@github.com:jiechud/fast-image-editor.gityarn install || npm installyarn dev 启动服务打开浏览器项目目录.├── canvas-

前言随着产品的迭代，项目里的弹框越来越多，业务模块共用的弹框也比较多。在刚开始的阶段，有可能不是共用的业务弹框，我们只放到了当前的业务模块里。随着迭代升级，有些模块会成为通用弹框。简而言之，一个弹框会在多个页面中使用。举例说下我们的场景。项目当中有这样一个预览的弹框，已经存放在我们的业务组件当中。内容如下import React from 'react';import {Modal} from 'antd';const Preview = (props) => { const {v