![](https://img-blog.csdnimg.cn/20201014180756927.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
js
Panda_Joy
态度决定结果, 细节决定成败, 习惯成就未来
展开
-
解决在IE6、7、8不支持Array上indexOf方法
今天测试报过来一个js bug,在IE8下报错,其它浏览器正常,后来经过调式发现在IE6、7、8浏览器下,控制台报错:对象不支持“indexOf”属性或方法于是自己在Array原型链上扩展indexOf方法:var a=new Array(1,2,3,4,5,6)if(!Array.prototype.indexOf){ Array.prototype.indexOf = f原创 2014-11-26 13:55:02 · 4578 阅读 · 1 评论 -
addEventListener和on的区别
为什么需要addEventListener?先来看一个片段:html代码放逐的天空用on的代码window.onload = function(){ var box = document.getElementById("box"); box.onclick = function(){ console.log("我是box1")原创 2016-07-13 21:06:41 · 4601 阅读 · 0 评论 -
js常用的工具类
/** * 根据传入id获取js对象 * @param id 入参id * @returns */function obj$(id){ return document.getElementById(id);};/** * 根据传入id获取js对象的值 * @param id 入参id * @returns */function val$(id){ var o原创 2016-01-12 09:51:04 · 455 阅读 · 0 评论 -
Web前端研发工程师编程能力飞升之路
今天看到这篇文章。写的非常有意思。发现自己还有很长的一段路要走。【背景】如果你是刚进入WEB前端研发领域,想试试这潭水有多深,看这篇文章吧;如果你是做了两三年WEB产品前端研发,迷茫找不着提高之路,看这篇文章吧;如果你是四五年的前端开发高手,没有难题能难得住你的寂寞高手,来看这篇文章吧;WEB前端研发工程师,在国内是一个朝阳职业,自07-08年正式有这个职业以来,也不过三四年的转载 2015-12-30 09:03:12 · 466 阅读 · 0 评论 -
前端不为人知的一面–前端冷知识集锦
前端已经被玩儿坏了!像console.log()可以向控制台输出图片等炫酷的玩意已经不是什么新闻了,像用||操作符给变量赋默认值也是人尽皆知的旧闻了,今天看到Quora上一个帖子,瞬间又GET了好多前端技能,一些属于技巧,一些则是闻所未闻的冷知识,一时间还消化不过来。现分类整理出来分享给大家,也补充了一些平时的积累和扩展了一些内容。HTML篇浏览器地址栏运行JavaScript代码这个转载 2015-09-23 15:08:30 · 520 阅读 · 0 评论 -
微博置顶
微博置顶 - 豪情 *{ margin:0; padding:0;} body{font:12px/1.125 Arial,Helvetica,sans-serif;background:#fff;} table{border-collapse:collapse;border-spacing:0;} li{list-styl原创 2015-02-13 16:16:45 · 903 阅读 · 0 评论 -
Jquery绑定事件(bind和live的区别及好处)
Jquery中绑定事件有三种方法:以click事件为例 (1)target.click(function(){}); (2)target.bind("click",function(){}); (3)target.live("click",function(){});第一种方法很好理解,其实就和普通JS的用法差不多,只是少了一个on而已第二、三种方法都是绑定事件,但原创 2015-01-07 10:11:42 · 528 阅读 · 0 评论 -
滚动条滚动到可视区域加载数据
实现功能:页面某版块,当滚动条滚动到该区域时加载数据,否则不加载,节省页面加载时间思路:1 判断是否进入可视区域2 加载数据,服务器端返回已经绑定好的repeater,相应样式加好3 注意一点,加一个开关,当ajax请求成功后,关闭,防止不停的无限的循环加载,优化,进入ajax就设置开关进入可视区域 $(function () { var is原创 2015-01-20 09:01:14 · 5025 阅读 · 2 评论 -
HTML中鼠标滚轮事件onmousewheel处理
滚轮事件是不同浏览器会有一点点区别,一个像Firefox使用DOMMouseScroll ,ff也可以使用addEventListener方法绑定DomMouseScroll事件,其他的浏览器滚轮事件使用mousewheel,下面我来给大家具体介绍。Firefox使用原创 2015-02-09 10:30:44 · 6384 阅读 · 1 评论 -
js下内存溢出的问题
在IE下的JS编程中,以下的编程方式都会造成即使关闭IE也无法释放内存的问题,下面分类给出:1、给DOM对象添加的属性是一个对象的引用。范例:var MyObject = {};document.getElementById('myDiv').myProp = MyObject;解决方法:在window.onunload事件中写上: document.getElementB转载 2014-12-29 13:50:05 · 661 阅读 · 0 评论 -
js中几种实用的跨域方法原理详解
这里说的js跨域是指通过js在不同的域之间进行数据传输或通信,比如用ajax向一个不同的域请求数据,或者通过js获取页面中不同域的框架中(iframe)的数据。只要协议、域名、端口有任何一个不同,都被当作是不同的域。下表给出了相对http://store.company.com/dir/page.html同源检测的结果: 要解决跨域的问题,我们可以使用以下几种方法: 一、通转载 2015-02-05 10:52:06 · 530 阅读 · 0 评论 -
js 文章列表li 分页
li文章分页 第1集 第2集 第3集 第4集 第5集 第6集 第7集 第8集 第9集 第10集 第/页 上一页下一页 var a = document.getElementById("all").getElementsByTagName("li"); var zz =ne原创 2014-12-19 10:28:04 · 3082 阅读 · 0 评论 -
js检测各个浏览器版本,包括IE11
var userAgent = navigator.userAgent, rMsie = /(msie\s|trident.*rv:)([\w.]+)/, rFirefox = /(firefox)\/([\w.]+)/, rOpera = /(opera).+version\/([\w.]+)/, r原创 2015-01-14 09:38:51 · 3087 阅读 · 0 评论 -
博客新加入“扫码阅读”功能
今天看到一个用户发了个话题,“PC端的URL在移动端上打开要一个个敲好麻烦,有什么好的办法?”。确实现在已经是移动时代了,在移动设备上阅读慢慢会成为主流,网站如果没有便捷的方式让用户在移动设备阅读的话还真有点落伍,于是想想就做个“扫码阅读”的功能吧。其实很简单,就是将网址生成二维码就行了。无论用PHP生成,还是用JavaScript生成都是可以的,从代码改动来说,用JavaScript会更原创 2015-01-12 13:38:26 · 716 阅读 · 0 评论 -
HTML5 Canvas 制作水波纹效果
今天,我们继续分享 JavaScript 实现的效果例子,这篇文章会介绍使用 JavaScript 实现水波纹效果。水波效果以图片为背景,点击图片任意位置都会触发。有时候,我们使用普通的Javascript 就可以创建一个很有趣的解决功能。 在线演示 源码下载 Step 1. HTML和以前一样,首先是 HTML 代码:原创 2015-01-27 09:04:54 · 2408 阅读 · 0 评论 -
javascript url编码方法 escape(), encodeURL(), encodeURIComponent() 区别
javascript中存在几种对URL字符串进行编码的方法:escape(),encodeURI(),以及encodeURIComponent()。这几种编码所起的作用各不相同。escape() 方法:采用ISO Latin字符集对指定的字符串进行编码。所有的空格符、标点符号、特殊字符以及其他非ASCII字符都将被转化成%xx格式的字符编码(xx等于该字符在字符集表里面的编码的16进转载 2014-12-18 10:50:38 · 387 阅读 · 0 评论 -
oninput,onpropertychange,onchange的用法和区别
在某些web页面开发中,当一个HTML元素的属性改变的时候,我们会即时监听该属性的变化,以便作出即时动作去引导浏览者增强网站的用户体验感。IE下,可用onpropertychange来即时捕获,onpropertychange 是IE浏览器的专属方法,只在IE下有效果,其它浏览器不起作用。onchange在属性值改变时还必须使得当前元素失去焦点(onblur)才可以激活该事件。原创 2014-11-28 08:58:30 · 656 阅读 · 0 评论 -
js性能优化_事件委托
什么是事件委托:事件委托就是在一个页面上使用一个事件来管理多种类型的事件。通俗的讲,事件就是onclick,onmouseover,onmouseout,等就是事件,委托呢,就是让别人来做,这个事件本来是加在某些元素上的,然而你却加到别人身上来做,完成这个事件。也就是:利用冒泡的原理,把事件加到父级上,触发执行效果。这样做有什么好处:事件委托并不是一个新的想法,但对于把握性能来说却原创 2014-11-27 09:02:46 · 555 阅读 · 0 评论 -
js加法和乘法的精确计算
//加法函数,用来得到精确的加法结果 //javascript的加法结果会有误差,在两个浮点数相加的时候会比较明显。这个函数返回较为精确的加法结果。 function accAdd(arg1,arg2){ var r1,r2,m; try{r1=arg1.toString().split(".")[1].length}catch(e){原创 2017-10-27 20:46:46 · 1895 阅读 · 0 评论