摘要：
禁止浏览器后退 需求为用户在当前页面不可以返回上一页面，怎么实现功能呢？利用history api pushState 与 popstate事件。 popstate 每当处于激活状态的历史记录条目发生变化时,popstate事件就会在对应window对象上触发. 如果当前处于激活状态的历史记 阅读全文
摘要：
首先html代码结构如下 思路一： 首先获得屏幕可用宽度： var total = document.body.offsetHeight 获得abc距文档顶部高度 var a = document.getElementById('abc').getBoundingClientRect() 获得一个对 阅读全文
摘要：
众所周知，js是单线程语言，所有的任务只能在一个线程上完成，尽管为了避免一些耗时很大的任务阻塞执行，js分为同步异步任务，详情请见event loop。随着多核cpu的出现，单线程越来越不能发挥计算机的计算能力。WebWorker正是为js创造多线程的运行环境，一些计算密集或高延迟的任务可以放在后台 阅读全文
摘要：
BFC是指 Block Fromatting Context，即块级作用上下文。那么BFC是怎么产生的呢？ 浮动元素和绝对定位元素，非块级盒子的块级容器（例如 inline-blocks, table-cells, 和 table-captions），以及overflow值不为“visiable”的 阅读全文
摘要：
函数节流与函数去抖都是为了解决密集的js函数运行问题。怎么分析和使用两种情况呢？ 函数节流： 是指函数在一段时间执行一次，即降低函数运行的频率。比如说，在onmousemove时，进行一次dom操作，如果长时间的onmousemove，这样所触发回调数量是大量的，因为进行了大量的dom操作，可能导致 阅读全文
摘要：
1.通过元素的offsetLeft和offsetTop 在这里，dom元素的offsetLeft、offsetTop指的是元素相对于其offseParent指定的坐标来说的。offsetParent：是指当前元素最近的经过定位的父级元素，如果没有则一直向上直至body。注意当前元素为fixed时，其 阅读全文
摘要：
在理解事件机制之前，需要了解两个概念：事件冒泡和事件捕获。事件冒泡是指事件在目标节点向上触发直至文档顶，而事件捕获是指从顶部向下触发至目标节点。 IE事件流：就是指事件冒泡，Netscape事件流是指事件捕获，I9+和其他现代浏览器支持。DOM事件流是指分三个阶段触发事件：1.事件捕获2.处于目标阶 阅读全文
摘要：
js实现继承主要有六种方式。 1.通过构造函数继承 重点是在子函数内通过call()调用父函数，将父函数的构造函数为子类添加实例。 优点：简单明了，继承父函数的属性和方法。 缺点：不可以继承原型链上的属性和方法。 2.通过原型链继承 重点在于子函数外声明原型是父类的一个实例，而constructor 阅读全文
摘要：
在开发和面试中总是遇到this，每次看过之后过几天都会忘记。于是下定决心彻底弄懂this指向问题。 1.在函数内部和全局中使用，this总是指向全局，在浏览器中是window，node中为global。 2.在函数调用时，函数内部this指向其调用环境。 3.在构造函数和构造函数的原型对象中，thi 阅读全文
摘要：
如果进入一个页面需要加载静态资源文件，每次进入都要请求，是很昂贵的，用户体验也很差。 因此可以把静态资源放置到 CDN 服务器，不占用业务服务器的网络带宽，而达到更好的用户体验，也就是静态资源服务器。 还可以通过浏览器缓存进一步的优化性能。浏览器缓存主要基于http协议的缓存机制。 首先介绍一下ex 阅读全文