HTML

我正在参加「码上掘金月赛第1期」，点击此处查看详情 介绍 代码的世界可以很简单也可以很浪漫，又到了一年一度秀浪漫的日子（过去几天了），给大家介绍一个 SVG 心形波纹动画和 Click Love 页面

这是我参与「第五届青训营 」伴学笔记创作活动的第 1 天 介绍 我们知道，HTML 被用来结构化信息——例如标题、段落和列表等，也可用来在一定程度上描述文档的外观和语义。在编程中，语义指的是一段代码的

HTML5 提供了专门的拖拽与拖放的 API，目前各浏览器都已支持，包括 IE。HTML 拖放（Drag and Drop）接口使应用程序能够在浏览器中使用拖放功能。例如，用户可使用鼠标选择可拖拽

Popup API 提供了比 <dialog> 更简单的方式来定义弹框：通过在 HTML 元素上定义 popup 属性即可实现将任意元素（除了 template 模板元素）包装为一个弹框，并且将默认地

目前 SVG SMIL animation 动画相关资料还是太少，尤其对各个属性和方法的解释、示例，而且标准也在不断变动，所以 CSS 动画在功能和兼容方面还是更有优势。

如何在外部修改已定义的 Web Components 的 Shadow DOM 内部样式？下面是两种方法。在安卓手机，苹果手机和 PC 端测试，都可以完全支持，查看到效果。而 is 属性目前只有 Sa

将一个无序列表转化为一个带图标的可折叠/展开的菜单。可以使用 Web Components、使用 details 和 summary 配合 ::marker 伪元素、使用 checkbox 和 lab

HTMLFormElement.requestSubmit() 方法会触发表单验证，验证通过后会触发开发者自定义的 submit 事件。而HTMLFormElement.submit() 方法会触发

canvas-confetti 是一个 canvas 五彩纸屑特效 JS 插件，体积只有 10 KB 左右大小。可以用来制作烟花等特效。

Vue2 和 Vue3 的数据绑定都是观察者模式的实现，前者使用 Object.defineProperty，后者使用的是 Proxy。本文介绍了它们的原理和实现。

HTML 实体是一段以连字号（& 或 &#）开头、以分号（;）结尾的文本（字符串）。例如 A、B、C 的实体编号分别为 &#65;、&#66; 和 &#67;。

Unicode 标准（几乎）涵盖了世界上所有的字符、标点符号和符号。支持 HTML、XML、Java、JavaScript、电子邮件、ASP、PHP 等独立于平台和语言的文本处理、存储和传输。它的目标

图片懒加载——当图片滚动到可见时才进行加载 内容无限滚动——也就是用户滚动到接近内容底部时直接加载更多，而无需用户操作翻页，给用户一种网页可以无限滚动的错觉 检测广告的曝光情况——为了计算广告收益，需

我报名参加金石计划1期挑战——瓜分10万奖池，这是我的第2篇文章，点击查看活动详情 介绍 页面可见性可以通过让页面在文档不可见时避免执行不必要的任务，从而来节省资源和提高性能。例如： 网站有图片轮播效

介绍 通过 <a>, <area>、<form> 或 <link> 元素可以使一个页面链接到另一个页面，通过 href 属性（<form> 属性是 action）可以设置外部资源的路径。 rel 属性

data-* 全局属性是一类被称为自定义数据属性的属性，它赋予我们在所有 HTML 元素上嵌入自定义数据属性的能力，并可以通过脚本在 HTML 与 DOM 表现之间进行专有数据的交换。

如果数据绑定将开发者从操作 DOM 中解放了出来，那虚拟 DOM 则为数据绑定提供了性能保证，还有分层设计、跨平台以及服务端渲染等特性。

Web Components 的主要好处是原生支持，Vue 组件的插槽机制是受原生 Web Component <slot> 元素的启发而诞生，同时还做了一些功能拓展。

Vue、React 等前端框架的核心特性就是数据绑定和组件复用。而现在浏览器已经实现了自己的 Web Components API，允许创建可重用的定制元素，并且在 web 应用中使用它们。

HTML 5.2 推出了一个新的原生模态对话框元素 <dialog>。<dialog> 可以通过 showModal 方法显示和 ::backdrop 伪元素自定义遮罩层（mask）样式。