前言 因为业务需要，很多文件需要在前端实现预览，今天就是了解一下吧。 实现方案 找了网上的实现方案，效果看起来不错，放在下面的表格里，里面有一些是可以直接通过npm在vue中引入使用。 文档格式 老的

“啊！” 我今天居然被通知裁员了！！！ 虽然之前一直盛传我们这边要裁员，但是我想着，应该一时半会轮不到我这边，我感觉我们项目还是相对挣点钱的。但是呢，心里也是挺忐忑的。 今天，我正在那全心全意的敲代码

将自己做前端6年以来碰到的一些项目中很常见的兼容适配问题以及解决方案整理出来分享出来分享给大家，希望对大家有帮助

在开发中，我们经常会将一些常用的代码块、功能块进行封装，为的是更好的复用。那么，被抽离出来独立完成功能，通过API或配置项和其他部分交互，便形成了插件。 下面这些是我在工作中积累的一些常用的前端开源插件，这里只是罗列出来，详细的用法各个插件官网或者Gayhub都有介绍。注意：往…

前言 事情是这样的，前几天我接到一个外包工头的新需求，某品牌要搭建一个在线VR展厅，用户可以在手机上通过陀螺仪或者拖动来360度全景参观展厅，这个VR展厅里会有一些信息点，点击之后可以呈现更多信息（视

当页面出现浮层的时候，滑动浮层的内容，正常情况下预期应该是浮层下边的内容不会滚动；然而事实并非如此。 如图所示，浮层下边的内容并没有如想象中不受影响。 查源码发现该包在iOS端使用禁止touchmove的方式单独处理，但是在其他端只是给body加overflow: hidden…

1、 相信许多小伙伴上手移动端时面对各式各样的适配方案，挑选出一个自己觉得简便、实用、高效的适配方案是件很纠结的事情。 深有体会... 效果图不存在卡顿，看起来稍微有些卡顿是录制gif图工具的原因。

根据W3C性能小组的介绍，超过50ms的任务就是长任务。 根据上图我们可以知道，当延迟超过100ms，用户就会察觉到轻微的延迟。 所以为了避免这种情况，我们可以使用两种方案，一种是Web Worker，另一种是时间切片（Time Slicing）。 我们都知道，JS是单线程，所…

我们可以给 script 标签添加上 onerror 属性，这样在加载失败时触发事件回调，从而捕捉到异常。 并且，借助构建工具( 如 webpack 的 script-ext-html-webpack-plugin 插件) ，我们可以轻易地完成对所有 script 标签自动化注…