18 个强大的 JavaScript 开发技巧

浏览器

01、实现全屏

当你需要将当前屏幕显示为全屏时，以下代码对你有用。

02、退出全屏

当你需要退出全屏时

03、页面打印

当您需要打印当前页面时

04、打印内容样式改变

当需要打印出当前页面，但又需要修改当前布局时

05、阻止关闭事件

当需要阻止用户刷新或关闭浏览器时，可以选择触发beforeunload事件，部分浏览器无法自定义文本内容。

06、屏幕录制

当您需要录制当前屏幕并上传或下载屏幕录像时。

07、判断横竖屏

当你需要判断手机横屏或竖屏状态时。

08、改变横竖屏的样式

当你需要为横竖屏设置不同的样式时。

09、标签页隐藏

当你需要监听标签显示和隐藏的事件时。

10、本地图片预览

当你从客户端获取图片但不能立即上传到服务器，需要预览时

图片

11、图片预加载

当你有很多图片时，你需要预加载图片以避免白屏

JavaScript

12、字符串脚本

当需要将一串字符串转成js脚本时，该方法存在xss漏洞，慎用。

13、递归函数名解耦

当你需要写一个递归函数时，你声明了一个函数名，但是每次修改函数名时，你总是忘记修改内部函数名。argument是函数的内部对象，包括传入函数的所有参数，arguments.callee代表函数名。

DOM 元素

14、隐性判断

当需要判断一个dom元素当前是否出现在page view中时，可以尝试使用IntersectionObserver来判断。

15、元素可编辑

当你需要编辑一个dom元素时，让它像textarea一样点击

16、元素属性监控

17、打印dom元素

在开发过程中需要打印dom元素时，使用console.log往往只能打印出整个dom元素，无法查看dom元素的内部属性。您可以尝试使用 console.dir

其他

18、激活应用

当你在移动端开发时，你需要打开其他应用程序。location.href赋值也可以操作以下方法