是否还在为rem适配感到烦恼？和我一样，不想去考虑单位的大小?这是除rem单位以外的另一种数据大屏适配方案。用最少的工作量，最简单的方法解决问题。可作于学习，可用于工作。

懒加载处理 利用浏览器原生提供的构造函数 IntersectionObserver， 不要再傻傻监听页面滚动 一、IntersectionObserver简介 1. 语法 2. callback 参数

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

早上上班摸鱼时刻 看到一篇 利用"交叉观察者"这个小宝贝儿，轻松实现懒加载、吸顶、触底 。 回想我之前写监听滚动 用到的是监听滚动top距离出来计算的。 所监听对象的具体祖先元素。如果未传入值或值为null，则默认使用顶级文档的视窗。 rootMargin设置root区域的扩展…

以上实现的只是比较粗糙的版本，要真正实现性能大幅提升优化还需要处理较多的细节，本文旨在让帮助部分同学了解基本原理，有了宏观的认识后，可以尝试去读一下相关这种懒加载插件的源码，能学到不少东西。

一张图片就是一个标签，浏览器是否发起请求图片是根据的src属性，所以实现懒加载的关键就是，在图片没有进入可视区域时，先不给的src赋值，这样浏览器就不会发送请求了，等到图片进入可视区域再给src赋值。

这篇文章分享了从遇到前端业务性能问题，到分析、解决并且梳理出通用的Vue 2.x 组件级懒加载解决方案（Vue Lazy Component ）的过程。 问题起源于我们的一个页面，下面是这个页面的截图和初次请求的瀑布图。 初始加载的资源过多导致在 domInteractive …

这篇文章主要参考了 Vue.js 核心成员 Guillaume Chau 在 19 年美国的 Vue conf 分享的主题：9 Performance secrets revealed，分享中提到了九个 Vue.js 性能优化的技巧。 我看完他的分享 PPT后，也阅读了相关的项…

前端面试过程中被问到如何实现前端路由，我们应该从哪些方面回答。如果让你自己实现前端路由，你又该怎么做？