在前端开发的过程中，我们经常会需要绑定一些持续触发的事件，如 resize、scroll、mousemove 等等，但有些时候我们并不希望在事件持续触发的过程中那么频繁地去执行函数。 通常这种情况下我们怎么去解决的呢？一般来讲，防抖和节流是比较好的解决方案。 让我们先来看看在事…

项目是利用vue框架开发的公司内部的异常监控系统，用于显示java程序运行时的异常信息，包括执行堆栈、代码、变量等信息显示。 在测试过程中，部门同事反映：在不同的异常信息之间多次切换，会导致网页崩溃。在案发现场打开 chrome 的任务管理器，看到这个页面内存占用已经达到了9.…

这周接到一个需求－给输入框做模糊匹配。这还不简单，监听input事件，取到输入值去调接口不就行了？ 然而后端小哥说不行，这个接口的数据量非常大，这种方式调用接口的频率太高，而且用户输入时调用根本没有必要，只要在用户停止输入的那一刻切调接口就行了。 大家一定见过那种左右两边中间放…

总括: 本文通过实例介绍了什么是节流函数，什么是防抖函数。 社会犹如一条船，每个人都要有掌舵的准备。 节流函数和防抖函数相信很多人都在日常业务开发中使用过，其实不管是节流函数还是防抖函数都是一种简单的高阶函数，他们都是通过将一个关键的外部变量保存在外层作用域，通过对这个变量的判…

1. 前言 浏览器缓存 是浏览器将用户请求过的静态资源（html、css、js），存储到电脑本地磁盘中，当浏览器再次访问时，就可以直接从本地加载了，不需要再去服务端请求了。 但也不是说缓存没有缺点，如果处理不当，可能会导致服务端代码更新了，但是用户却还是老页面。所以前端们要针对…

性能优化需要从哪几个方面入手？我们要先了解浏览器打开网页的过程。 下面我们分别对这几个阶段进行优化。 DNS全称Domain Name System。它是互联网的“通讯录”，它记录域名与实际ip地址的关系，域名是为了方面人类记忆。每次我们方位一个网站，都要通过各级的DNS服务器…

随着移动互联网的发展，用户对产品的使用体验要求越来越高。H5作为业务的重要载体，在移动端的应用非常广泛，因此H5页面性能是一个非常核心的用户体验指标。 本文结合【饿了么首屏优化实践】为大家介绍页面性能优化的思路。 性能优化的首要基础是数据和指标。没有正确的数据和指标指引，优化思…

总所周知，在浏览器搜索栏输入URL即可看到我们想要的网站，但是这一个过程却不是那么的简单。在浏览器渲染之前，会执行如下操作： 首先浏览器搜索自身的DNS缓存，查看缓存中是否有对应且没有过期的条目，如果符合条件则解析结束。 如果在浏览器自身缓存中没有找到对应的条目，那么接下来会搜…