2023年10月17日
摘要：
第一步 mac 输入 shift + command + p （windows 输入 ctrl + shift + p）, 输入snippets, 点击如下图选项。 第二步，选中新建全局代码片段文件。 第三步，输入一个全局配置文件名，例如 snippet.config 第四步，进行配置 { // P 阅读全文
摘要：
用 git cz 代替 git commit 操作 全局安装 npm install -g commitizen cz-conventional-changelog npm i -g cz-customizable 写入配置 echo'{ "path": "cz-customizable" }' > 阅读全文
摘要：
一 Git 是什么？ Git 是一种分布式开源 版本管理工具(VCS)，你可以用它存储代码、跟踪修订历史记录、合并代码更改，并在需要时恢复为较早的代码版本。 二 Git 分区 工作区 working directory 是「工作目录」，也就是我们肉眼能够看到的文件 暂存区 （Index） 本地仓库区 阅读全文
摘要：
一 Git的起源 Git 的定义 有一句名言 "你要知道 从哪里来，才能知道未来可能通向何方" 。所以我们首先肯定聊的就是 Git的起源。 那么Git 的定义是什么 ？ Git 是一种分布式开源 版本管理工具(VCS)，你可以用它存储代码、跟踪修订历史记录、合并代码更改，并在需要时恢复为较早的代码版 阅读全文
摘要：
我们将使用 babel 去编译 TypeScript，babel 在编译 TypeScript 代码是直接去掉 TypeScript 的类型，然后当成普通的 javascript 代码使用各种插件进行编译，tsc 并没有介入编译过程，因此 tsconfig.json 中很多选项例如 target 和 阅读全文
摘要：
React 组件代码规范 1 命名规范 函数命名 组件的私有方法都用 _ 开头 所有事件监听的方法都用 handle 开头 传递给子组件以on开头 render函数的分支，以render开头 阅读全文
摘要：
一 什么是rxjs？ RxJS（Reactive Extensions for JavaScript）是一个用于响应式编程的 JavaScript 库。它通过使用可观察对象（Observables）和操作符（Operators）来处理异步和事件驱动的代码。 什么是响应式编程？ 程序的输入可以被当成一 阅读全文
摘要：
在一个 action 被分发(dispatch) 后，useSelector() 默认对 select 函数的返回值进行引用比较 ，并且仅在返回值改变时触发重渲染。但是，不同于 connect()，useSelector()并不会阻止父组件重渲染导致的子组件重渲染的行为，即使组件的 props 没有 阅读全文
摘要：
React 遇到的奇奇怪怪的问题 在 ref 初始化时执行的函数，结果组件刷新都要执行一遍。 比如，const ref = useRef(createWorder()); 导致 worker 创建了无数个，内存也霸占了一大半。 阅读全文
摘要：
ahooks库源码实现 state模块 useSetState 功能点： 1. 实现类似class组件中 setState功能，只更新传入的值，其他值不用更新； 2. 且可以穿入第二个回调函数 参数同步获取更新后的最新state用于操作。 import { useState } from 'reac 阅读全文
摘要：
图片基础知识 像素点 物理像素点 设备像素比 几倍图 缩略图 格式图 （webp，jpeg，png，jpg，gif） 尺寸 大小 阴影 图片压缩 图片分片上传 图片分片渲染（几张图片渲染成一张大图） Buffer 格式，如何渲染成图片？ 位图 bigBitImage， 如何渲染，哪种渲染图片更快？ 阅读全文
摘要：
一 基础概念 1. 关于canvas 、 webgl 、 skia 、canvasKit ctx.getContext('2d ' / 'webgl ' / 'webgl2')； 类型 2d 、webgl、webgl2 有什么不同？ canvas2d 主要的性能问题就在于，绘制中间对象没法缓存，以及 阅读全文
摘要：
一 什么是canvas ？ MDN 中这样定义： 是 HTML5 新增的元素，一个可以使用脚本(通常为 JavaScript) 在其中绘制图像的 HTML 元素。它可以用来制作照片集或者制作简单(也不是那么简单)的动画，甚至可以进行实时视频处理和渲染。 我们可以这样认为， 标签只是一个矩形的画布。J 阅读全文