自已脚本开发常用的底层方法

脚本下载地址:/Files/cocoxye/winBasics.rar

仅适用于原生脚本开发,同jquery会有冲突,主要存在于$选择器上。

常用变量

doc=document 
doe=doc.documentElement 
slice=Array.prototype.slice 
Ie是否为IE浏览器 
Ie6是否为IE6浏览器 
webkit是否为webkit浏览器 

常用方法

Class.create(arguments)创建一个类,入口为init,可传参数arguments选填,可作为初始化参数
domReady(fun)页面DomReady后执行方法*fun=方法;可添加多个方法在DomReady时一并执行
loadIn(arguments)异步加载JSloadIn('a','b,c',fun,"utf-8");在a加载完成后,再同时加载b和c,b,c加载完成执行fun,以utf-8方式加载
loadIn('a','b','c',fun);在a加载完成后,加载b,b完成后,再加载c,c加载完成则执行fun,以默认页面编码方式加载
domMove(o,m,t,f,s)节点动画*o=DOM;*m=移动目标;t=移动时间(ms);f=回调方法;s=写值方式
domMove(dom,{width:100,height:100},1000,fun,true);将dom宽高以style写值方式1秒内变换为100px,完成后回调fun
domMove(dom,{left:100});将dom的left以cssText写值方式0.5秒内变换为100,不回调
getRequest(v)获取url参数*v=键;return=值;
getRandom(v)获取随即值*v=最大值范围;

DOM节点

$(id,t,c)节点选择器*id=节点名称;t=列表名称;c=true是否只选取子节点下的列表;return=DOM或DomList
getAtt(o,v)获取DOM属性*o=节点;*v=属性名称;return=字符串;
addImg(u,id)添加图片DOM*u=图片地址;id=图片ID;return=图片DOM;
addDom(t,id,v)添加DOM*t=标签名称;id=DomId;v= DOM内容;return=DOM;
delDom(o)删除DOM*o=Dom;
addCss(o,v)添加样式*o=Dom;*v=样式名;
delCss(o,v)删除样式*o=Dom;*v=样式名;
getStyle(o,p)获得样式*o=Dom;*p=css属性名(驼峰写法);return=样式值;不支持padding,margin,border

事件

addEvent(o,s,f)添加事件*o=DOM;*s=触发方式;*f=调用方法;return=o;
delEvent(o,s,f)删除事件*o=DOM;*s=触发方式;*f=调用方法;return=o;
stopEvent(e)停止事件传播*e=事件;
domEvent(e)获取事件源DOM*e=事件;return=DOM;

定位及坐标

mouseX(e)鼠标X坐标*e=事件;return=数字;
mouseY(e)鼠标Y坐标*e=事件;return=数字;
domX(o,p)节点X坐标*o=DOM;p=DOM;return=数字;相对于整个页面或P节点的x值
domY(o,p)节点Y坐标*o=DOM;p=DOM;return=数字;相对于整个页面或P节点的y值
lockX(x,w)保证X坐标在屏幕内*x=左像素;*w=节点宽;return=修正后x数字
lockY(y,h)保证Y坐标在屏幕内*y=上像素;*h=节点高;return=修正后y数字

Cookie

addCookie(n,v,t)添加cookie*n=键;*v=值;t=保存时间(小时);
delCookie(n)删除cookie*n=键;
getCookie(n)获得cookie*n=键;return=值;

Function扩展

bind(o,arguments)o绑定为fun的this*o=节点或实例;arguments=其它参数;return=新方法
1:function f1(){return this;};var f2=f1.bind('o');var n=f2(); //n值为'o'
2:function f1(a,b){return this+a+b;};var f2=f1.bind('o','a','b');var n=f2(); //n值为'oab'
3:function f1(a,b){return this+a+b;};var f2=f1.bind('o','a');var n=f2('b'); //n值为'oab'
bindEvent(o,arguments)o绑定为fun的this,Event为首参数*o=节点或实例;arguments=其它参数;return=新方法
1:function f1(e){alert(this);};f2=f1.bindEvent('a');addEvent(Dom,'click',f2);//点击弹出'a'且e可用
2:function f1(e,a,b){alert(a+b);};f2=f1.bindEvent(null,'a','b');addEvent(Dom,"click",f2);//点击弹出'ab'且e可用
delay(t,arguments)方法延迟t毫秒后执行*t=数字毫秒;arguments=其它参数;return=新方法
1:function f1(){alert('a');};f1.delay(1000); //1秒后弹出字符'a'
2:function f1(a,b){alert(a+b);};f1.delay(1000,'a','b'); //1秒后弹出字符'ab'

String扩展

trim()清除字符串两边空格return=新字符串;
htmlLower()html标签自身转为小写return=新字符串;
firstUp()首字符大写return=新字符串;
camelCase()连接字符转为驼峰字符return=新字符串;border-left转为borderLeft
hyphenate()驼峰字符转为连接字符return=新字符串;borderLeft转为border-left
toRgb()将颜色值转为10进制三色数组return=新数组;#fff转为[255,255,255]

Array扩展

clone()获得数组副本return=新数组;
add(i,v)在数组i位置插入v值*i=数组位置;*v=要插入的新值;return=新数组;
del(i)将第i条数据删除*i=数组位置;return=新数组;
toString()将数组拼接为字符串return=新字符串;
toHex()将色值数组转换为网页用色return=字符串;[255,255,255]转为#ff6600

 

 

萌狗网 萌狗移动

转载于:https://www.cnblogs.com/cocoxye/archive/2012/08/07/2626260.html

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.mzph.cn/news/403812.shtml

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

python多线程编程(4): 死锁和可重入锁

