杀戮仙术

Frames部分，主要用于查看特定帧的fps，可以查看特定的帧情况。 此代码的问题在于，在每个动画帧中，它会更改每个方块的样式，然后查询页面上每个方块的位置。由于样式发生了...

关于 Chrome DevTools Performance 的使用与分析 为什么使用 Performance ? 事物的存在必然有它的原因，Performance存在的原...

一、使用背景 业务开发中存在长列表显示需求，一些用户的聊天列表会出现几千条数据的情况，也就意味着要一次性渲染几千条数据，造成明显的卡顿，这时就有必要对聊天列表进行性能优化来...

话说在三国时期，大都督周瑜为了向世人宣布自己盛世容颜的妻子小乔，并专门创建了一个网站来展示自己的妻子。为了防止他人直接在网站上直接下载图片，周瑜将右键的默认事件给关闭了，并...

PWA作为今年最火热的技术概念之一，对提升Web应用的安全、性能和体验有着很大的意义，非常值得我们去了解与学习。 本系列文章《PWA学习与实践》会逐步拆解PWA背后的各项技...

前段日子有空，粗略学习了一下 Service Worker ；最近重新复习了下，并且把内容整理后写在这里，希望对大家有所帮助。 同时，如果文章中有错误或者描述不当的地方，欢...

一篇完整的 PWA 应用开发介绍文章，从PWA理论概念，到 Service Worker实战demo，以及项目中结合 Vite或 Webpack实践都进行详细描述。...

一般情况下，我们在项目中进行代码调试时，往往只会在逻辑中使用`console.log`进行控制台打印调试。 这种方式虽然比较常规直接，但是如果打印数据多了，就会导致你的控制...

网页游戏以其便携性通常内嵌在各大app中，通过提供沉浸式的游戏体验拉近用户与app之间的距离，最终将用户流量转换为具体的物质价值。 本文将带你从零使用Pixi.js打造一款...

我们今天要介绍的开源项目是一个快速的全能工具包，用于运行、构建、测试和调试 JavaScript 和 TypeScript，它就是：Bun...

各位客官好，这是我掘金的第一篇文章，想记录下自己写的一些好玩的小玩意，有些好的想法可以在评论中我们讨论讨论。 实现效果 目前由于项目需要，想要一种效果，如上面gif所示，支...

都 2024 年了 该学点新的 css 属性了，要不然过几年这些属性通用了你都没听说过--那些比较新的css 属性...

今天我们就介绍一个开源项目，它帮你一键将一个网页打包成桌面客户端。全云端操作，无需下载任何程序，随用随卸，自由自在。它就是：Pake...

用百度网盘举例，可以通过页面打开本机的百度网盘软件，很多软件的网站页面都有这个功能，于是对浏览器唤起本地应用做了一些探索。...

如果你曾经在浏览网页时看到三条线堆叠在一起，那么你就遇到了汉堡菜单。它是移动和响应式网页设计中使用的一种流行设计元素，用于创建干净、简约的界面。 单击时，这个小菜单会从屏幕...

⌛ 三年前。。。 🧔‍♂️ 一同事问我：“你说用 css 能不能直接实现这个效果，不想用 js 写，好麻烦啊” 我回答道：“应该不行吧，好像没什么好用的方法。。。”...

本文，我们将一起学习，使用纯 CSS，实现如下所示的动画效果： 上面的动画效果，非常有意思，核心有两点： 小球随机做 X、Y 方向的直线运动，并且能够实现碰撞到边界的时候，...