网页性能优化的9个方法 合并操作 DOM的多个读写操作(或多个写操作),应该放在一起。不要两个读操作之间加入一个写操作。 不要一条条的改变样式,而要通过改变class,或者c...
网页性能优化的9个方法 合并操作 DOM的多个读写操作(或多个写操作),应该放在一起。不要两个读操作之间加入一个写操作。 不要一条条的改变样式,而要通过改变class,或者c...
基本概念 cookie是往返于客户端与服务端的一小段存储信息,由响应头的Set-cookie设置,客户端浏览器在接收到响应之后就会在cookie中存储配置信息与数据,并且在向...
之前使用setInterval进行一个前端轮询的操作,结果把网站卡崩了,来总结一下setInterval和setTimeout的坑 一.setInterval的坑 setIn...
一.什么是内存泄漏 当应用程序不再需要的内存,由于某种原因未返回给操作系统或者空闲内存,这将会导致程序变慢、卡顿、高延迟 二.内存泄漏的主要原因 JavaScript内存泄漏...
一.内存的生命周期 无论任何语言,内存生命周期大体一致,会分为:分配内存,使用内存,销毁内存三个阶段 1.分配 1.1静态内存分配1.2动态内存分配区别:静态内存分配: 数据...
一.什么是页面的重绘与回流 浏览器在渲染一个页面的时候,从加载到完成,首先是构建DOM树,然后根据DOM节点的几何属性生成渲染树(不包括display:none,head节点...
之前在做实习的一个项目的时候碰到了一个让我抓狂的BUG,需求是让我实现一个实时刷新获取消息列表的功能,但是后台返回的接口数据是成百上千的,页面卡的不得了,笔记本的风扇都呼呼的...
对象判空 1.将对象转换为JSON字符串,判断是否为‘{}’ 2.for in循环对象 3.jquery的isEmptyObject方法 4.Object.getOwnPro...
一.Webpack是什么 Webpack是一种前端资源构建工具,一个静态模块打包器,在Webpack看来,前端的所有资源文件都会作为模块处理,它将根据模块的依赖关系进行静态分...
应用鉴权就是当一个用户进入APP时,我们需要判断他所拥有的权利,根据权力来判断他所能进行的一个行为,最为常见的就是购物网站的登录以及购物支付等操作。 一.鉴权的需求背景 Ht...
先搬一段官方的描述: DocumentFragment 表示一个没有父级文件的最小文档对象。它被当做一个轻量版的 Document 使用,用于存储已排好版的或尚未打理好格式的...
前端向后端发起get请求的时候,get会把传递的参数拼接在url的后面,所以get请求一般适用于数据量不大的情况之下,在数据量比较大的时候,我们就需要选择Post请求的方式了...
一.window.requestIdleCallback 1.作用: 这个方法将会在浏览器的空闲时间调用函数排队。这样可以使操作者在主事件循环上执行后台和低优先级工作,而不会...
一.什么是函数防抖 函数防抖(debounce),就是指触发事件后,在 n 秒内函数只能执行一次,如果触发事件后在 n 秒内又触发了事件,则会重新计算函数延执行时间(在这里和...
一.什么是函数节流 限制一个函数在一定时间之内只能执行一次(这里做一下与函数防抖的区别:函数防抖是触发事件后在 n 秒内函数只能执行一次,如果在 n 秒内又触发了事件,则会重...
一. 作用 useEffect相当于 componentDidMount(组件挂载),componentDidUpdate(组件更新) 和 componentWillUnmo...
在一个网站含有大量的图片,我们在进入一个页面的时候如果一下子全部加载完毕,就会造成很大的资源浪费,而懒加载就是用户浏览到哪里,就加载哪里的图片,这样就可以减少资源的浪费了。 ...
jsonp是一个比较常见的跨域解决方法,这篇博客使用来详解它的用法以及实现原理 1.实现原理 标签的src属性并不被同源策略所约束,所以可以获取任何服务器上脚本并执行,这种性...
1.reduce (1)reduce的使用方法:reduce(func,first) func是一个函数,会传入四个参数,function(prev,cur,index,ar...
hash模式 在hash模式下,本质上是通过修改window.location.href实现的。前端路由的改变依托于#锚点,而锚点后边的值我们可以通过修改window.loc...