随笔分类 - Javascript
摘要:在js中如果打算使用setInterval进行倒数,计时等功能,往往是不准确的,因为setInterval的回调函数并不是到时后立即执行,而是等系统计算资源空闲下来后才会执行.而下一次触发时间则是在setInterval回调函数执行完毕之后才开始计时,所以如果setInterval内执行的计算过于耗
阅读全文
摘要:一道面试题:“setInterval和setTimeout有什么区别” “如果setInterval计时器的回调函数执行完需要5秒,而计时器时间间隔为3秒,那会发生什么?” 验证代码 让程序滞留固定时间的方法如下: 运行代码如下: 为方便测试setTimeout,改一下 其他浏览器也一样,但是在NO
阅读全文
摘要:一、延迟与网速 通过js加载一张1x1的极小图片,测试出图片加载的所用的时长。如果换一个几百KB的图片,则可心用来计算下载网速 但是,第一次加载图像时,它将比后续加载花费更长的时间,即使我们确保图像没有被缓存。因为第一次在两个主机(在我们的例子中是浏览器和服务器)之间打开TCP连接时,它们需要“握手
阅读全文
摘要:把一个全局变量存到localStorage里面 isSupport是 true false;
阅读全文
摘要:var obj={name:"致远",age:21,address:"江西上饶XXXX",hobby:"看书,编程"};//用中文 记得加encodeURIComponent()!localStorage.setItem("obj",window.btoa(window.encodeURICompo
阅读全文
摘要:正常冒泡排序: 冒泡排序优化版: 由此可以看出,将相邻的两个数依次相比较,大数向后放,小数向前移。即是位置交换实现小数在前,大数在后。经过10次比较后,最终实现重排。 如果从大到小排序的话,则将if(arr[j]>arr[j+1])改为if(arr[j]<arr[j+1])即可 极简sort版: 关
阅读全文
摘要:localStorage过期策略 由于html5没有给本地存储设置过期策略,那么在处理数据的过期策略的时候可以编写自己过期策略程序,如下:
阅读全文
摘要:效果要达到无论在什么机器上,算出来的速度是一样的。 思路:计算两次mousemove之间的位移和时间,就可以算出精确的速度 不要将onMousemove的调用时间间隔看成是均等的,事实上也不是均等的,而是根据机器的运行状况实时调整的,所以两次调用之间的时间间隔不能看成是单位时间。关于mousemov
阅读全文
摘要:分析 H5本地存储有两个API,一个是Web Storage,还有一个是Web SQL。不管是哪一个,都是基于JavaScript语言来使用,而Web Storage提供了两种存储类型 API: sessionStorage 和 localStorage,二者的差异主要是数据的保存时长及数据的共享方
阅读全文
摘要:localstorage也存在 跨域的问题, 【解决思路如下】 在A域和B域下引入C域,所有的读写都由C域来完成,本地数据存在C域下; 因此 A哉和B域的页面必定要引入C域的页面; 当然C域最好是主域,原因后面会提到(在localstorage 不方便的情况下使用cookie); 【A域】【B域】需
阅读全文
摘要:1.创建元素 创建元素:document.createElement() 使用document.createElement()可以创建新元素。这个方法只接受一个参数,即要创建元素的标签名。这个标签名在HTML文档中不区分大小写,在XHTML中区分大小写。 使用createElement()方法创建新
阅读全文
摘要:先来几道面试题 1、a.meituan.com 和 b.meituan.com 这两个域能够共享同一个 localStorage 吗? 2、在 webview 中打开一个页面:i.meituan.com/home.html,点击一个按钮,调用 js 桥打开一个新的 webview:i.meituan
阅读全文
摘要:HTML5 的本地存储 API 中的 localStorage 与 sessionStorage 在使用方法上是相同的,区别在于 sessionStorage 在关闭页面后即被清空,而 localStorage 则会一直保存。我们这里以 localStorage 为例,简要介绍下 html5 的本地
阅读全文
摘要:在登录界面添加记住密码功能,代码如下: setCookie(cname, cvalue, exdays)三个参数分别是存放的cookie名字、cookie值、cookie有效天数 由于cookie中不能包含等号、空格、分号等特殊字符,我在设置cookie时使用escape() 函数对字符串进行编码,
阅读全文
摘要:用js做时间校正,获取本机时间,是存在bug的。 使用js也可获取到服务器时间,原理是使用 ajax请求,返回的头部信息就含有服务器端的时间信息,获取到就可以了。以下: 1、依赖jQuery 代码: 以上函数返回的就是一个Date对象,注意在使用ajax时必须同步,要不然无法返回时间日期。 无需填写
阅读全文
摘要:判断滚动条到底部,需要用到DOM的三个属性值,即scrollTop、clientHeight、scrollHeight。 scrollTop为滚动条在Y轴上的滚动距离。 clientHeight为内容可视区域的高度。 scrollHeight为内容可视区域的高度加上溢出(滚动)的距离。 从这个三个属
阅读全文
摘要:前言 今天来讲讲js中实现input中输入数字,控制每四位加一个空格的方法!这个主要是应用于我们在填写表单的时候,填写银行卡信息,要求我们输入的数字是四位一个空格!今天主要介绍两种方式来实现这个方法!但是都运用到了键盘码。下面我就列举一下键盘码,以备后面查阅! 键盘各按键对应的数字 96到105是小
阅读全文
摘要:一般情况下我们用js设置元素对象的样式会使用这样的形式: var element= document.getElementById(“id”);element.style.width=”20px”;element.style.height=”20px”;element.style.border=”s
阅读全文
摘要:已知平面三点坐标A(x1, y1)、B(x2, y2)、C(x3, y3),三点定圆也就是三角形的中垂线交点,
阅读全文
摘要:/* 第一种定义类的方法 */var cls = new Object();cls.name = "wyf";cls.showName = function(){console.log(this.name);}cls.showName(); /* 第二种定义类的方式 */function MyCls
阅读全文