生成指定范围的随机数组

输入范围,输出随机组成的数组,比如输入 minNum、maxNum、option,返回 minNum 与 maxNum 间的随机数组构成的 option 长度的数组

阅读全文

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

PixiJs v5.2.0 加载精灵的时候会有缓存相关的 warning,每次都九十多条 warning,这谁受得了,花了点时间,各种调试,终于把他们给去掉了,舒服。可能有人会问,直接 google cv 一条龙不就解决了,但是网上关于 PixiJs 的文档是很少的,官方文档看了看,开发论坛看了看,都说用 clearTextureCache 方法,但是,通过打印发现是在 load 阶段给出的 warning,所以这里没用。

阅读全文

Webpack5 新特性 - 模块联邦笔记

传统的模块共享方式有打包到 npm 共享,UMD 方式共享以及微前端方式共享等,但是这些方式都多少有点问题,Webpack5 新特性模块联邦就是为解决这些问题而生。

阅读全文

CSS 定位

css 定位知识总结及 demo 展示

阅读全文

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

一、摘要

最近发现做了这么多的首屏优化,一直都是把白屏时间和首屏时间算在一起,也就是页面打开之前 dom 没渲染出来,我就把他归为首屏时间。时间上这里专业点可以分为首屏和白屏两个阶段,这篇文章就讲讲二者的区别,以及计算方法。

阅读全文

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

bug 天上来,想不到的 bug 之 翻译有什么错

阅读全文

Axios 网络请求封装

axios 是网页请求库中的新星,经常会看到他与 vue 携手,该库对 http 请求已经封装得很好了,但是,由于我需要一些更加定制化的操作,比如加密请求参数等,所以这里进行了二次封装。

阅读全文

Vscode代码格式化总结

工欲善其事必先利其器,有一个完美的代码编辑工具,可以大幅提高编码效率,从团队的角度讲,也有利于促进团队的写作。我个人是个强迫症,看不得一点的不干净,于代码如是。在多人合作的项目中也会发现,每个人的编码风格和格式化工具不一样,拉下代码来还要重新格式化,看看哪里不对不说,还会弄出一些奇怪的问题。鉴于此,我研究了一段时间怎么统一代码风格,怎么做才能让代码自动格式化符合标准,怎么自动修复一些代码错误。答案是,eslint + prettier 可以完美做到,关于这个,网上有很多教程,我的配置如下:

阅读全文

异步数据引出的 Console 问题

最近发现实验系统有个 bug,首屏打开的实验,总是会丢失一些物件,一开始还以为是打开太快,没画完,调试了一会发现丢失的物件都是图形精灵,再摸索一会发现 texture 的 load 方法是异步的,每次打印都在调用他的函数之后执行。

阅读全文

ES2020 新特性

一、使用 # 号快速创建类的私有变量

类的主要目的之一是把我们的代码复用到更多模块中去,但是我们又不希望把所有的属性和方法都暴露出来,现在,有了这个新特性,我们就可以很轻易的实现这个想法了,只需要在我们的私有属性或者方法前面加一个 # 号即可:

阅读全文