什么是 TypeScript 中的函数重载?
你知道为什么下图中定义了这么多ref函数,它们是干什么用的吗?如果你还不是很清楚,看完本文的内容,或许你就会明白了。这是一个简单的logError函数,接受一个字符串类型的参数,用于输出错误信息。
Chrome发布首个WebGPU实现
Chrome 团队宣布,经过多年的开发,他们终于发布了 WebGPU 实现,目前已在 Chrome 113 Beta 中默认启用。WebGPU 可用于在 Web 上进行高性能 3D 图形和数据并行计算。
React Query 完全指南,时下最热辣的请求库!
React Query 是什么?React Query 是由@TannerLinsley 创建的 npm 库。它是一个针对 React 应用的状态管理器,可以简化许多任务,例如处理 HTTP 请求状态、在客户端保存数据以防止多次请求、使用 hooks 共享数据等等。
WebGPU API的介绍与使用
WebGPU API 使 web 开发人员能够使用底层系统的 GPU(图形处理器)进行高性能计算并绘制可在浏览器中渲染的复杂图形。WebGPU 是 WebGL 的继任者,为现代 GPU 提供更好的兼容、支持更通用的 GPU 计算
React的并发悖论
当一个React应用逻辑变得复杂后,组件render花费的时间会显著增长。如果从组件render到视图渲染期间消耗的时间过长,用户就会感知到页面卡顿。为了解决这个问题,有两个方法:
最新的CSS API:CSS Custom Highlight
CSS Custom Highlight API即将到了,它实现了浏览器原生支持的CSS文本高亮功能,它的实现不会改变dom结构,因此性能非常高效。目前在谷歌Chrome 105中已经正式支持
一篇文章带你理解 React 中最“臭名昭著”的 useMemo 和 useCallback
作为一个 React 开发者,如果你一直觉得 useMemo 和 useCallback 这两个 Hook 比较难以理解,那么别害怕,事实上很多人都如此。我和其他公司很多的 React 开发者交流过,大多数对这两个 Hook 都是一知半解的状态。
Vue 代理无需重启项目解决方式
在使用 vue-cli3 创建项目时,如果在 vue.config.js 中配置了代理,那么在开发环境下,每次修改代理配置后都需要重启项目才能生效,这样就会造成开发效率的降低,因此需要解决这个问题。
CSS实现循环无缝滚动
最近看到微信阅读上面的本周推荐卡片的滚动动画效果,就想试试也实现一下。乍一看感觉只要做一下倾斜和移动的动画就可以了,其实主要的难点是如何做到无缝循环。