网页开发时，常常需要了解某个元素是否进入了"视口"（viewport），即用户能不能看到它。 上图的绿色方块不断滚动，顶部会提示它的可见性。 传统的实现方法是，监听到scroll事件后，调用目标元素（绿色方块）的getBoundingClientRect()方法，得…

阅前必看：本文总结了各种常见的布局实现,每个方法的优缺点分析往后在github上陆续补充。还有就是这篇文章没提到的其他布局，待本人后续想到或遇到定会在github上及时更新。 由于文章篇幅较长,排版有些混乱,希望别介意哈。掘金PC端是会自动生成目录的,为了方便移动端阅读，还特意…

今天我们要讲解下如何编写一个图片压缩、方向纠正插件，附带着会讲解下如何上传和预览。 相信大家在做项目过程中，经常会遇到上传图片到后端，但是由于图片过大，需要对图片压缩处理。特别在移动端，手机拍的照片普遍过于大了，我们有时候只是需要上传一张头像，很小就够用了。还有在部分手机上（已…

1.清除或截断一个数组通过更改数组的长度（length）这个简单的方法，我们就能清除或者截断一个数组啦：constarr=[11,22,33,44,55,66];//truncantingarr.le

看起来异步对象使用起来还是很方便的它能帮助我们完成一些异步代码采用同步写法就可以完成事情. Promise对象可以理解为一次执行的异步操作，使用promise对象之后可以使用一种链式调用的方式来组织代码；让代码更加的直观。也就是说，有了Promise对象，就可以将异步操作以同步…

屏幕适配应当指内容 适配区 和 屏幕区 间的适配关系。 单屏适配有 contain、cover 或 fill，多屏常见是 依宽 。 contain 和 cover 还需要 定位 来处理留白和超出的内容。 而同一个 H5 里不同内容往往用不同适配方式，即 分层。 对于屏幕适配这类…

问题9：[Intervention] Unable to preventDefault inside passive event listener due to target being treated as passive. See

唉，我还是前端小渣渣一个。 是一家云服务产品公司，面试流程也比较简单，前端负责人拿了一块白板和记号笔，心想一会要手写代码了。。。。 不过这种面试方式还是不错的。 去之前以为自己准备的差不多，其实准备的远远不够充足啊。 一开始一般会让你进行一个简单的自我介绍，我就主要说了一下上家…