随笔分类 -  JS

摘要:面向过程编程,面向对象编程和函数式编程> 定义一个类方法1:function Anim(){ } Anim.prototype.start = function(){ .. };Anim.prototype.stop = function(){ .. }; 或者方法2:function Anim() 阅读全文
posted @ 2014-08-04 16:45 stephenykk 阅读(447) 评论(0) 推荐(0)
摘要:~~~ nodeA.contains(nodeB) //ie , nodeA.compareDocumentPosition(nodeB) //firefox opera 1、DOMElement.contains(DOMNode) 这个方法起先用在 IE ,用来确定 DOM Node 是否包含在另 阅读全文
posted @ 2014-07-31 13:53 stephenykk 阅读(299) 评论(0) 推荐(0)
摘要:~~~1.总是转换为相同的原始类型再做判断,2.逻辑值总是转换为数值类型,3.数值类型和字符串类型比较,总是把字符串转为数值,4.对象(引用类型)总是转换为原始类型再比较( obj.valueOf(), arr.toString() )。 ~~~这就是通常说的js复杂的隐式类型转换! 经过这样一整理 阅读全文
posted @ 2014-07-22 12:56 stephenykk 阅读(286) 评论(0) 推荐(0)
摘要:一、介绍: 我们要在网页中正常显示flash内容,那么页面中必须要有指定flash路径的标 签。也就是OBJECT和 EMBED标签。OBJECT标签是用于windows平台的IE浏览器的,而EMBED是用于windows和 Macintosh平台下的Netscape Navigator浏览器以及M 阅读全文
posted @ 2014-07-19 09:53 stephenykk 阅读(506) 评论(0) 推荐(0)
摘要:简介 术语 属性 方法 document.activeElement document.designMode = 'on'; 简介 selection是对当前激活选中区(即高亮文本)进行操作。 在非IE浏览器(Firefox、Safari、Chrome、Opera)下可以使用window.getSe 阅读全文
posted @ 2014-06-06 15:55 stephenykk 阅读(2591) 评论(0) 推荐(0)
摘要:document.selection只有IE支持 window.getSelection()也只有FireFox和Safari支持,都不是标准语法。 selection 对象代表了当前激活选中区,即高亮文本块,或文档中用户可执行某些操作的其它元素。selection 对象的典型用途是作为用户的输入, 阅读全文
posted @ 2014-06-06 14:36 stephenykk 阅读(1232) 评论(1) 推荐(0)
摘要:JavaScript中的鼠标滚轮事件详解/*Firefox注册事件*/ ~~~Firefox: addEventListener('DOMMouseScroll', handler, false)if(document.addEventListener){ document.addEventList 阅读全文
posted @ 2014-06-06 13:10 stephenykk 阅读(2369) 评论(0) 推荐(0)
摘要:可能不少学习javascript在使用call,apply,callee时会感到困惑,以下希望对于你有所帮助: 1、~~~call ,apply是函数(函数对象)的方法;callee是函数arguments对象的属性 引用函数自身 2、~~~call,apply改变上下文对象this的指向 3、~~ 阅读全文
posted @ 2014-06-06 12:58 stephenykk 阅读(393) 评论(0) 推荐(0)
摘要:添加HTML内容与文本内容以前用的是innerHTML与innerText方法, 最近发现还有insertAdjacentHTML和 insertAdjacentText方法, 这两个方法更灵活,可以在指定的地方插入html内容和文本内容。 insertAdjacentText方法与 insertA 阅读全文
posted @ 2014-06-06 11:29 stephenykk 阅读(287) 评论(0) 推荐(0)
摘要:子窗口访问父窗口的window对象 打开新窗口一般有几种方法,window.open(...),window.showModalDialog(...),以及iframe中嵌套页面,另外还有window.navigate (...)、window.location.href="..."、window. 阅读全文
posted @ 2014-06-06 09:32 stephenykk 阅读(1393) 评论(0) 推荐(0)
摘要:当页面图片比较多的时候,我们通常会做一个延迟加载,避免页面打开时一下子的请求数太多,加载过慢影响用户体验。 如果项目用了jquery框架,则可以直接用 jquery.lazyload.可在jquery官网下载到。 如果项目是基于原生js的,可以参考以下: 阅读全文
posted @ 2014-06-04 14:12 stephenykk 阅读(408) 评论(0) 推荐(0)
摘要:在实际的业务逻辑中,经常是与时间相关的,而前端能获得的时间有两个:客户端的时间,服务器的时间.客户端时间通过 javascript中的Date对象可以获取,如Java代码vardt=newDate();vartm=dt.getTime();那么tm就是客户端的时间,另外也可以通过对应的getFull... 阅读全文
posted @ 2014-05-26 17:39 stephenykk 阅读(10875) 评论(0) 推荐(0)
摘要:这是群里网友地瓜提供的一个类,不熟悉样式表对象和样式规则对象的浏览器差异的可以看看/** * Stylesheet.js: utility methods for scripting CSS stylesheets. * * This module defines a Stylesheet clas... 阅读全文
posted @ 2014-05-16 13:44 stephenykk 阅读(496) 评论(0) 推荐(0)
摘要:chrome: html.scrollHeight = 1242html.clientHeight = 278html.scrollTop = 0body.scrollHeight = 1242body.clientHeight = 1226body.scrollTop = 400 ~~~scrol 阅读全文
posted @ 2014-04-17 15:35 stephenykk 阅读(441) 评论(0) 推荐(0)
摘要:本文是转帖,原文:http://www.baiduux.com/blog/2011/02/15/browser-loading/ 发布日期:2011年2月15日 作者:nwind类别:HTML/CSS,JavaScript,前端技术 | 评论(16) 本文将探讨浏览器渲染的loading过程,主要有 阅读全文
posted @ 2014-04-17 09:45 stephenykk 阅读(549) 评论(0) 推荐(0)
摘要:项目中做过这样的事情:所有页面都通过SSI指令 include这样一份public-js.shtml, 用来引入涉及到的js(包括公共的脚本 验证插件 自定义组件等),但是一些没有交互效果的页面根本不需要用到这些脚本,所以造成脚本冗余较大(尽管可以从缓存读取,但还是应该尽量减少没用到的脚本为佳) p 阅读全文
posted @ 2014-04-10 05:41 stephenykk 阅读(4912) 评论(0) 推荐(0)
摘要:按需加载是前端性能优化中的一项重要措施,按需加载是如何定义的呢?顾名思义,指的是当用户触发了动作时才加载对应的功能。触发的动作,是要看具体的业务场景而言,包括但不限于以下几个情况:鼠标点击、输入文字、拉动滚动条,鼠标移动、窗口大小更改等。加载的文件,可以是JS、图片、CSS、HTML等。后面将会详细 阅读全文
posted @ 2014-04-03 09:35 stephenykk 阅读(1693) 评论(0) 推荐(0)
摘要:JSON和JSONP 与XML相比,JSON是一个轻量级的数据交换格式。JSON对于JavaScript开发人员充满魅力的原因在于JSON本身就是Javascript中的对象。 例如一个ticker对象 var ticker = {symbol:'IBM',price:100} 而JSON串就是 { 阅读全文
posted @ 2014-03-21 19:53 stephenykk 阅读(354) 评论(0) 推荐(0)
摘要:> 变量、作用域和内存问题js为弱类型的语言 变量的值和数据类型可以在脚本的生命周期内改变。5种基本类型:string, number, undefined, null, boolean,基本数据类型是按值访问的。引用类型是保存在内存中的对象,js不能直接操作对象的内存空间。引用类型是按引用访问的。动态的属性对象的属性可以随时添加和删除 delete运算符不能给基本类型添加属性 如:var name = "myname";name.age = 18;console.log(name.age); //undefined基本类型和引用类型的赋值,基本类型赋的是值,引用类型 阅读全文
posted @ 2014-03-13 09:26 stephenykk 阅读(212) 评论(0) 推荐(0)
摘要:原生Js结合html5做出放大镜的效果 -------------------------------------------------------------用于商品详情页的商品图放大镜--------------------------------------------------... 阅读全文
posted @ 2014-03-11 14:18 stephenykk 阅读(563) 评论(0) 推荐(0)