侠客有情剑无情

在项目开发中，往往需要去判断一个元素是否被用户看见（进入可视区），而这是为了去实现某些目的，例如优化资源加载和渲染、添加动画效果、判断广告曝光等等

本文会列举两个实际场景，来说明该如何使用 MutationObserver 来解决问题，希望对你有所启发。

JavaScript 在处理文件、二进制数据和数据转换时，提供了一系列的 API 和对象，比如 File、Blob、FileReader、ArrayBuffer、Base64、Object URL 和

文件上传 是业务上一个很常见的需求功能，但它涵盖的知识点其实很多。笔者结合自己的工作积累，总结了一篇关于文件上传的常见场景和实现，或许会对正在阅读的你有所帮助。 一、文件上传方式 在 Web 网站上传

工作中用到video标签做视频播放器，一开始用 video.js 插件代替，如果只用这个插件进行简单的播放视频，是不是有点浪费，而且这个插件用 webpack 打包后 vendor.js 会很大，所以本文实现一个基于HTML5标签video的自定义视频播放器。其中实现了播放暂停…

当视频能够预览并上传后，非要来一张视频第一帧的截图贴上，第一帧是黑的怎么办，下一帧。 在video标签上添加preload属性. 以上两种方式都可以成功截取到第一帧（截图方式方法不变），自动播放是否准确待验证，预加载属性已验证成功。 关于截取或者处理图片/视频/富文本编辑器，c…

虽然 Chrome DevTools 可以模拟手机的环境，但与真实环境差别比较大，所以一般会用真机调试，或者就是用模拟器了。这篇文章主要就是介绍下在mac上如何使用模拟器来调试页面。 1.打开xcode，需要新建一个项目，通过”Xcode-Open Developer Tool…

前几天面试baidu的时候，面试官问：你都知道什么meta标签？用处是什么？尽可能多的说出来。我：嗯……

在css中，可以通过env()函数读取安全区域规范定义的边界距离值，比如： 但这个方法只能用于css中，JavaScript是无法直接读取env函数的。 想在JavaScript中读取env函数值，需