今天针对vue-router官网进阶部分的知识点进行了检漏学习，里面有一些是之前不了解的（竟然还可以这么玩？），也有一些知识虽然之前了解，但是发现官网提供的例子真香，书写方式很高雅，所以记录一下。 一、导航守卫 二、路由元信息 三、基于路由 ...

关于专题【vue开发音乐App】 对于多图页面，如果一次性加载所有图片可能会因为网络拥堵造成页面卡顿，用户体验不佳。我们可以采用懒加载的方法解决这个问题，使用第三方插件——vue-lazyload 。页面渲染时先加载首屏的图片，其他图片等到 ...

​ 面试官：等很久了吧，我是故意的！这不是要装的忙一点，让领导看看嘛。前端小李：看你们这公司不大，破事倒是不少！要不是到门口了，我都想回去。面试官：没错，我们就是一个名副其实的小垃圾公司。最近公司给我下达了KPI任务，让我每天必须面试7人 ...

在外网看到davidshariff这篇关于前端应该学习的内容，给了我很大的启发，也明确了哪些知识是我们应该着重去学习和关注的。所以花了些时间翻译出来，希望给曾经在前端浩瀚学海里面迷茫找不到方向的人一些参考。文中有翻译不够准确的地方欢迎指正 ...

一、图片懒加载原理 浏览器是否发起请求图片是根据中src的属性，所以实现原理就是在图片没有进入可视区域的时候将图片链接放在datasrc中，等到图片载入可视区域再给src赋值 二、懒加载思路及实现 懒加载的实现这里提供的两种方法 ...

前言众所周知，图片的加载是前端页面加载性能的优化之一。如果一个页面在加载的时候全部加载当前页面的图片，当图片资源比较多且比较大（质量）的时候会严重影响页面的加载。特别是SPA应用，先加载jsbundle资源，再去加载图片 ...

前言ES2020 是 ECMAScript 对应 2020 年的版本。这个版本不像 ES6 (ES2015)那样包含大量新特性。但也添加了许多有趣且有用的特性。本文以简单的代码示例来介绍 ES2020新特性 ...

前提: vue 组件懒加载 ()=>import()这种方式引入组件首次加载不触发，A组件emit,B组件on,当A组件触发事件加载B组件时，因为B组件还未加载，自然this.$root.bus.$emit监听不到 ...

前言Vue 框架通过数据双向绑定和虚拟 DOM 技术，帮我们处理了前端开发中最脏最累的 DOM 操作部分， 我们不再需要去考虑如何操作 DOM 以及如何最高效地操作 DOM；但 Vue 项目中仍然存在项目首屏优化、W ...