- 博客(6)
- 收藏
- 关注
RSS订阅转载 js中的函数只有一次有效调用的三种常用方法
如何让js中的函数只被执行一次？我们有时候会有这种需求，即让一个函数只执行一次，第二次调用不会返回任何有价值的值，也不会报错。下面将通过三个小demo展示使用的方法，当做个人笔记。1.通过闭包来实现。 <script> window.onload = function () { function once(fn) { ...
2018-06-13 15:18:34
1242
转载 同一浏览器多个标签页之间的通信（一）——localStorage
一、localStorage （1）localStorage是什么？ localStorage对象在修订过的HTML5规范中作为持久保存在客户端数据的方案取代了globalStorage，是Storage的实例。 注意：要访问一个localStorage对象，页面必须来自同一个域名（子域名无效），使用同一种协议，在同一个端口上。相当于globalStorage[localhost.host]。 （...
2018-06-13 09:37:52
3575
1
转载 同一浏览器多个标签页之间的通信（二）——cookie+setInterval
二、cookie （1）cookie是什么？ HTTP Cookie，通常直接叫做cookie，最初是在客户端用于存储回话信息的。该标准要求服务器对任意HTTP请求发送Set-CookieHTTP头作为相应的一部分，其中包含回话信息。浏览器会存储这样的回话信息，并在这之后，通过每个请求添加CookieHTTP头将信息发回服务器。 （2）cookie怎么用？ 在JavaScript中，coo...
2018-06-13 09:28:35
1043
原创 图片的预加载
一、预加载作用： 牺牲服务器前端性能，换取更好的用户体验，这样可以使用户的操作得到最快的反映。二、实现方式：1.用CSS实现预加载； 2.仅使用JavaScript实现预加载； 3.使用Ajax实现预加载。常用的是new Image();设置其src来实现预载，再使用onload方法回调预载完成事件。只要浏览器把图片下载到本地，同样的src就会使用缓存，这是最基本也是最实用的预载方法...
2018-06-12 11:33:30
246
转载 图片的懒加载
原理：函数的节流html结构代码： <ul id="picUl"> <li><img class="imgLazyLoad" src="" data-src="http://upload-images.jianshu.io/upload_images/5779996-61226782ec1512d4.jpg?imageMogr2/auto-ori.
2018-06-12 10:40:56
163
原创 防抖动和函数节流
针对高频度触发事件问题（例如页面 scroll ，屏幕 resize，监听用户输入等）。有两种常用的解决方法，防抖和节流。一、防抖动 防抖就是在一段时间内如果一直触发着滚动事件，则handler函数不会触发。而是等到规定的时间段内没有监听到滚动事件再触发最后的handler函数，之前的handler函数则被清除不会触发。防抖技术即是可以把多个顺序地调用合并成一次，也就是在一定时间内，...
2018-06-11 22:47:08
569
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人