![](https://img-blog.csdnimg.cn/20201014180756738.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
web
文章平均质量分 74
henry+
专注Web前端10年
展开
-
SVG <pattern> 标签的用法和应用场景
通过使用标签,可以在 SVG 图像内部定义可重复使用的任意图案。这些图案可以通过fill属性或stroke属性进行引用。原创 2024-06-20 17:21:45 · 544 阅读 · 0 评论 -
高级前端开发需要知道的 25 个 JavaScript 单行代码
1. 不使用临时变量来交换变量的值2. 对象解构,让数据访问更便捷3. 浅克隆对象4. 合并对象5. 清理数组6. 将 NodeList 转换为数组7. 检查数组是否满足指定条件8. 将文本复制到剪贴板9. 删除数组重复项10. 取两个数组的交集11. 求数组元素的总和12. 根据指定条件判断,是否给对象的属性赋值13. 使用变量作为对象的键14. 离线状态检查器15. 离开页面弹出确认对话框16. 对象数组,根据对象的某个key求对应值的总和原创 2024-06-17 18:01:41 · 1268 阅读 · 0 评论 -
纯CSS+单个div实现抖音LOGO
主要借助了两个伪元素实现了整体结构,借助了drop-shadow生成一层整体阴影。drop-shadow只能是单层阴影,所以另一层阴影需要多尝试。contrast(150%)brightness(110%)则可以增强图像的对比度和亮度,更贴近抖音LOGO的效果。转载 2024-06-08 12:23:08 · 47 阅读 · 0 评论 -
2024 Web 新特性 - 使用 Popover API 创建弹窗
Popover API正是为了简化这一过程而生,它为Web开发者提供了一套标准化的方法来创建和控制弹出窗口,确保了跨浏览器的一致性和易用性。Popover API 为开发者提供了一种声明式的方式来创建各种类型的弹窗。本文演示了如何使用 Popover API 创建弹窗原创 2024-06-07 11:38:13 · 524 阅读 · 0 评论 -
如何使用 JavaScript 获取当前页面帧率 FPS
可以通过计算每秒window.requestAnimationFrame的调用频率来做为 FPS 值。它接收一个回调函数,该回调函数会在浏览器下一次重绘之前执行。所以只要我们循环调用并记录单位时间内的调用次数就能计算当前页面的帧率了。原创 2024-05-12 21:21:11 · 616 阅读 · 0 评论