电源

字体加载闪烁问题解决方案详解 目录 问题描述 问题原因分析 font-display 属性详解 解决方案 最佳实践 性能优化 总结 问题描述 🎯 什么是字体加载闪烁？ 字...

破解浏览器缓存之谜：为何你的 Webpack 应用总是无法自动更新？ 你是否也经历过这样的场景：刚刚加班加点修复了一个线上紧急 Bug，满怀信心地通知用户刷新页面，得到的反...

最近一段时间在做 H5 聊天项目，踩过其中一大坑：输入框获取焦点，软键盘弹起，要求输入框吸附（或顶）在输入法框上。需求很明确，看似很简单，其实不然。从实验过一些机型上看，发...

Danmu 是一个用来管理，渲染，发送弹幕，强大可扩展的弹幕库，覆盖了很多业务场景并且提供了好用的扩展方式。...

展示: 1.typed.js的介绍 typed.js是一个类型化库，效果是用打字机的方式显示一段话，可以自定义任何字符串、指定显示速度、指定是否循环等 可以在此网站查看所有...

基于 Canvas 实现图片裁剪功能，有裁剪器与不规则裁剪能力，想了解图片裁剪能力的赶紧来瞧瞧吧~~...

React 团队在 Suspense 上的重大失误导致不得不停止发布 React 19 版直到这个问题被解决。...

瀑布流布局，我们既能在小红书这类图文网站看到，也能在拼多多、京东和淘宝这类电商网站看到。那么，同样是瀑布流，两种实现方式的优点、缺点是什么呢？如果想用 H5 实现瀑布流，应...

如果你想知道取余和取模的区别和应用、以及 mod 函数如何实现，看完这篇文章，你一定有所收获。我会先给出取余运算和取模运算的计算方式，再用四个例子解释计算方式，接着我会谈一...

两年前看到 Pepyaka 这个网页效果，被其丝滑酷炫漂亮到效果所惊艳，今天终于可以带大家用 Three.js Shader 一步步详复现这个效果，其实并不复杂，相信很多前...

记app webview内嵌h5开发视频播放器踩坑。 1. 视频自动播放 2. ios默认全屏播放 3. 在微信，飞书等内置浏览器打开h5，调用requestFullscr...

李经理在使用飞书时无意中发现,飞书竟然支持一键复制网页内容到剪贴板的功能。 他立即叫来了公司的前端开发小王,兴致勃勃地说: "小王啊,你看,飞书的这个功能多方便!我们公司的...

🌐 原地址 👉 h3 🫰 demo 🫰 🧐 思路分析 🧐 这样看是不是一目了然呢~ 😏 如上👆gif👆效果可以理解为👉 以鼠标位置为圆心，产生的背景圆，...

多种字体外描边方案对比：text-stroke、text-shadow、svg、canvas，讲讲这些方案的优缺点...

电商类 H5、小程序把商品加入到购物车时，常常有一个抛物线动画。比如麦当劳小程序，当你点击加购按钮时，会看到有一个小汉堡从卡片汉堡上抛出，然后掉落到购物袋里。本文介绍了这种...

JavaScript作为前端开发从业人员必须掌握的3大基础知识中最重要的一环，也是平是接触时间最长、写得最多的。在开发过程中必然会遇到命名的问题，你会词穷、纠结、惆怅吗？...

2023 年，我经历了两次裁员，一次是在网易，属于意料之中，一次是在前司，属于意料之外。说实话，可以说是打乱了我原本的职业规划，而今年也恰好是我的而立之年，所以写篇文章来分...