WebToolFunction

WTF is it ?

2016/1/22 by DKZ

Web tool functions for front-end developer

Demo

http://davidkingzyb.github.io/WebToolFunction

List

• wtf.js some useful web tool functions
• terminal.js console in your website

API

wtf.js

some useful web tool functions

wtf.reqstr(obj)

var qstr=wtf.reqstr({'q':'v','qq':'vv'}) //'q=v&qq=vv'

wtf.get(url,callback(d)[,onerror(xhr))

ajax GET function

wtf.get('http://www.test.com/get?q=xx',function(data){
	console.log(data);
})

wtf.post(url,data,callback(d)[,onerror(xhr)[,content_type)

ajax Post function

wtf.post('http://www.test.com',{'q':1},function(data){
	console.log(data);
})

wtf.$(selector)

selector

wtf.$('#id')
wtf.$$('.cls')
wtf.$id('id')
wtf.$cls('cls')
wtf.$tag('tag')

wtf.urlquery(name[,url)

var q=wtf.urlquery(q,'?q=1&qq=2');

wtf.parseUrl(url)

var urlo=wtf.parseUrl(url)

wtf.localStorage(name[,value)

wtf.sessionStorage(name[,value)

wtf.$cookie(name[,value[,time)

wtf.cookies

• getItem(name)
• setItem(name, value[, end[, path[, domain[, secure)
• removeItem(name[, path[,domain)
• hasItem(name)
• keys()
• clear()

wtf.loadScript(src[,callback)

load script file

wtf.loadScript('../static/lib/wtf.js',function(){
	console.log('wtf load ok');
})

wtf.loadStyle(url)

wtf.htmlEscape(html)

wtf.wrapTag(tag,value,attr)

wtf.dateFormat(date,fmt)

wrap html tag

wtf.typeOf(obj)

wtf.imgToBase64(img,type)

terminal.js

console in your website

a command user interface for debug web application

terminal.isbig

big terminal 800x600

• default=false

terminal.debug

use console too

• default=false

terminal.catcherr

catch gobal error (window.onerror)

• not jump to execute

• default=false

terminal.init()

use terminal

terminal.ismodalbg

always use modal dialoge

• default=false

terminal.showmodalbg()

use modal dialoge

terminal.show()

or press F9

terminal.log(msg1[,msg2...)

terminal.consoleLocalLog()

console log all terminal log in localstorage

terminal.alert(msg,timeout)

terminal.confirm(msg,callback)

terminal.prompt(msg,callback)