当一个元素的内容content超出其可视范围client之后，就会出现滚动条，而页面中的el元素可能会随着滚动条滚动移出可视区之外，这时我们经常需要去判断一个元素是否在可视区域中。

背景： 有些时候，为了性能优化，我们需要做一些操作，比如让图片，元素、或者组件在可视区域的时候去渲染，这也是平时非常常见的处理方式 一般常用如下方式： 条件一知识点：offsetTop、scrollT

单例模式可以说在前端范围你不可能遇不上,特别是单例惰性模式,在适合的时候才创建对象,并且只创建唯一的一个,如果创建对象和管理创建单例职责分布在两个不同的方法当中,解耦性的加持会让这个模式威力大大增加,这是能提高性能的一个突破口,Vue,React的路由懒加载的实现都是有着单例惰…

对于图片量比较大的点上首页APP等，在打开商品展示页面的时候需要再加大量图片，通过图片懒加载来解决这种业务问题。

在构建中后台管理系统时，权限控制是核心功能之一，包括对页面访问（路由权限）、菜单展示和操作按钮（按钮权限）的限制。文章介绍了一个典型的 Vue 应用中实现权限路由与按钮权限控制的思路：首先 根据用户登

持续创作，加速成长！这是我参与「掘金日新计划 · 6 月更文挑战」的第6天，点击查看活动详情 防抖和节流 防抖和节流，这个在我们的前端生涯中，这两个名词肯定不陌生，甚至经常被人问起： 两者有什么区别？

Vue 重写了数组原型上的方法，其他数组怎么不会被污染？ 大家好，已经有好久没写文章了，整理了上次面试的一个面试题。希望对大家有帮助。

页面的渲染有以下特点： 单线程事件轮询 定义明确、连续、操作有序（HTML5） 分词和构建DOM树 请求资源并预加载 构建渲染树并绘制页面 具体来说： 当我们从网络上得到HTML的相应字节时，DOM树

通过监控来知道web应用性能的现状和趋势，某次发布后的性能情况怎么样，是否发布后对性能有影响，感知到业务出错的概率，业务的稳定性怎么样...