Tirion - 博客园

requestAnimationFrame 真的就比 setInterval setTimeout 好吗？

摘要： requestAnimationFrame 这个 API 已经出现很久了，网上也有很多相关文章，基本上都是说 requestAnimationFrame 有多好，是用来取代 setInterval setTimeout 的函数。但是今天我就仔细思考了一下，这个 requestAnimationFr 阅读全文

posted @ 2021-10-20 11:59 Tirion 阅读(279) 评论(0) 推荐(0)

build-your-own-react 注释版

摘要：原文链接 | 中文翻译版这是一篇很经典的文章，通过循序渐进开发一个迷你版 react，让你明白 react 的基本原理。本文只是将文章中的代码敲了一遍，通过注释描述各功能的作用，加上自己的理解。注：代码中的 dom 变量表示通过 document.createElement 等方法创建的真实阅读全文

posted @ 2021-10-19 12:12 Tirion 阅读(409) 评论(0) 推荐(0)

react hooks 理念之代数效应

摘要： hooks 是为了践行代数效应，目的是把副作用从函数调用中剥离出去。代数效应的自我理解：在代数中函数表达式为 y = f(x)，代数中的函数相同的入参必然会得到相同的结果，是没有副作用的。在程序中对应的就是纯函数。而 react 的 hooks 就是为了让组件看起来更像是一个纯函数，需要将函数的阅读全文

posted @ 2021-10-16 22:02 Tirion 阅读(539) 评论(0) 推荐(0)

useMemo 和 useCallback 简单理解

摘要： useMemo 和 useCallback 都是进行性能优化的手段。某大佬：性能优化总是会有成本的，而且并不总是带来好处。比起花的时间和代码可读性，一点点的性能优化显得微不足道，除了性能重灾区之外，都不值得这么去搞。 useMemo 的使用 export default function With 阅读全文

posted @ 2021-09-06 15:54 Tirion 阅读(609) 评论(0) 推荐(0)

MacOs 使用 github 个人令牌（Personal access token）

摘要：发现 GitHub 在 push 的时候不能提交了，提示要使用个人令牌的方式。原来8月13号后，GitHub 为了安全考虑不再支持使用账号密码的方式进行提交，而必须使用个人令牌的方式。那么该咋搞呢？生成个人令牌首先进入 GitHub 的开发中设置页面：https://github.com/set 阅读全文

posted @ 2021-08-18 12:01 Tirion 阅读(1808) 评论(0) 推荐(0)

pixi.js 中给直线、贝塞尔曲线等线条添加鼠标事件

摘要：在 pixi.js 中，我们可以绘制矩形、原型、多边形等各种图形，也可以通过 lineTo，bezierCurveTo 方法来绘制线条。绘制矩形、多边形等这种具有面积的图形后，我们可以通过 addListener 方法添加鼠标事件，但是绘制直线、贝塞尔曲线等线条后，这样做却不行了。为什么呢？因为线阅读全文

posted @ 2021-07-07 16:04 Tirion 阅读(3277) 评论(6) 推荐(1)

自定义编辑器实现光标处插入内容的功能

摘要：如图所示，需求是在光标处插入一个占位符，前台展示的时候将占位符替换为需要的内容。思路在文本输入框中插入占位符，首先想到的是 textarea，但是 textarea 有个问题：只能插入文本，就算插入了自定义的占位符，但是只是普通文本，用户可以对占位符进行编辑。而我们更希望的是插入的占位符用户不能阅读全文

posted @ 2021-05-31 16:13 Tirion 阅读(1045) 评论(1) 推荐(0)

克鲁斯卡尔（Kruskal）算法详解

摘要：将网构造为图中右边的边集数组结构，并且对它们按权值从小到大排序。如： const graph = [ { begin: 4, end: 7, weight: 7, }, { begin: 2, end: 8, weight: 8, }, ]; 注意在无向图中，创建此结构时，每条边的 begin 值应阅读全文

posted @ 2021-04-01 17:46 Tirion 阅读(1074) 评论(0) 推荐(0)

用于 webpack 打包后方便修改的配置文件

摘要：有些配置项，我们希望在 webpack 打包后也能方便修改，比如接口地址、第三方链接等。最近做的一个项目遇到了这样的需求，其实思路很简单，在 HTML 文件的 head 中引入一个 JS 文件，JS 文件往 window 添加全局对象，里面就是各种配置字段，开发的时候直接通过 window 使用这阅读全文

posted @ 2021-03-25 18:16 Tirion 阅读(144) 评论(0) 推荐(0)

antd 中对树形表格中二级元素进行筛选过滤

摘要：今天做了一个 antd 的表格，该表格是个树形表格，也就是一行中还有 children 元素作为子行。如图所示：需求要求对二级元素即 children 元素进行筛选，但是 antd 自身的 onFilter 并不能筛选 children。。。我也在网上查询了相关信息，并没查到有效的解决方案，相对阅读全文

posted @ 2021-01-23 16:38 Tirion 阅读(1744) 评论(0) 推荐(0)

再看最后一眼青春的星空

灿烂火光就像盛夏的烟火

欢送挣扎万年文明的巅峰

我们啊

将变星辰永远飘在黑暗宇宙

这个男人来自三体

导航

公告