摘要：
本文翻译自：《Do you really understand CSS radial-gradients?》所有第一人称口吻均指原作者本人，作者是 Microsoft Edge 开发人员体验团队的 PM，之前曾在 Mozilla 工作。 前言 2022 年 10 月 24 日 七年前，我自学了所有关 阅读全文
摘要：
前言 提到元素拖拽，通常都会先想到用 HTML5 的拖拽放置 (Drag 和 Drop) 来实现，它提供了一套完整的事件机制，看起来似乎是首选的解决方案，但实际却不是那么美好，主要是它的样式太过简陋，无法实现更高级的用户体验： 这是浏览器默认的拖拽效果，点住拖拽任意图片或文字都会产生。 笔者因为之前 阅读全文
摘要：
在一个风和日丽的早晨，我正悠闲地喝着Coffe，突然领导向我走来，我赶紧熟练地切出VSCode，淡定自若地问：领导，什么事？领导拍了拍我的肩膀：你上次封装的方法同事跟我反馈使用起来很不错啊，你不如做成JS插件给大家用吧。我放下了手中的掘金马克杯，甩了一下眼前仅剩的几根刘海，眼神坚定地回道：没问题啊领 阅读全文
摘要：
处理异常的意义 随着网页项目越来越复杂，许多异常报错很难在开发和测试阶段被发现，尽管你可能避开了语法等常规错误，但不可避免的是代码在运行时的错误你仍旧无法准确预料，假设现在有如下一段 Vue 代码，它在生命周期的 created 阶段异步请求并接收了错误的数据，可能就会导致页面渲染出现错误： <te 阅读全文
摘要：
当今前端编程中，利用语义化的 HTML 结合 CSS 来完一个组件并不是一件难事，这也意味着无论在 React、Vue 中都可以插入，不过它俩不是今天的主角，接下来我将用一个内容隐藏警告的组件的例子，来介绍如何封装一个完整的原生 HTML 的 Web Components 组件，让我们开始吧！ HT 阅读全文
摘要：
CSS :modal ，是一个方便的 CSS 伪选择器提供了一种选择"模态"元素的方法。 目前 Chrome 105 已经开始支持，浏览器兼容性一览: 目前有两种类型的元素被归类为:modal： 使用 showModal 方法的对话框元素。 处于全屏模式的元素。 :modal 代码片段示例： 结合顶 阅读全文
摘要：
导读：就像我们开始通过媒体查询构建响应式网站时一样，现在，CSS容器查询也终于来了！这项功能目前已经在 Google Chrome (105) 和 Safari 16 中得到支持。本文将解释容器查询的工作原理、我们如何使用它们以及语法是什么样的，并分享一些实际的使用示例来帮助你更好地理解它。 介绍 阅读全文
摘要：
在文件输入类型中有一个 capture 的可选属性，它可以设置应该使用哪个设备来捕获该accept属性定义的类型的新媒体。值包括user和environment。 Capture 以前是一个布尔属性，如果存在，则请求使用设备的媒体捕获设备（如相机或麦克风）而不是请求文件输入。 捕获属性的有趣之处在于 阅读全文
摘要：
我正在参加「码上掘金挑战赛」详情请看：码上掘金挑战赛来了！ 前言 如你所见，这是一个萌系休闲类小游戏，应该非常适合在深夜里一个人打发寂寞时光！（查询作者精神状态） 游戏是这样的，通过控制鼠标可以在这个被黑夜笼罩的都市中打开一束光，照亮某片区域，玩家要尽可能快地寻找到 掘金酱 的身影，鼠标只要命中即为 阅读全文
摘要：
前言 这是一道非常经典的面试题，涵盖了从函数的基本概念、运算符优先级，到作用域链、原型链、this关键字、new关键字等基础知识点考察，可以说能完整答对 JS 基础才算过了关，本文就带大家回顾并剖析这道面试题，应该是全网最详细的文章了，这次彻底搞懂它。 // a function Foo () { 阅读全文