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实现循环无缝滚动
最近看到微信阅读上面的本周推荐卡片的滚动动画效果,就想试试也实现一下。乍一看感觉只要做一下倾斜和移动的动画就可以了,其实主要的难点是如何做到无缝循环。
十大需要掌握的 Web3 技术
有数据统计,到 2028 年,预计 Web3 的市场规模将超过 125 亿美元。 该领域的潜力意味着对 Web3 技术开发者的需求将会猛增。 如果您想让您的技能对雇主有吸引力,是时候需要加入 Web3 的行列
js中计时器的使用和区别
在JavaScript中,我们经常使用requestAnimationFrame、setTimeout、setInterval和setImmediate来控制代码的执行时机。它们各有特点和适用场景:requestAnimationFrame: requestAnimationFrame主要用于浏览器动画渲染。
最新,Vue 中的响应性语法糖已废弃
自从引入组合式 API 的概念以来,一个主要的未解决的问题就是 ref 和 reactive 到底用哪个。reactive 存在解构丢失响应性的问题,而 ref 需要到处使用 .value 则感觉很繁琐