js
文章平均质量分 62
Vincent前端路漫漫
WEB开发者,iOS开发者
展开
-
JS-获取对象位置信息
offsetTop 获取对象相对于版面或由 offsetParent 属性指定的父坐标的计算顶端位置。 offsetLeft 获取对象相对于版面或由 offsetParent 属性指定的父坐标的计算左侧位置。 offsetHeight 获取对象相对于版面或由父坐标 offsetParent 属性指定的父坐标的高度。 IE、Opera 认为 offsetHeight = c原创 2015-06-03 18:17:32 · 711 阅读 · 0 评论 -
js-闭包原理
写在前面: js变量作用域:全局变量和局部变量 函数内部可以读取全局变量 函数外部无法读取函数内部的局部变量 函数内部用var关键字定义的变量为局部变量,否则为全局变量 如何在函数外部读取局部变量? function f1(){ var n=999; function f2(){ alert(n); // 999 } }在函数原创 2015-08-24 18:06:42 · 403 阅读 · 0 评论 -
js-事件捕获与事件冒泡原理 IE和DOM之间存在哪些主要差别
转自博客园《JavaScript事件捕获与事件冒泡原理 IE和DOM之间存在哪些主要差别》 作者:LM 事件——怎样使用事件以及IE和DOM事件模型之间存在哪些主要差别。 (1)冒泡型事件:事件按照从最特定的事件目标到最不特定的事件目标(document对象)的顺序触发。 IE 5.5: div -> body -> document IE 6.0:转载 2015-08-24 10:50:27 · 1047 阅读 · 0 评论 -
转载-Javascript定义类(class)的三种方法
最近在努力强化自己的编程思想,特别是OOP方面的,在js上面要实现OOP首先就有个问题:js不支持定义类。 于是就得用各种方法去实现,发觉还是不理想,代码不容易维护。 下面是转载网络的博文,作个参考吧: 作者: 阮一峰 日期: 2012年7月 9日 将近20年前,Javascript诞生的时候,只是一种简单的网页脚本语言。如果你忘了填写用户名,它就跳出一个警告转载 2015-06-12 16:36:34 · 373 阅读 · 0 评论 -
JS-精确四则运算
加减法 function accAdd(arg1,arg2){ var r1,r2,m; try{r1=arg1.toString().split(".")[1].length}catch(e){r1=0} try{r2=arg2.toString().split(".")[1].length}catch(e){r2=0} m=Math.pow(1原创 2015-06-03 18:13:03 · 1809 阅读 · 0 评论 -
JS-获取url信息
window.location属性 .pathname 文件名或路径 .href 整个url字符串 .protocol url协议部分 .port 端口号码 .hash 在href“#”后面的分段 .host hostname和端口号 .search 跟在?后面的字符串原创 2015-06-03 18:20:40 · 381 阅读 · 0 评论 -
JS-获取navigator信息
Navigator 对象包含有关浏览器的信息。js就是通过Navigator的属性获取客户端浏览器信息 Navigator 对象属性: 属性 描述 appCodeName 返回浏览器的代码名。 appMinorVersion 返回浏览器的次级版本。 appName 返回浏览器的原创 2015-06-03 18:21:19 · 1329 阅读 · 0 评论 -
JS-判断浏览器类型
常用浏览器信息: Webkit内核: Safari appName: Netscape appCode: Mozilla userAgent: Mozilla/5.0 (Windows NT 6.1; WOW64) AppleWebKit/534.50 (KHTML, like Gecko) Version/5.1 Safari/534.50 C原创 2015-06-03 18:22:14 · 560 阅读 · 0 评论 -
JS-JSON数组
创建json数组: var arr = new Array({'name':'Vincent', 'sex':'male', 'age':'22'}); 创建json对象: var arr = {}; arr['name'] = 'Vincent'; arr['sex'] = 'male'; arr['age'] = '22'; JSON数组转字符串: JSON.原创 2015-06-03 18:23:06 · 423 阅读 · 0 评论 -
JS-Web Storage
localStorage - 本地存储 sessionStorage - 会话存储 方法: getItem(key) - 获取值 setItem(key, value) - 设置值 clear() - 清空存储信息 数据库: var db = openDatabase(dbname, version, description, size); 返回数据库访问对象,如果原创 2015-06-03 18:24:47 · 587 阅读 · 0 评论 -
JS-applicationCache对象
var appCache = window.applicationCache 状态: UNCACHED(0) - 没有缓存 IDLE(1) - 闲置 CHECKING(2) - 检查中 DOWNLOADING(3) - 下载中 UPDATEREADY(4) - 已更新 OBSOLETE(5) - 失效 方法: update() - 尝试更新应用程序缓存(只有在ma原创 2015-06-03 18:27:02 · 585 阅读 · 0 评论 -
JS-Web Workers处理线程
创建线程 var worker = new Worker("work.js") 后台线程不能访问页面或窗口对象 接收数据 worker.onmessage = function(e){} 发送数据 worker.postMessage(data) 结束线程 close() 线程嵌套 在子线程中继续创建worker对象即可 注意: 发送消息给调原创 2015-06-03 18:27:28 · 417 阅读 · 0 评论 -
JS-资料收录
插件 jPlayer 视频、音频播放插件 http://www.jplayer.org/latest/developer-guide/#jPlayer-option zTree 树形插件 http://www.ztree.me/v3/api.php jCrop 图像裁剪插件 http://deepliquid.com/content/Jcrop.html原创 2015-06-03 18:28:51 · 375 阅读 · 0 评论 -
JS-jquery mobile事件
文档: http://api.jquerymobile.com/category/events/ 语法: $(element).on('eventName', function(){ // TO-DO }) 触控事件: tap - 点击 taphold - 长按1秒 swipe - 滑动超过30px swipeleft - 向左滑动 swiperig原创 2015-06-03 18:29:25 · 323 阅读 · 0 评论 -
JS-Geolocation API
获取当前地理位置信息 navigator.geolocation.getCurrentPosition(function(position){ // TO-DO }, function(error){ // TO-DO }, { // options }) positon对象 position.coords的属性: latitude -原创 2015-06-03 18:29:32 · 395 阅读 · 0 评论 -
JS-通信API
跨域通信 接收消息监听器 window.addEventListener("message", function(e){ // TO-DO }, false) 消息发送器 otherWindow.postMessage(message, targetOrigin) otherWindow - 发送窗口对象的引用 message - 消息文本 target原创 2015-06-03 18:27:44 · 407 阅读 · 0 评论 -
JS-jquery mobile基础
链接: http://api.jquerymobile.com/ API文档 http://www.w3school.com.cn/jquerymobile/jquerymobile_ref_data.asp data属性 http://api.jquerymobile.com/data-attribute/ 页面元素: data-role = "page"原创 2015-06-03 18:31:25 · 367 阅读 · 0 评论 -
关于瀑布流
淘宝UED上的《瀑布流布局浅析》,尽管是2011年的文章了: http://ued.taobao.org/blog/2011/09/waterfall/ 鉴于现今瀑布流的流行,上次面试的时候又遇到了这个问题,可我确实没有实现过,一时问起确实只知道用float:left的方式。 1.固定列宽和列数,列设置float:left,一个列就是一个内容块,加载内容就选择加载到各列中 2.原创 2015-08-24 10:10:47 · 432 阅读 · 0 评论