张小凡酱

本文介绍了前端使用字体的一些问题，并介绍了一个基于opentype.js实现的Chrome字体裁剪插件，能够实时预览字体，裁剪并导出otf和woff格式的字体子集。为什么要...

0. 为什么要写这篇文章？ 最近查阅了一些移动端适配的文章和资料，对大多数的概念和论述没发现有疑惑的地方，唯独对设备像素比（device pixel ratio，dpr）有...

1. 背景 之前公司项目有一个刮奖小游戏的需求，因此有了本文记录该“刮刮乐”游戏的实现过程。 话不多说，先上 Demo 和 项目源码. 2. 实现 我们创建一个 Scrap...

「这是我参与11月更文挑战的第8天，活动详情查看：2021最后一次更文挑战」 实现效果 常见活动页刮刮奖效果 思路 第一步：首先做好刮奖的内容html，然后使用canvas...

我们在调研优化网页加载性能时，通常能看到这样一条：html 最好限制在 14kb 以内。那么问题来了，为什么是 14kb，超过 14kb 对性能的影响有多大，为了回答这两个...

在项目中，当执行npm intall时，会根据package.json中的依赖项在node_modules目录中安装依赖包。这一稀松平常的动作，看似简单，实则背后原理充满复...

lottie-web生成使用的json特别的长，那我们在开发中要修改它的参数，就必然要看懂它每个字段代表的意义。...

本文介绍了如何使用Rust工具ast-grep来检测和解决js项目中的循环引用问题。使用ast-grep工具可以解决遍历ast的性能瓶颈问题。解决循环引用问题的方法推荐新增...

通过上一篇 Go IO 的姿势， 我们看到有两种文件读写的方式，一种是系统调用的方式，接受和操作的对象是一个整数 fd，另一种是 Go 标准库自己封装的标准库 IO ，操作...

最近接入Cypress，项目使用了比较旧的框架，在接入过程中遇到了挺多坑的。感慨技术不革新，没有跟着社区发展演进，会给开发带来问题，影响开发。本篇文章就讲一下其中一个跟Vu...

前几天，OpenAI 推出超神 ChatGPT，非常火爆。但是呢，因为不可抗力原因，大部分人无法体验到。这里我分享一下注册的攻略。...

「万字解析」详解 Tapable 核心工作机制，Webpack Plugin 必备前置知识解读。从原理玩转 Webpack ，真正精通所谓工程化前端。...

ThisType是ts中内置了一种类型，查看源码发现只能知道它的作用，定义方法中啥都没有 下面说明一下它怎么用，啥时候用 ThisType ThisType和this参数都...

更好地在 Vue 3.x 中结合类型系统使用 Vuex 4.0，贴合实际工作场景，讲解细致，有完整示例代码可拿来主义...

我们都知道 Vue 对于响应式属性的更新，只会精确更新依赖收集的当前组件，而不会递归的去更新子组件，这也是它性能强大的原因之一。 我们在触发 this.msg = 'Hel...