摘要:
为了给用户更好的体验,我们在做pc端的时候,会应用到一项懒加载技术。它的原理就是先给图片加一张一样的图,再给图片添加自定义属性路径图片,然后当图片进入可视区的时候展示真正的图片。代码如下; 阅读全文
摘要:
<div class="container"> <ul id="box"> <a href="#javascript"> <li class="show"> <img src="https://timgsa.baidu.com/timg?image&quality=80&size=b9999_100 阅读全文
摘要:
大家都知道,大量的操作DOM会引起页面的渲染变慢,文档碎片是指一个临时的文档,把创建的dom放到文档里面,不要每次操作都操作DOM,提高页面的效率。下面我们就来看一下如何运用创建文档碎片。 首先,我们了解下向页面创建dom发生了什么。 for(var i=0;i<5000;i++){ var oSp 阅读全文
摘要:
调用一个对象的一个方法,以另一个对象替代当前的对象。说明白一点,其实就是更改对象的内部指针,即改变对象this的指向内容;参考代码如下: 最后,分析结果 1、全局对象window调用函数fn,this指向window对象,因此this.value为the window 2、函数fn调用call方法, 阅读全文
摘要:
浏览器宿主环境中,有一个location对象,同时这个对象也是window对象和document对象的属性。 location对象中提供了与当前窗口加载的文档有关的信息,即url信息。 如:https://www.baidu.com/api/sousu?search=baidu&id=123#2 l 阅读全文
摘要:
Webpack是一个模块打包工具,你可以使用Webpack管理你的模块依赖,并编译输出模块们所需要的静态文件。它能够很好的管理,打包web开发中所用到的HTML,Javascript,CSS以及各种静态文件(图片,字体等),让开发过程更加高效。对于不同类型的资源,webpack有对应的模块加载器。W 阅读全文
摘要:
这是个历史的遗留问题 ,W3C标准推出前,旧的页面都是根据就得渲染方式对页面进行渲染的,因此在W3C标准推出后为了保证旧页面的正常显示,保持浏览器的兼容性,这样浏览器就产生了能够兼容W3C标准渲染的严格模式和保证旧页面显示的怪异模式的标准兼容模式。 具体表现: 1.在严格模式中:width是内容宽度 阅读全文
摘要:
闭包是指有权访问另一个函数作用域中变量的函数,创建闭包的最常见的方式就是在一个函数内创建另一个函数,通过一个函数访问这个函数的局部变量,利用闭包可以突破作用域链,将函数内部的变量和方法传递到外部。 闭包的特性: 1.函数内在嵌套函数 2.内部函数可以引用外层的参数和变量 3.参数和变量不会被垃圾回收 阅读全文
摘要:
ECMAScript6简介 ECMAScript6(简称ES6)是JavaScript语言的下一代标准,已于2015年6月正式发布。ES6是在2015年发布的,所以又称ECMAScript2015。 一.ES6声明变量的六种方法 let命令 1.let命令用于声明变量,但是所声明的变量只有在let命 阅读全文