计算岛屿的数量

深度优先搜索遍历所有陆地,遇到1就标记为0并继续搜索,直到所有相连的1都被处理完,最后统计岛屿数量。

阅读全文

JavaScript Call、apply 和 Bind

call 和 apply 立即执行函数,bind 只是绑定 this 且需手动调用

阅读全文

Pixijs Graphics vertexData 采坑

Graphics.vertexData 未及时更新时需手动初始化再调用更新方法才能获取有效数据

阅读全文

翻转字符串里的单词

去掉首尾空格后按空格分隔单词反转再合并,注意处理多个空格情况

阅读全文

生成指定范围的随机数组

生成指定范围随机数组时要注意随机数是否在范围内避免重复计算

阅读全文

PixiJs ———— 精灵加载去缓存

使用 PIXI.Loader.shared 替代新实例可避免缓存警告,但需注意资源加载期间不能重复添加。

阅读全文

Webpack5 新特性 - 模块联邦笔记

模块联邦实现动态共享模块,避免重复打包但需注意依赖冲突问题。

阅读全文

CSS 定位

定位时注意元素脱离文档流后对布局的影响,以及偏移参照物的不同。

阅读全文

首屏时间(FCP) vs 白屏时间(FP)

白屏时间反映页面开始渲染前的空白期 首屏时间关注内容实际加载完成时刻 两者计算方式不同 优化方向也不同

阅读全文

防不胜防的 Bug —— Chrome 翻译惹的祸

页面出现乱码是因为 chrome 自动翻译导致,设置 html 语言为 zh-CN 可避免此问题。

阅读全文