摘要: 为了给用户更好的体验,我们在做pc端的时候,会应用到一项懒加载技术。它的原理就是先给图片加一张一样的图,再给图片添加自定义属性路径图片,然后当图片进入可视区的时候展示真正的图片。代码如下; 阅读全文
posted @ 2018-07-11 12:25 田筱羽 阅读(654) 评论(0) 推荐(1) 编辑
摘要: <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 阅读全文
posted @ 2017-12-21 11:59 田筱羽 阅读(172) 评论(0) 推荐(1) 编辑
摘要: 大家都知道,大量的操作DOM会引起页面的渲染变慢,文档碎片是指一个临时的文档,把创建的dom放到文档里面,不要每次操作都操作DOM,提高页面的效率。下面我们就来看一下如何运用创建文档碎片。 首先,我们了解下向页面创建dom发生了什么。 for(var i=0;i<5000;i++){ var oSp 阅读全文
posted @ 2017-12-20 18:54 田筱羽 阅读(216) 评论(2) 推荐(1) 编辑
摘要: 调用一个对象的一个方法,以另一个对象替代当前的对象。说明白一点,其实就是更改对象的内部指针,即改变对象this的指向内容;参考代码如下: 最后,分析结果 1、全局对象window调用函数fn,this指向window对象,因此this.value为the window 2、函数fn调用call方法, 阅读全文
posted @ 2017-08-24 21:07 田筱羽 阅读(434) 评论(0) 推荐(0) 编辑
摘要: 浏览器宿主环境中,有一个location对象,同时这个对象也是window对象和document对象的属性。 location对象中提供了与当前窗口加载的文档有关的信息,即url信息。 如:https://www.baidu.com/api/sousu?search=baidu&id=123#2 l 阅读全文
posted @ 2017-08-17 22:07 田筱羽 阅读(460) 评论(0) 推荐(0) 编辑
摘要: Webpack是一个模块打包工具,你可以使用Webpack管理你的模块依赖,并编译输出模块们所需要的静态文件。它能够很好的管理,打包web开发中所用到的HTML,Javascript,CSS以及各种静态文件(图片,字体等),让开发过程更加高效。对于不同类型的资源,webpack有对应的模块加载器。W 阅读全文
posted @ 2017-08-17 15:06 田筱羽 阅读(733) 评论(0) 推荐(1) 编辑
摘要: 这是个历史的遗留问题 ,W3C标准推出前,旧的页面都是根据就得渲染方式对页面进行渲染的,因此在W3C标准推出后为了保证旧页面的正常显示,保持浏览器的兼容性,这样浏览器就产生了能够兼容W3C标准渲染的严格模式和保证旧页面显示的怪异模式的标准兼容模式。 具体表现: 1.在严格模式中:width是内容宽度 阅读全文
posted @ 2017-08-17 14:45 田筱羽 阅读(239) 评论(0) 推荐(0) 编辑
摘要: 闭包是指有权访问另一个函数作用域中变量的函数,创建闭包的最常见的方式就是在一个函数内创建另一个函数,通过一个函数访问这个函数的局部变量,利用闭包可以突破作用域链,将函数内部的变量和方法传递到外部。 闭包的特性: 1.函数内在嵌套函数 2.内部函数可以引用外层的参数和变量 3.参数和变量不会被垃圾回收 阅读全文
posted @ 2017-08-15 20:21 田筱羽 阅读(247) 评论(0) 推荐(0) 编辑
摘要: ECMAScript6简介 ECMAScript6(简称ES6)是JavaScript语言的下一代标准,已于2015年6月正式发布。ES6是在2015年发布的,所以又称ECMAScript2015。 一.ES6声明变量的六种方法 let命令 1.let命令用于声明变量,但是所声明的变量只有在let命 阅读全文
posted @ 2017-08-02 11:33 田筱羽 阅读(141) 评论(0) 推荐(1) 编辑
摘要: 使用 iframe 是不是一个好的用法(good practice),不能一概而论,但是可以肯定是,现在的大部分网站避免采用这种方式的。iframe 一直是浏览器标准规范之一,只有很早期的浏览器不支持 iframe,现在几乎已绝迹。所以从兼容性上来说,iframe 是没问题的。 那么现在什么时候会用 阅读全文
posted @ 2016-12-08 15:28 田筱羽 阅读(324) 评论(0) 推荐(0) 编辑