八叉树

说到 WebSocket，很多人第一反应就是**「又爱又恨」**。爱的是它够快，恨的是出了问题压根没法看。 Network 面板刷一次丢一次，想抓个包得把页面刷新到怀疑人生...

考虑基于puppeteer的node应用很吃资源，服务压力上升后需要手动扩容后续运维成本高，因此想利用serverless自动扩容特性来降低服务的后续运维成本，midway...

大家好，我是前端西瓜哥。 我在 2023 年年初开源了自己一个人开发的项目 Suika。 这是一款 Web 端图形编辑器，可以让用户自由地创建编辑各种图形。 界面长这样。 ...

要用Pixi.js实现一个可视化编辑器，需要先了解Pixi.js的基本概念和操作。Pixi.js是一个用于创建2D图形的JavaScript库，它可以高效地利用WebGL进...

🚀 加入猫箱前端团队，用AI一起引领未来！ 👋 Hey，有志于AI创新的技术精英！ 厌倦了日复一日的业务维护工作 ? 😮💨 渴望加入一个充满活力、技术氛围浓厚且有巨...

在一次次使用flex布局的时候遇到了一些小困扰，而解决这些小困扰的过程中发现了一些小技巧，特记录并分享出来...

> 于水增 ## 故事背景 事情起源于之前做的海报编辑器，自己调试时无意中发现字体渲染好慢，第一反应就是网怎么变慢了，断网了？仔细一看才发现，淦！这几个字体资源咋这么大，难...

适配的含义 可视、可操作区域是在安全区域内。 没有做适配的情况： 安全区的含义 不被圆角、齐刘海、底部小黑条（Home Indicator）遮挡的长方形。 H5页面适配安全...

process.env.NODE_ENV应该是我们最熟悉的环境变量了，它经常出现在使用框架或者类库的时候，被用来区分不同的环境（开发，测试，生产等）...

任何能提高代码可维护性、降低代码理解成本、提高代码的容错率和提高项目可扩展性的统一标准，称之为规范标准； 但是如何去落实规范就是一个难题了，我相信本文能给您答案 ~...

useEffect 通常用于状态更新导致的副作用，本文主要分享一些基于 useEffect 封装的高阶 effect hook。...

最近看了一些 Ant Design 的组件源码，学到一些很实用的技巧，这篇文章来分享一下。 首先，我们用 create-react-app 创建个 React 项目（选择 ...

做了两年多的性能优化，从一开始的一脸懵逼，到后来的逐渐摸到点门道，所以想由此记录一下，今天我们不谈术的东西，就聊聊道的方面，到底当我们接手一个性能优化专项后，我们该如何规划...

业务随笔记录，解决H5在native中键盘弹起影响页面交互的问题，并封装为自定义hook，应用在副作用页面...

汇集整理了如何在PC端远程调试移动端的页面，包括企微/微信中的H5页面，以及如何抓取微信小程序的请求包，在windows平台，如何调试IOS中的H5页面，在本地如何调试线上...

好吧，生涩难懂，没能理解。不过网上有说此效果在iPhone上比较常见，直接上图比较容易理解： 简单来说，就是界面滑动到了最底部或最顶部仍可以比实际的内容多滑动一段距离然后回...

为什么B站的弹幕可以不挡人物 这篇文章里面介绍了这个神奇的 mask 属性，我们知道了B站的弹幕可以不挡人物的原理： 视频处理：每一帧画面都由后台 AI 识别后生成对应的 ...

工欲善其事必先利其器，本文分析了在vscode中使用ESLint和Prettier插件的是使用，以及在完成代码保存时自动格式化方面存在的冲突的原因以及怎么更好的解决...