现在前端开发普遍依赖 Vue、React 等框架，不少开发者忽视 HTML5、CSS3、ES6 + 原生能力。本文整理大量兼容性良好的现代 Web 新特性，包含<dialog>弹窗、CSS:has()父选择器、容器查询、IntersectionObserver、BroadcastChannel 等实用 API，附带完整代码...

袁志蒙 2026-08-03 163次浏览

reduce() 是 JavaScript 数组方法中最强大但也最常被误解的方法之一。它能够将数组元素"缩减"为单个值，这个值可以是数字、字符串、对象甚至另一个数组。本文将深入探讨 r...

袁志蒙 2025-06-15 4121次浏览

CSS 的 mix-blend-mode 属性是现代网页设计中一个强大而富有创意的工具，它允许开发者控制元素内容与其背景（包括父元素和兄弟元素）的混合方式。这个属性为设计师和开发者...

袁志蒙 2025-04-19 3085次浏览

本模板基于YzmCMS V7.2开发，采用HTML5响应式设计，兼容PC、平板、手机等设备、模板漂亮大气，手工书写HTML+CSS，代码精简，旨在为用户提供更加流畅和便捷的浏览体验。演示站...

袁志蒙 2025-01-16 3322次浏览

在 CSS 中，我们经常需要控制元素的样式属性，并且有时候我们希望某些属性能够重置、继承或恢复为默认值。为了解决这些需求，CSS 提供了四个非常实用的关键字：initial、inherit、unset 和 revert...

袁志蒙 2025-01-09 2695次浏览

1. inputmodeinputmode 全局属性是一个枚举属性，它提供了用户在编辑元素或其内容时可能输入的数据类型的提示。<input type="text" inputmode="tel" />该属性可以取以下值：...

袁志蒙 2024-08-24 2731次浏览

在这篇文章中，我们将深入解析一个css实现华为充电动画的效果。这个动画涉及到了许多 CSS 和 HTML 的关键技术，包括 CSS 动画、定位、过滤器、伪元素、转换等。

袁志蒙 2024-06-02 2861次浏览

在JavaScript中，compositionstart 和 compositionend 事件是用于处理输入法输入的两个重要事件。虽然在日常开发中可能不常用到它们，但对于处理中文、日文等复杂输入法的...

袁志蒙 2024-03-11 2456次浏览

今天抽了点时间用 HTML+CSS 写了一个 鸿蒙OS 开机动画 ，用的最多的就是css的animation这个属性，分享一下：

袁志蒙 2023-11-19 3404次浏览

一、:focus-within 选择器在CSS中 :focus-within 是一个伪类选择器，它代表的是在一个元素内部获得焦点的元素。这个选择器主要用于确定当用户在某个元素内部点击或者通过键...

袁志蒙 2023-10-15 1985次浏览