为了让大家编程更轻松，本书精选了一些有用但比较少见且有用的技巧。废话不多说，上车吧。1.快速隐藏要隐藏DOM元素，不需要JavaScript。原生HTML属性足以隐藏。效果类似于添加样式display:none;。这一段在页面上是不可见的，它在HTML中是隐藏的。
这一段在页面上是不可见的，它在HTML中是隐藏的。但是，这个技巧不适用于伪元素。2.快速定位熟悉inset`CSS属性？它是`top`、`left`、`right`和bottom的缩写版本。类似于margin和padding的简写，我们可以在一行上设置一个元素的所有偏移量。//Beforediv{position:absolute;top:0;left:0;bottom:0;right:0;}//Afterdiv{position:absolute;inset:0;}3.前端Chrome浏览器提供原版的APInavigator.connection.downlink可以访问用户当前网络环境的网络带宽。navigator.connection.downlink;connection.downlink返回的不是用户当前环境显示的网络传输速度，而是当前网络的带宽。官方的说法是：以Mb/s为单位返回有效带宽，并保持该值最接近25kb/s的整数倍。比如我在家里的Chrome浏览器控制台运行navigator.connection.downlink语句，结果返回10，代表下载带宽为10M。具体场景见这篇文章：https://www.zhangxinxu.com/wordpress/2021/04/navigator-connection-downlink/4.禁用拉动刷新CSSoverscroll-behavior属性允许开发者到达顶部/底部content覆盖浏览器的默认溢出滚动行为。这方面的用例包括在移动设备上禁用“拉动刷新”功能，移除过度滚动发光和橡皮筋效果，以及防止页面内容在模态/覆盖体下滚动body{overscroll-behavior-y:contain;}这个属性也很对于在组织模式窗口内滚动很有用-它可以防止主页在到达边界时拦截滚动。具体场景参考这篇文章：https://www.zhangxinxu.com/wordpress/2020/01/css-overscroll-behavior/5。禁止插入文本当用户在浏览器用户界面发起“粘贴”操作时，会触发粘贴事件。有时，我想阻止用户将从某处复制的文本粘贴到输入框中。这可以通过监听粘贴事件并调用其方法preventDefault()轻松完成。
~好了，我是小智。作者：Shadeed译者：前端小智来源：dev原文：https://dev.to/ra1nbow1/6-useful-frontend-techniues-that-you-may-not-know-about-47hd【编辑推荐】网络卡顿还不着急换新机，试试这几招调解密码？定期重置？准备好颠覆认知吧！谷歌受不了了！Android内存大，为什么还是杀后台，比Excel还厉害？WPS的这些功能真香。MicrosoftWindows11/Windows10可一键安装WindowsLinuxSubsystem（WSL）【责任编辑：江华TEL：（010）68476606】
