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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Wingdings介绍：Wingdings 是一个符号字体系列，它将许多字母渲染成各式各样的符号，用途十分广泛。于1997年发表，搭载在其后的 Microsoft Windows 视窗系统内，使用很简单，值得注意的是...

袁志蒙 2023-06-12 3620次浏览