Webpack5 新特性 - 模块联邦笔记

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

阅读全文

CSS 定位

css 定位知识总结及 demo 展示

阅读全文

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

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

阅读全文

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

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

阅读全文

Axios网络请求封装

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

阅读全文

Vscode代码格式化总结

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

阅读全文

基于以往经验的基础知识整理

根据项目经验,整理的前端基础知识文稿

阅读全文

异步数据引出的Console问题

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

阅读全文

关于跨域那些事

跨域相关笔记

阅读全文

CSS 小技巧

本文收录日常开发中一些 css 小技巧,包括文本处理、导航栏样式等。

阅读全文