随笔分类 -  js那些事

1 2 下一页

获取页面的唯一元素的标识。
摘要:唯一标识页面后,接下来就要唯一标识页面里面的元素,这样才能保证A页面中配置的元素A1可以被SDK找到,从而监听它产生的事件。 在html里面,元素是以DOM Tree组织的,如果沿着元素A1出发,一直向上记录它的parent和它在parent中的index,直到根节点body,那么就可以得到元素A1 阅读全文

posted @ 2018-08-02 13:40 rainbow661314

JavaScript 是如何工作的:用 MutationObserver 追踪 DOM 的变化
摘要:JavaScript 是如何工作的:用 MutationObserver 追踪 DOM 的变化 如何使用 MutationObserver 将 MutationObserver 应用于你的应用相当简单。你需要通过传入一个函数来创建一个 MutationObserver 实例,每当有变化发生,这个函数 阅读全文

posted @ 2018-08-02 13:13 rainbow661314

10大JavaScript动画库
摘要:Three JS 是这里面排名第一、最受欢迎的动画库(该项目有900多位的贡献者)。八年了,Three JS 仍然是一个强大的动画工具。Three JS 依赖于WebGL,可以用来构建浏览器端酷炫的3D计算机图形。它的功能包括但不限于浮雕效果,透视和正交相机效果,几何工具,如平面,立方体,球体,环面 阅读全文

posted @ 2018-08-02 12:09 rainbow661314 阅读(2340) 评论(0) 推荐(0)

JS动画公式
摘要:BackEase BounceEase CircleEase CubicEase ElasticEase ExponentialEase PowerEase QuadraticEase QuarticEase QuinticEase SineEase 阅读全文

posted @ 2017-05-19 13:20 rainbow661314 阅读(154) 评论(0) 推荐(0)