From: http://www.cnblogs.com/holbrook/archive/2012/03/08/2385449.html 在线程间共享多个资源的时候,如果两个线程分别占有一部分资源并且同时等待对方的资源,就会造成死锁。尽管死锁很少发生,但一旦发生就会造成应用的停止响应。下面看一…

ie浏览器跨域报错问题;Access-Control-Allow-Headers 列表不存在请求表头 content-type;XMLHTTPRequest:网络错误 0x80070005,拒绝访问。

问题: 这段是我在main.js下设置的,为了在请求头上添加后端需要的参数sessionId 和xrequestedwith ,在谷歌下是正常的,ie报Access-Control-Allow-Headers 列表不存在请求表头 content-type;XMLHTTPRequest:网络错误 0x…

如何使用repo sync

我們知道 repo 是 Google 為 Android source tree 的管理而寫的一個 script,以方便處理 Android 源碼包含的上百個 git repositories。要取得 upstream 最新的 code,只要下 repo sync 就行。它相當於對每個 project 做 git pull 的動作。不過如果你曾對 …

python多线程编程(5): 条件变量同步

From: http://www.cnblogs.com/holbrook/archive/2012/03/13/2394811.html 互斥锁是最简单的线程同步机制,Python提供的Condition对象提供了对复杂线程同步问题的支持。Condition被称为条件变量,除了提供与Lock类似的acquire和release方法外&#xff0c…

Prototype 字符串

2019独角兽企业重金招聘Python工程师标准>>> 原文地址:http://www.yiibai.com/prototype/prototype_string_processing.html Prototype 字符串处理:方法操作使用例子 - 学习如何操纵DOM和AJAX使用Prototype JavaScript框架.Prototype提高了一…

vue-cookies使用方法,vue中使用获取cookie

1.安装vue-cookies npm install vue-cookies -S2.在main.js引入 import VueCookies from "vue-cookies";Vue.use(VueCookies);如图: 3.在vue组件中使用(如果存入的是对象,需要先转换为json字符串) 设置cookies this.$cookies.set(fileIn…

认识repo

任何一个学习Android开发的开发者如果想要深入学习Android,一定要看Android源码,网上关于下载Android源码的教程有很多,如果你已经翻墙了,你可以直接参考Google官网的教程或者老罗最新出的教程,如果你还没有翻墙&#…

python多线程编程(6): 队列同步

From: http://www.cnblogs.com/holbrook/archive/2012/03/15/2398060.html 前面介绍了互斥锁和条件变量解决线程间的同步问题,并使用条件变量同步机制解决了生产者与消费者问题。 让我们考虑更复杂的一种场景:产品是各不相同的。这时只记录一个数量就不…

ecshop在PHP 5.4以上版本各种错误问题处理

在php5.4版本之后有很多的函数与功能进行丢弃与升级功能了,现在国内很多CMS都还未按php5.4标准来做了,下面我整理了一些在ecshop在PHP 5.4以上版本各种错误问题处理. 1、PHP 5.4.X环境下安装ECShop出现“includes/cls_template.php on line 406…

【SRX】折腾了半天终于我的那对SRX210 升级到了 12.1R1.9

SRX brach产品一般 唯一的好处就是 学习机中的战斗机 安全特性 路由 MPLS VPLS 全方位支持 最近可以研究一下 和Zebos 的互通 改改Zebos 7.9.1的code转载于:https://www.cnblogs.com/abacuspix/archive/2012/08/07/2627364.html

BOM中的那点事-location

现在来了解一下JavaScript中的location对象。location记录了页面文档的位置信息,当然这个位置不是地址位置,而是指web中的文档位置。location其实是一个很特殊的对象,首先它是window的属性,同时也是document的属性,换句…

python多线程编程(7):线程间通信

From: http://www.cnblogs.com/holbrook/archive/2012/03/21/2409031.html 很多时候,线程之间会有互相通信的需要。常见的情形是次要线程为主要线程执行特定的任务,在执行过程中需要不断报告执行的进度情况。前面的条件变量同步已经涉及到了线程间的通…

vue本地下载文件,解决ie浏览器本地下载文件无反应(已解决);vue-cli2本地下载文件,vue-cli3本地下载文件

1.vue-cli2vue 注意&#xff1a;vue-cli2本地文件需要放在静态文件static下<a href"javascript:void(0);" click"download">帮助文档</a>download(){axios.get(static/export.pdf, {responseType: blob, //重要}).then(response > {//判断…

CSS position 笔记+实验

目录&#xff1a;1.static2.relative3.absolute4.fixed5.实验&#xff1a;static, relative, absolute中&#xff0c;父元素-子元素高度关系6.z-index7.参考资料1.static默认的定位方式&#xff0c;不支持设置位移属性用来覆盖之前创建的 absolute, relative, fixed 2.relative…

Linux 查找指定文件并删除

find . -name *.png | xargs rm -fr

python多线程编程(8):线程的合并和后台线程

From: http://www.cnblogs.com/holbrook/archive/2012/03/21/2410120.html 线程的合并 python的Thread类中还提供了join()方法&#xff0c;使得一个线程可以等待另一个线程执行结束后再继续运行。这个方法还可以设定一个timeout参数&#xff0c;避免无休止的等待。因为两个线…

修改ant design vue中的Icon图标颜色

直接行内式即可 <a-icon type"file-text" style"color: rgba(28, 106, 235, 1)" />

学习进度条10

学习进度条 第 十一 周 星期一 星期二 星 期 三 星期四 星期五 星期六 所花时间 90 100 50 42 代码量 0 120 博客量 1 1 1 了解到的知识点 初次了解到典型用户和场景 进行对自己模块设定典型用例 复习了…