Bela

附上一份自以为比较完整的 promise 实现代码，可根据 promise/A+ 规范自行测试，大部分代码源于方应杭老师（可参考：视频课程）的教程，其中做了一些优化调整，若...

经常逛掘金帖子，不小心把鼠标放在了头像上，结果发现了个有趣的动画：当鼠标放置在头像时，头像会不断旋转，且旋转速度越来越快，当鼠标移出后旋转停止。 正好这几天公司没什么事，摸...

前端有很多小而美的库，接入成本很低又能满足日常开发需求，同时无论是 npm 方式引入还是直接复制到本地使用都可以。 2024年推荐以下小而美的库。 radash 实用的工具...

提升首屏的加载速度，是前端性能优化中最重要的环节，这里笔者梳理出一些 `常规且有效` 的首屏优化建议 通过对比优化前后的性能变化，来验证方案的有效性，了解并掌握其原理...

今日周二，在下与诸位同道中人一起来讨论一个话题：当一个前端空闲的时候会做些什么。 🤯是独自深耕论坛，钻研学术？ 👯还是三两闲聊打趣，坐而论道？ 💆‍♂️亦或是闭目养神...

**导读：**架构图是什么？为什么要画架构图？如何画好架构图？有哪些方法？本文从架构的定义说起，分享了阿里文娱高级技术专家箫逸关于画架构图多年的经验总结，并对抽象这一概念进...

whistle是什么 是非常实用且无敌的好东西 代理+抓包+mock的小能手 工作中经常遇到联调前需要mock数据进行开发的时候，又或者移动端出现问题，需要抓包看数据分析情...

一、字段说明 其他字段比较简单，在此不再赘述。 二、module 接下来对比下module和main在实践中的差异，下面是package.json的一种配置： 相当于在一个...

看了几篇关于 css 实现元素固定宽高比的文章，在这里梳理一下，并谈一些自己的想法。 要固定宽高比，说明宽高是要有一定变化的（如果宽高值固定则按需要的比例设置即可），总的来...

总结了11个可以极大提升我们开发效率的chrome调试技巧，一键重发请求、条件断点、复制内容、截取全屏等等。相信对你也会有所帮助噢！！！...

面试官：npm run xxx的时候，发生了什么？讲的越详细越好。 我（嘿嘿，稳了，这次我要30k）: 嘻嘻！...

闲来无事，比较了一下 vue3 中的 watch 和 watchEffect，总觉得官方文档没咋说清楚，今天就小小实践了一下。 首先总结一下两者的区别： 1、watch 是...

用 js 判断一个数是整数的方式有很多，在这里总结一下。 TL;DR： 1、使用取余的方式，因为任意整数取1的余数都是0。 2、使用 Math.round、Math.cei...

1. 合成事件的概念和作用； 1. 合成事件与原生事件的 3 个区别； 1. 合成事件与原生事件的执行顺序； 1. 合成事件的事件池； 1. 合成事件 4 个常见问题；...

今天想详细写写Hooks中的过期闭包问题（Stale Closure Problem）。这个问题在上一篇文章，手写Hooks中出现过。当时只是简单的提了一句，现在打算展开仔...

总结一下组合继承是什么。 JavaScript 红宝书上为了更好地梳理知识，写明原委，所以就写的比较繁杂，由头到尾说了好几种继承方式，包括：原型链继承、借用构造函数继承、组...

一个需求：一个盒子从中间开始，碰到最左边的边界往右移动，碰到最右边的边界往左移动，如此循环。 像这种动画实现，我们自然而然地想到使用 @keyframes 来定义动画，可以...

TS 工具类型有很多，如下：Partial、Required、Readonly、Pick/Omit、Exclude/Extract、ReturnType、Record、Ma...