2018年3月8日
关于图片img的Lazyload
摘要： 定义：延迟加载也称为惰性加载，即在长网页中延迟加载图像。用户滚动到它们之前，视口外的图像不会加载。这与图像预加载相反，在长网页上使用延迟加载将使网页加载更快。在某些情况下，它还可以帮助减少服务器负载。 举个例子来说明，当打开淘宝首页的时候，只有在浏览器窗口里的图片才会被加载，当你滚动首页向下滑的时候 阅读全文
posted @ 2018-03-08 15:55 全世界最帅的程序员 阅读(2192) 评论(0) 推荐(0) 编辑
图片img的src不变让浏览器重新加载实现方法
摘要： 首先要认识到浏览器会吧src、href。。。。。。等不变的链接缓存起来，下次请求服务器的时候会匹配要请求的链接是否在缓存中，如果存在则不向服务器发送请求了。最常见的比如图形验证码，我们都会再链接后面用js 加一个随机数，让这个链接每次都是唯一的，这样子浏览器即使缓存了上一个链接，也没办法从缓存中找到 阅读全文
posted @ 2018-03-08 10:30 全世界最帅的程序员 阅读(629) 评论(0) 推荐(0) 编辑
2018年3月5日
javascript代码块概念及预编译机制
摘要： JavaScript是一种描述型脚本语言，它不同于java或C#等编译性语言,它不需要进行编译成中间语言,而是由浏览器进行动态地解析与执行。如果你不能理解javaScript语言的运行机制，或者简单地说，你不能掌握javascript的执行顺序，那你就犹如伯乐驾驭不了千里马，让千里马脱缰而出，四处乱 阅读全文
posted @ 2018-03-05 15:17 全世界最帅的程序员 阅读(1840) 评论(0) 推荐(0) 编辑
2018年3月2日
DOMContentLoaded与load的区别及浏览器渲染过程
摘要： DOMContentLoaded与load的区别 (1)在chrome浏览器的开发过程中，我们会看到network面板中有这两个数值，分别对应网 络请求上的标志线，这两个时间数值分别代表什么？ (2)我们一再强调将css放在头部，将js文件放在尾部，这样有利于优化页面的性能，为什么这种方式能够优化性 阅读全文
posted @ 2018-03-02 14:10 全世界最帅的程序员 阅读(341) 评论(0) 推荐(0) 编辑
2018年2月27日
获取当前时间毫秒的几种方法
摘要： 方法1：time = new Date().getTime(); 方法2：time = +new Date; 方法3：time = Date.now(); 阅读全文
posted @ 2018-02-27 16:01 全世界最帅的程序员 阅读(2021) 评论(0) 推荐(0) 编辑
负数的布尔值
摘要： 由console.log(!(-5))的打印结果为fasle可知，负数的布尔值为true，总结，除0外的number类型数值，其布尔值为true 阅读全文
posted @ 2018-02-27 09:30 全世界最帅的程序员 阅读(591) 评论(0) 推荐(0) 编辑
2018年2月26日
关于数组的遍历forEach() 方法
摘要： forEach() 方法对数组的每个元素执行一次提供的函数。 语法： 参数： callback为数组中每个元素执行的函数，该函数接收三个参数： thisArg可选可选参数。当执行回调 函数时用作this的值(参考对象)。 描述： forEach 方法按升序为数组中含有效值的每一项执行一次callba 阅读全文
posted @ 2018-02-26 15:05 全世界最帅的程序员 阅读(22312) 评论(0) 推荐(0) 编辑
关于H5新标签<figure>
摘要： HTML5 - 用<figure/>添加插图和图题 参考三星s9介绍网页：http://www.samsung.com/cn/smartphones/galaxy-s9/camera/#dual-aperture 1，什么是插图（figure） 插图与图片概念不太一样，HTML5规范建议我们把插图想 阅读全文
posted @ 2018-02-26 14:46 全世界最帅的程序员 阅读(2310) 评论(0) 推荐(0) 编辑
src与href属性的区别
摘要： src和href之间存在区别，能混淆使用。src用于替换当前元素，href用于在当前文档和引用资源之间确立联系。 src是source的缩写，指向外部资源的位置，指向的内容将会嵌入到文档中当前标签所在位置；在请求src资源时会将其指向的资源下载并应用到文档内，例如js脚本，img图片和frame等元 阅读全文
posted @ 2018-02-26 14:41 全世界最帅的程序员 阅读(99) 评论(0) 推荐(0) 编辑
img 和 background-image 的使用选择
摘要： 简单来说，img是内容部分的东西，background-image是修饰性的东西。 稍微加点文字就是 img 从页面元素来说，如果是页面中的图片是作为内容出现的，比如广告图片，比如产品图片，那么这个必然是用img了，因为这个是页面元素内容。页面元素内容最关键的一点就是，当页面没有样式的时候，还是能一 阅读全文
posted @ 2018-02-26 10:44 全世界最帅的程序员 阅读(468) 评论(0) 推荐(0) 编辑