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

项目代码地址Gitee项目效果视频哔哩哔哩介绍初学vue后然后写的第一个项目《 基于网易云音乐API实现PC端音乐网站》，采用VUE及网易云音乐Node.jsAPIservice实现，网站风格参考了各

直接进入正题，IntersectionObserver 翻译为 "交叉观察者"，它的任务就是监听目标元素跟指定父元素（用户可指定，默认为viewport）是否在发生交叉行为，简单理解就是监听目标元素是否进入或者离开了指定父元素的内部（理解这句就行了，管他交不交叉呢），我好像在开…

我们编写js代码时经常遇到复杂逻辑判断的情况，通常大家可以用if/else或者switch来实现多个条件判断，但这样会有个问题，随着逻辑复杂度的增加，代码中的if/else/switch会变得越来越臃肿，越来越看不懂，那么如何更优雅的写判断逻辑，本文带你试一下。 嗯，这样看起来…

我们有的时候去接盘别人的代码或者是团队协作的时候，有时候会根据同伴或者前者的commit来分析当次代码所产生的side effect。我们期望的是分明的、一眼可以抓住重点的commit信息，但是我们却经常会看到test、fix bugs....等等这样的信息。emmmmmm~~…

通过举例常规弹框的写法。我们可以体会到，通常要弹出一个页面，需要创建一个页面normalDialog.vue包裹dialogBody.vue（弹框主体）；需要parent.vue设置flag控制弹框显示隐藏，normalDialog.vue关闭的时候设置parent.vue对应…

amfe-flexible主要用于解决移动端的适配问题，amfe-flexible将html的font-size设置为屏幕分辨率宽/10，即1920 * 1080的分辨率html的font-size就应该是192。 rem是CSS3新增的相对长度单位，是指相对于根元素html的…

解决方法：在input的父元素上添加相对定位就行了，非常神奇，具体因为啥不太清楚。。 注：ios里貌似不支持fixed。。。这里主要指absolute