终端判断
摘要:function detect(ua){ var os = this.os = {}, browser = this.browser = {}, webkit = ua.match(/WebKit\/([\d.]+)/), android = ua.match(/(An... 阅读全文

posted @ 2015-08-26 16:57 rainbow661314 阅读(179) 评论(0) 推荐(0)

webkitTransitionEnd webkitAnimationEnd事件
摘要:在CSS 3中,可以通过使用keyframe样式属性与animation样式属性实现animation动画,使用transition样式属性实现transition动画。在WebKit引擎的浏览器(包括Chrome浏览器与Safari浏览器)中,存在与这两种动画功能相关的webkitAnimatio... 阅读全文

posted @ 2015-08-26 15:29 rainbow661314 阅读(299) 评论(0) 推荐(0)

转 : Hello spm:使用 spm 和 SeaJS 开发一个中型项目
摘要:来源:https://github.com/spmjs/spm/wiki/Hello-spm%EF%BC%9A%E4%BD%BF%E7%94%A8-spm-%E5%92%8C-SeaJS-%E5%BC%80%E5%8F%91%E4%B8%80%E4%B8%AA%E4%B8%AD%E5%9E%8B%E... 阅读全文

posted @ 2015-06-29 14:44 rainbow661314 阅读(170) 评论(0) 推荐(0)

日历js代码
摘要:1 //判断闰年 2 function runNian(_year) { 3 if(_year%400 === 0 || (_year%4 === 0 && _year%100 !== 0) ) { 4 return true; 5 } 6 el... 阅读全文

posted @ 2014-12-04 15:00 rainbow661314 阅读(397) 评论(0) 推荐(0)

微信内置浏览器的JsAPI(WeixinJSBridge)转载
摘要:微信内置浏览器的JsAPI(WeixinJSBridge续)进入全屏之前有写过几篇关于微信内置浏览器(WebView)中特有的Javascript API(Javascript Interface)的文章,不过随着微信官方的调整,部分API已经不能直接使用,比如类似直接分享到朋友圈WeixinJSB... 阅读全文

posted @ 2014-10-30 14:36 rainbow661314 阅读(1945) 评论(0) 推荐(0)

JS运算符优先级(从高到低列出)
摘要:另附:JS运算符优先级(从高到低列出)运算符描述. [] ()字段访问、数组下标、函数调用以及表达式分组++ -- - ~ ! delete new typeof void一元运算符、返回数据类型、对象创建、未定义值* / %乘法、除法、取模+ - +加法、减法、字符串连接> >>>移位 >= in... 阅读全文

posted @ 2014-10-10 11:33 rainbow661314 阅读(776) 评论(0) 推荐(0)

判断移动设备与PC
摘要:var browser = { versions: function () { var u = navigator.userAgent, app = navigator.appVersion; return {//移动... 阅读全文

posted @ 2014-09-09 14:52 rainbow661314 阅读(123) 评论(0) 推荐(0)

getImgInfo获取图片宽高
摘要:var getImgInfo = function( img ){ var fun = arguments.callee; if( !img.width || !img.height ){ var t = setTimeout( function(){ fun.call( null , img ); } , 10 ); }else{ c... 阅读全文

posted @ 2014-08-12 10:17 rainbow661314 阅读(173) 评论(0) 推荐(0)

js DOM操作
摘要:一、DOM基础1.节点(node)层次Document--最顶层的节点,所有的其他节点都是附属于它的。DocumentType--DTD引用(使用语法)的对象表现形式,它不能包含子节点。DocumentFragment--可以像Document一样来保存其他节点。Element--表示起始标签和结束... 阅读全文

posted @ 2014-07-21 14:18 rainbow661314 阅读(147) 评论(0) 推荐(0)

转载 文件上传利器SWFUpload使用指南
摘要:文件上传利器SWFUpload使用指南SWFUpload是一个flash和js相结合而成的文件上传插件,其功能非常强大。以前在项目中用过几次,但它的配置参数太多了,用过后就忘记怎么用了,到以后要用时又得到官网上看它的文档,真是太烦了。所以索性就把它的用法记录下来,也方便英语拙计的同学查看,利人利己,... 阅读全文

posted @ 2014-06-27 16:57 rainbow661314 阅读(143) 评论(0) 推荐(0)

判断浏览器类型用 document.documentMode方式,
摘要:if ( document.documentMode && document.documentMode ' );}判断浏览器类型用document.documentMode方式,判断浏览器文档类型 才是browser...version 阅读全文

posted @ 2014-03-19 15:38 rainbow661314 阅读(1089) 评论(0) 推荐(0)

ie下如果已经有缓存,load方法的效果就无法执行.的解决方法
摘要:loading... 阅读全文

posted @ 2013-12-12 16:28 rainbow661314 阅读(360) 评论(0) 推荐(0)

pageX、pageY全兼容
摘要:pageX、pageY全兼容var pos=function(o,x,y,event){var posX=0,posY=0;var e=event||window.event;if(e.posX||e.posY){ posX=e.pageX; posY=e.pageY;}else if(e.clientX||e.clientY){ posX=e.clientX+document.documentElement.scrollLeft+document.body.scrollLeft; posY=e.clientY+document.documentElement.scrollTop +docum 阅读全文

posted @ 2013-11-18 16:58 rainbow661314 阅读(298) 评论(0) 推荐(0)

getComputedStyle()与currentStyle
摘要:getComputedStyle()与currentStyle计算元素样式发表于 2011-10-27 由 admin“DOM2级样式”增强了document.defaultView,提供了getComputedStyle()方法。这个方法接受 两个参数:要取得计算样式的元素和一个伪元素字符串(例如“:after”)。如果不需要伪元素信息,第二个参数可以是null。 getComputerStyle()方法返回一个CSSStyleDeclaration对象,其中包含当前元素的所有计算的样式。以下面的HTML页 面为例:计算元素样式边框属性可能也不会返回样式表中实际的border规则(Op... 阅读全文

posted @ 2013-11-01 11:17 rainbow661314 阅读(211) 评论(0) 推荐(0)

继承模式
摘要:模式1:默认模式代码复用大家常用的默认模式,往往是有问题的,该模式使用Parent()的构造函数创建一个对象,并且将该对象赋值给Child()的原型。我们看一下代码:function inherit(C, P) { C.prototype = new P();}function Parent(name) { this.name = name || 'Adam';}Parent.prototype.say = function () { return this.name;};function Child(name) {}inherit(Child, Parent);var kid 阅读全文

posted @ 2013-10-23 18:04 rainbow661314 阅读(200) 评论(0) 推荐(0)

区分总结innerHeight与clientHeight、innerWidth与clientWidth、scrollLeft与pageXOffset等属性
摘要:window对象:(1)innerHeight属性:窗口中文档显示区域的高度,不包括菜单栏、工具栏等部分。该属性可读可写。IE不支持该属性,IE中body元素的clientHeight属性与该属性相同。(2)innerWidth属性:窗口中文档显示区域的宽度,同样不包括边框。该属性可读可写。IE不支持该属性,IE中body元素的clientWidth属性与该属性相同。 clientHeight与clientWidth属性是只读的。 另外,IE不支持outerWidth、outerHeight属性。(3)pageXOffset属性:整数只读属性,表示文档向右滚动过的像素数。IE不支持该属性,使用 阅读全文

posted @ 2013-09-11 17:51 rainbow661314 阅读(201) 评论(0) 推荐(0)

1 2 下一页