随笔分类 -  js

图片上传
摘要：$('input').change(function(){ var fileObj = this.files[0]; //检查是否支持FileReader对象 if (typeof FileReader!= 'undefined'){ var acceptTypes = /\.(jpe?g|png) 阅读全文
posted @ 2016-02-04 22:24 joya 阅读(143) 评论(0) 推荐(0)
真的了解JS么？
摘要：1、setTimeout setTimeout(function(){ }),1000) setTimeout(function(num){ alert(num) //弹123 },1000,123)2、拼接字符串(使用\) document.body.innerHTML = 'd... 阅读全文
posted @ 2015-03-09 22:20 joya 阅读(217) 评论(0) 推荐(0)
常用JavaScript字符串方法简述
摘要：网址来源：http://www.html-js.com/article/JS-rookie-in-the-rookie-to-start-learning-to-fly-the-commonly-used-string-method-in-JavaScriptindexOf(str)返回字符串中参数... 阅读全文
posted @ 2014-12-16 16:57 joya 阅读(183) 评论(0) 推荐(0)
html历史
摘要：方法一：location.hash = 'abc'window.onhashchange = function(){}location.hash 返回结果 #abc => location.hash.substring(1) abc方法二：存历史：history.pushstate(数据,标题,网址... 阅读全文
posted @ 2014-09-03 21:53 joya 阅读(114) 评论(0) 推荐(0)
正则
摘要：元字符： \t 水平制表符Tab\v 垂直制表符 \n 换行 \r 回车 \0 空字符 \f 换页符 \cX ctrl+X 字符类： [] a[ab]c=>aac、abc [^] 表示取反 范围类： [a-z] 预定义类及边界： . 任意字符（除回车和换行） \d 数字 \D 非数字 \s 空白符 阅读全文
posted @ 2014-05-21 21:12 joya 阅读(328) 评论(0) 推荐(0)
排序算法
摘要：快速排序 思想： 1、找到一个基准点 2、建立两个数据，分别存放左边和右边的数组 3、利用递归的原理进行比较 arr = [1,6,3,4,5] 步骤 ： 1，6，3，4，5 1，3，6，4，5 1，3，4，6，5 1，3，4，5，6 注意： ... 阅读全文
posted @ 2014-05-20 21:29 joya 阅读(137) 评论(0) 推荐(0)
firebug的调试，console
摘要：console.log()console.warn() 警告console.error() 错误console.group() 分组 console.grounpEnd() 分组结束console.dir() 输出所有信息var cat = {};cat.name = "mm";cat.sex ... 阅读全文
posted @ 2014-05-16 23:21 joya 阅读(154) 评论(0) 推荐(0)
操作iframe
摘要：页面控制iframe元素iframe元素.contentWindow.document.getElementById(''); //iframe元素.contentWindow为iframe对象iframe元素.contentDocument.getElementById(''); //ifra... 阅读全文
posted @ 2014-05-13 23:15 joya 阅读(239) 评论(0) 推荐(0)
闭包
摘要：什么闭包？函数嵌套函数，函数嵌套函数，内部函数可以使用外部函数的参数和变量，参数和变量不会被垃圾回收机制回收//当调用完aaa()函数，变量a被垃圾回收机制回收了function aaa() { var a = 1;}aaa();//闭包的形式：function aaa() { var a... 阅读全文
posted @ 2014-05-11 20:13 joya 阅读(177) 评论(0) 推荐(0)
Dom优化
摘要：1、innerHTML//方案一for (var i=0;i';}//方案二var str = '';for (var i=0;i';}oUl.innerHTML = str;//显然方案二比方案一更好，JS与DOM交互只需要一次，性能更好2、Dom的操作与innerHTML比较，哪个性能好？ c... 阅读全文
posted @ 2014-05-08 23:47 joya 阅读(180) 评论(0) 推荐(0)
JS事件委托
摘要：事件委托： 利用冒泡的原理，将事件加到父级,触发执行效果好处： 1、提高性能（因为是加到父级，不用循环操作） 2、新添加的元素也有事件事件委托用到的知识： 事件源： ev = ev || event; target = ev.target || ev.srcElement; IE... 阅读全文
posted @ 2014-03-24 17:05 joya 阅读(325) 评论(0) 推荐(0)
用setTimeout实现与setInteval类似的功能
摘要：用setTimeout实现与setInteval类似的功能，代码如下： (function(){ var self = arguments.callee; //获取函数本身 count++; if (count>=5) { console.log('位置获取失败，请重试'); return; } e 阅读全文
posted @ 2014-03-20 15:53 joya 阅读(315) 评论(0) 推荐(0)
js闭包
摘要：1、什么是闭包？ 函数嵌套函数 内部函数可以引用外部函数的参数和变量，参数和变量不会被垃圾回收机制收回function fn1(){ var a = 5; function fn2() { alert(a); //内部函数使用外部函数的变量，不会被垃圾回收机制回收 } return fn2;}var c = fn1();c();/* 结果：5 fn1()，返回结果为fn2函数，即function fn2() { alert(a) }; c()，调用fn2函数 也可以这样写：fn1()()，fn1()=... 阅读全文
posted @ 2014-03-13 16:02 joya 阅读(161) 评论(0) 推荐(0)
JS兼容性总结
摘要：获取样式obj.currentStyle ? obj.currentStyle[attr] : getComputedStyle(obj)[attr]; //currentStyle为IE 滚动条 var scroll = document.documentElement.scrollTop || document.body.scrollTop //body为chrome ... 阅读全文
posted @ 2014-02-25 21:17 joya 阅读(275) 评论(0) 推荐(0)
JS代码备忘
摘要：var DEFAULT_WIDTH = 800, // 页面的默认宽度 ua = navigator.userAgent.toLowerCase(), // 根据 user agent 的信息获取浏览器信息 deviceWidth = window.screen.width, // 设备的宽度 de 阅读全文
posted @ 2014-02-20 12:38 joya 阅读(603) 评论(0) 推荐(0)
[JS思路]运动框架思路
摘要：匀速运动的思路一： 1、先清除动画，再加载动画 2、方向dir有正值和负值，可以通过 目标值 > 当前值 往右移动，即正数 目标值 < 当前值 往右移动，即负数 来进行判断：dir = 目标值>当前值 ? dir : -dir; speed = 当前值+方向dir 3、如果speed>=目标点，可以 阅读全文
posted @ 2014-02-19 13:40 joya 阅读(282) 评论(0) 推荐(0)