前端实现画中画超简单，让网页飞出浏览器

02月18日 HTML,JavaScript 没有评论 HTML,JavaScript

Document Picture-in-Picture 介绍今天，我来介绍一个非常酷的前端功能：文档画中画 (Document Picture-in-Picture, 本文简称 PiP)。你有没有想过，网页上的任何内容能悬浮在桌面上？视频流媒体的画中画...

抛弃 for 循环，让 JavaScript 代码更丝滑

02月15日 JavaScript 没有评论 JavaScript

在如今的 JavaScript 开发中，传统的 for 循环虽然经典，但在许多场景下，它已经不再是最优解，甚至可以说有些 “落后” 了。尽管 for 循环依然是 JavaScript 循环机制的基础...

02月15日 JavaScript 没有评论 JavaScript

最近在开发一个用原生 JavaScript 开发的项目，说实话，我平时开发的都是使用 Vue/React 进行开发，所以这次使用 JavaScript 原生开发，就需要自己去做一些性能的优化文档碎片 DocumentFragment ...

02月10日 CSS 没有评论 CSS

CSS想必大家已经非常熟悉了，任何一个页面都少不了它的身影。除了基础的样式设置，还有不少高级用法，能实现更复杂和精美的页面效果。一、现代布局 1.1 弹性布局（Flexbox）高阶技巧 .container { di...

02月09日 JavaScript 没有评论 JavaScript

JavaScript 作为一门不断发展的语言，每年都会引入新的特性来提升开发体验。 1. Promise.withResolvers() 这个新特性提供了一种更优雅的方式来创建和管理 Promise 的 resolve 和 reject 函数。 // 旧方...

02月09日 CSS,JavaScript 没有评论 CSS,JavaScript,菜单

当你设计网站时，网站导航是一个非常重要的考虑因素。它是你网站中的主要元素，可能也是用户交互最多的元素。尽管我们可以通过 HTML 和 CSS 创建一个简单菜单，但结合JavaScript 可以帮助提高创造力并改善整...

02月09日 CSS 没有评论 CSS,按钮

背景在群里会有同学问相关的问题，怎么样使用 CSS 实现一个内切角按钮呢、怎么样实现一个带箭头的按钮呢？本文基于一些高频出现在设计稿中的，使用 CSS 实现稍微有点难度和技巧性的按钮，讲解使用 CSS ...

02月09日 CSS,HTML 没有评论 CSS,HTML

这段代码创建了一个带有装饰性按钮的卡片(图片去边角)，通过 CSS 技术实现了按钮的装饰性效果，为页面添加了视觉吸引力。演示效果 HTML&CSS <!doctype html> <html> <head>...

02月09日 JavaScript 没有评论 JavaScript,数组

分享一些超级好用但是又很冷门的数组方法 copyWithin copyWithin 这个方法就是将一个数组里的某些元素，移动到另外一个位置，可以一次性移动多个用法 const array1 = ['a', 'b'...

12月12日 JavaScript 没有评论 Fetch,JavaScript

fetch API 本身不直接支持请求进度的监控，但你可以通过使用 ReadableStream 和 Response.body 来间接实现下载进度的跟踪。对于上传进度，fetch 目前没有直接的方法来跟踪。 ...