03 2018 档案

setTimeout异步加载
摘要：两道经典的面试题，直接上代码 会输出什么呢？先想一想，记下答案。继续下一题 改动很少，结果却相差甚远。先公布正确答案，第一段代码输出：1,2,4,8； 第二段代码输出：3，6,12,24。 意不意外？刺不刺激？惊不惊喜？ 【代码解析】 首先，不要被定时器干扰，误以为它有延迟才会导致这样的结果，你可以 阅读全文
posted @ 2018-03-22 16:23 全世界最帅的程序员 阅读(186) 评论(0) 推荐(0)
移动端touch事件影响click事件以及在touchmove添加preventDefault导致页面无法滚动的解决方法
摘要：这两天自己在写一个手机网页，用到了触屏滑动的特效，就是往右滑动的时候左侧隐藏的菜单从左边划出来。 做完之后在手机原生浏览器中运行正常，但在QQ和微信中打开，发现touchmove只会触发一次，而且touchend也经常不触发。 之后百度了一下这个问题，原因是 主要是由于200ms超时导致内核不一定会 阅读全文
posted @ 2018-03-16 10:40 全世界最帅的程序员 阅读(184) 评论(0) 推荐(0)
HTML5 LocalStorage 本地存储
摘要：1.前言 HTML5 storage提供了一种方式让网站能够把信息存储到你本地的计算机上，并再以后需要的时候进行获取。这个概念和cookie相似，区别是它是为了更大容量存储设计的。Cookie的大小是受限的，并且每次你请求一个新的页面的时候cookie都会被发送过去。HTML5的storage是存储 阅读全文
posted @ 2018-03-13 15:11 全世界最帅的程序员 阅读(97) 评论(0) 推荐(0)
查询一个对象的属性值有两种方法
摘要：查询一个对象的属性值有两种方法 阅读全文
posted @ 2018-03-12 17:18 全世界最帅的程序员 阅读(434) 评论(0) 推荐(0)
js基础篇——localStorage使用要点
摘要：localStorage主要用来替代cookie，解决cookie(可参考cookie使用要点)读写困难、容量有限的问题。localStorage有以下几个特点 1.localStorage是一个普通对象，任何对象的操作都适用。 2.localStorage对象的属性值只能是字符串。 这个需要特别注 阅读全文
posted @ 2018-03-12 17:05 全世界最帅的程序员 阅读(823) 评论(0) 推荐(0)
Json对象和Json字符串的区别
摘要：JSON对象 有时候在做项目的时候时常将这两个概念弄混淆，尤其是在使用springmvc的时候，后台@RequestBody接受的是一个json格式的字符串，一定是一个字符串。 先介绍一下json对象，首先说到对象的概念，对象的属性是可以用：对象.属性进行调用的。例如： 以上就是json对象。是一个 阅读全文
posted @ 2018-03-12 15:21 全世界最帅的程序员 阅读(497) 评论(0) 推荐(0)
console.time用于计算js代码执行耗时
摘要：概述 你可以启动一个计时器（timer）来跟踪某一个操作的占用时长。每一个计时器必须拥有唯一的名字，页面中最多能同时运行10,000个计时器。当以此计时器名字为参数调用console.timeEnd() 时，浏览器将以毫秒为单位，输出对应计时器所经过的时间. 关于 Timers 的细节和例子请参考文 阅读全文
posted @ 2018-03-12 13:37 全世界最帅的程序员 阅读(2556) 评论(0) 推荐(0)
关于深拷贝和浅拷贝
摘要：1.浅拷贝 JavaScript存储对象都是存地址的，所以浅复制会导致 a 和 b 指向同一块内存地址 数组的赋值其实相当于给了索引，改变其中一个变量其他引用都会改变 var a = [1,2,3]; var b = a; b[0] = 4; //a为4 2 3 //b为4 2 3 根据上面存储对象 阅读全文
posted @ 2018-03-12 13:20 全世界最帅的程序员 阅读(238) 评论(0) 推荐(0)
JS中函数参数值传递和引用传递
摘要：也许大家对于函数的参数都不会太在意，简单来说，把函数外部的值复制给函数内部的参数，就和把值从一个变量复制到另一个变量一样。深入研究，你会发现其实没那么简单，这个传参是要分俩种情况（其实这是个错误的说法，ECMAScript中所有函数的参数都是按值传递的——《高程3》原话，之所以这里说俩种，是因为结合 阅读全文
posted @ 2018-03-12 10:36 全世界最帅的程序员 阅读(1907) 评论(0) 推荐(0)
关于ajax实现div的Lazyload
摘要：Java Web SpringMVC AJAX，实现页面懒加载数据 因为做的微信端的网页，所以在显示后台数据的时候，要么分页，要么全部加载数据，开始分页对于用户来说，其实体验不是很好，毕竟要去不断的点击下一页，但是如果我把全部数据读取出来的话，但用户可能也就看前面几条而已，那么就会造成性能的大大浪费 阅读全文
posted @ 2018-03-08 15:57 全世界最帅的程序员 阅读(238) 评论(0) 推荐(0)
关于图片img的Lazyload
摘要：定义：延迟加载也称为惰性加载，即在长网页中延迟加载图像。用户滚动到它们之前，视口外的图像不会加载。这与图像预加载相反，在长网页上使用延迟加载将使网页加载更快。在某些情况下，它还可以帮助减少服务器负载。 举个例子来说明，当打开淘宝首页的时候，只有在浏览器窗口里的图片才会被加载，当你滚动首页向下滑的时候 阅读全文
posted @ 2018-03-08 15:55 全世界最帅的程序员 阅读(2232) 评论(0) 推荐(0)
图片img的src不变让浏览器重新加载实现方法
摘要：首先要认识到浏览器会吧src、href。。。。。。等不变的链接缓存起来，下次请求服务器的时候会匹配要请求的链接是否在缓存中，如果存在则不向服务器发送请求了。最常见的比如图形验证码，我们都会再链接后面用js 加一个随机数，让这个链接每次都是唯一的，这样子浏览器即使缓存了上一个链接，也没办法从缓存中找到 阅读全文
posted @ 2018-03-08 10:30 全世界最帅的程序员 阅读(674) 评论(0) 推荐(0)
javascript代码块概念及预编译机制
摘要：JavaScript是一种描述型脚本语言，它不同于java或C#等编译性语言,它不需要进行编译成中间语言,而是由浏览器进行动态地解析与执行。如果你不能理解javaScript语言的运行机制，或者简单地说，你不能掌握javascript的执行顺序，那你就犹如伯乐驾驭不了千里马，让千里马脱缰而出，四处乱 阅读全文
posted @ 2018-03-05 15:17 全世界最帅的程序员 阅读(1884) 评论(0) 推荐(0)
DOMContentLoaded与load的区别及浏览器渲染过程
摘要：DOMContentLoaded与load的区别 (1)在chrome浏览器的开发过程中，我们会看到network面板中有这两个数值，分别对应网 络请求上的标志线，这两个时间数值分别代表什么？ (2)我们一再强调将css放在头部，将js文件放在尾部，这样有利于优化页面的性能，为什么这种方式能够优化性 阅读全文
posted @ 2018-03-02 14:10 全世界最帅的程序员 阅读(400) 评论(0) 推荐(0)