01.检查网络速度

需要确定用户的网络速度？ JavaScript 的网络信息 API 可以满足这个需求！可以通过navigator.connection.downlink访问下行速度（以 Mbps 为单位）。

02.移动端添加震动能力

想要为移动网络应用程序添加触觉响应吗？ window.navigator.vibrate API 可让您触发设备振动。

03.防止文本粘贴

在特定情况下，我们可能希望限制用户将文本粘贴到输入字段中。以下代码片段向您展示了具体操作方法。

04.轻松隐藏DOM元素

无需仅依赖 JavaScript 来隐藏元素。利用本机 HTML hidden属性。

05.CSS使用inset快速定位

抛弃CSS中冗长的top 、 left 、 right 、 bottom属性！ inset属性简化了您的定位。

06.测量代码的执行时间

出于性能考量，我们有时需要测量代码的执行时间。

07.移动设备上禁用下拉刷新

如果需要防止移动设备上的下拉刷新， overscroll-behavior-y CSS 属性是您的首选。

08.使您的整个网页可编辑

需要一种快速方法将您的网页变成可编辑区域吗？使用contentEditable属性！

09.ID 创建全局变量

你可知道？我们可以直接在 Javascript 中访问具有 ID 的元素，无需document.getElementById。

10.网站平滑滚动

通过添加scroll-behavior: smooth；来增强平滑滚动的用户体验到你的html元素的 CSS。

11.CSS使用empty选择器

使用:empty选择器有效地定位和设置空元素的样式。