自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+

前端小记

积少成多吧

  • 博客(26)
  • 资源 (4)
  • 收藏
  • 关注

原创 《javascript高级程序设计》中的一个错误

今天看《javascript高级程序设计》,书中第24章第2节2.1小节中说到:“和函数类似,with语句会创建自己的作用域,……”,于是我做了以下测试: var obj={"name":"wang","age":"23"}; var wmj=23; with(obj) { console.log(wmj) ; var wmj='wangmeijian

2014-03-05 17:59:07 1177

原创 11111111111111111111111

function BF_Optimize(sourceStr, searchStr) { var mainLength = sourceStr.length; var searchLength = searchStr.length; var padding = mainLength - searchLength; for (var offset = 0

2015-01-13 13:55:07 1032

原创 这是测试文章

这是测试文章

2015-01-13 13:44:09 556

转载 JAVASCRIPT加密方法,JS加密解密综述(7种)

一:最简单的加密解密 对于JAVASCRIPT函数escape()和unescape()想必是比较了解啦(很多网页加密在用它们),分别是编码和解码字符串,比如例子代码 用escape()函数加密后变为如下格式: alert%28%22%u9ED1%u5BA2%u9632%u7EBF%22%29%3B 如何?还看的懂吗?当然其中的ASCII字符"alert"并没有被加

2013-12-29 15:17:47 3167 1

转载 雅虎经典面试题

有这么一段HTML,请挑毛病:  哥写的不是HTML,是寂寞。  我说:不要迷恋哥,哥只是一个传说复制代码这是原来雅虎一道笔试题(文字变了变),用了很多年了,还没有一个人完全答对过。============== 解答部分 ==============出这道题的动机是,太多人觉得HTML太简单,但它恰恰又是前端开发中最基础最重要的部分。HTML结构设计

2013-12-10 15:47:48 1041

原创 Cookie的设置、读取、删除

Cookie是页面用来保存信息的,是document的一个属性,我们经常用到,但你真的会用了吗?由于Cookie“出生”得早,限制了它容量的大小,但它依然很强大,很常用。设置Cookie很简单:document.cookie='name=val'Cookie有过期时间,如果不设置过期时间,默认浏览器关闭时Cookie自动删除;我们可以封装一个函数用来设置Cookie的键-值-过期时

2013-11-24 23:24:34 3778

原创 最全判断IE6/7/8/9+的方法

Only IE 仅所有的WIN系统自带IE可识别 Only IE 5.0 只有IE5.0可以识别 Only IE 5.0+ IE5.0包换IE5.5都可以识别 Only IE 6- 仅IE6可识别 Only IE 6/+ IE6以及IE6以下的IE5.x都可识别 Only IE 7/- 仅IE7可识别 Only IE 7/+ IE7以及IE7

2013-11-22 12:36:24 1237

转载 JS中函数声明与函数表达式的不同

Js中的函数声明是指下面的形式:      [javascript] view plaincopyfunction functionName(){    }          这样的方式来声明一个函数,而函数表达式则是类似表达式那样来声明一个函数,如:              [javascript] view plaincopy

2013-11-21 13:52:45 1034

原创 如何获取页面中任意元素的offsetLeft和offsetTop

这个功能前几天写过一次,今天再写一次居然花了十几分钟,研究了一下,还是做个笔记吧。我们知道,获取元素E的offsetLeft、offsetTop直接用E.offsetLeft/E.offsetLeft就可以了,但是当要获取多层嵌套的元素相对于body的左边距和上边距时,就需要用到下面的函数……

2013-11-20 17:49:17 11148

原创 如何判断对象是否数组?

在某些情况下,我们可能需要检测一个对象是不是数组,这听起来似乎很简单,实际上并不是这样。新建一个数组var arr=['hello','word']首先我们会想到typeof操作符进行尝试,typeof的功能为检查某个变量为对象类型还是基本类型,但使用typeof检查arr进行检测时,仅返回object,js中很多数据类型都是object,因此typeof无法判断一个对象是否数组;其次

2013-11-10 20:33:45 3373 1

转载 javascript数组

用 js有很久了,但都没有深究过js的数组形式。偶尔用用也就是简单的string.split(char)。这段时间做的一个项目,用到数组的地方很多,一下狠心,我学!呵呵。学了之后才知道,js数组的功能强大很,远比VB,C#强多了,大家慢慢看吧1、数组的创建 var arrayObj = new Array(); //创建一个数组var arrayObj = new 

2013-11-04 11:17:57 803

转载 JS判断鼠标从什么方向移入一个容器

偶然将想到的一个如何判断鼠标从哪个方向进入一个容器的问题。首先想到的是给容器的四个边添加几个块,然后看鼠标进入的时候哪个块先监听到鼠标事件。不过这样麻烦太多了。google了一下找到了一个不错的解决方法,是基于jquery的,原文地址说实话,其中的var direction = Math.round((((Math.atan2(y, x) * (180 / Math.PI)) + 180)

2013-11-01 17:45:14 2327

原创 substring()、slice()和substr()的区别

这几天看以前的文档,当看到substring()、slice()和substr()时,不清楚它们的区别,经查阅资料并亲自验证,做出以下总结:var str='q1207526854'str.substring(form,to):从字符串里截取下标为form到下标为to的字符串(不包括to对应的字符)alert(str.substring(2,6))   // 2075  当form>t

2013-10-31 13:40:12 1680

原创 css实现文字两端对齐(兼容)

今天做一个项目,客户要求文章文字两端对齐,一开始使用了 text-align:justify; text-justify:distribute-all-lines;发现在chrome下正常,IE下不足一行的文字也被强行两端对齐,非常不友好,后来一查资料发现,应该这样写: text-align:justify; text-justify:inter-ideograph;,测试后,

2013-09-28 16:18:33 5945

原创 Readonly和Disabled的差异在哪里

Readonly和Disabled它们都能够做到使用户不能够更改表单域中的内容。但是它们之间有着微小的差别,总结如下:  Readonly只针对input(text / password)和textarea有效,而disabled对于所有的表单元素都有效,但是表单元素在使用了disabled后,当我们将表单以POST或GET的方式提交的话,这个元素的值不会被传递出去,而readonly会将该值

2013-09-11 15:24:59 1023

原创 超简洁JS判断是否IE浏览器

if(!+[1,])alert("这是ie浏览器");    else alert("这不是ie浏览器");

2013-09-06 21:19:03 887

原创 设为首页+加入收藏兼容性代码+添加桌面快捷方式

网站经常会用到一些加入收藏与设为首页的操作,而一些浏览器如谷歌火狐等并不兼容,最好做个判断,给出个人性化的提示。代码如下:  function AddFavorite(sURL, sTitle) { try { window.external.addFavorite(sURL, sTitle); } catch (e) { try

2013-09-06 20:52:45 1877

原创 js模拟弹性运动+自由落体,拖动滚动条自动下坠

利用物体运动最后两点之间的距离作为速度,每次碰撞速度乘以一个小于1的数来模拟摩擦力并乘以-1使之向反方向运动!无标题文档 .div1{ width:100px; height:100px; position:absolute; left:0;top:0;} h1{ text-align:center;} window.onload=function() { va

2013-08-30 10:18:25 3008

原创 js数组的操作

1、数组的创建 var arrayObj = new Array(); //创建一个数组var arrayObj = new Array([size]); //创建一个数组并指定长度,注意不是上限,是长度var arrayObj = new Array([element0[, element1[, ...[, elementN]]]]); //创建一个数组并赋值

2013-08-23 09:15:06 785

转载 clientWidth、clientHeight 在各大浏览器中的获取方法

IE中: document.body.clientWidth ==> BODY对象宽度 document.body.clientHeight ==> BODY对象高度 document.documentElement.clientWidth ==> 可见区域宽度 document.documentElement.clientHeight ==> 可见区域高度 FireFox中:

2013-08-21 16:26:35 3448

转载 javascript中正则表达式详解

字符含意\做为转意,即通常在"\"后面的字符不按原来意义解释,如/b/匹配字符"b",当b前面加了反斜杆后/\b/,转意为匹配一个单词的边界。 -或- 对正则表达式功能字符的还原,如"*"匹配它前面元字符0次或多次,/a*/将匹配a,aa,aaa,加了"\"后,/a\*/将只匹配"a*"。^匹配一个输入或一行的开头,/^a/匹配"

2013-08-21 14:18:56 907

原创 js完美拖拽效果【原创】

js完美拖拽效果,兼容各大浏览器!setCapture:事件捕获,IE下兼容;在IE下,事件对象为拖拽元素本身(div),标准下事件对象为document,注意在IE下事件捕获之后要释放事件捕获!完美拖拽 #div1{ width:150px; height:90px; background:#ccc; position:absolute; left:0; top

2013-08-13 15:51:26 1554

原创 javascript自定义右键菜单并屏蔽默认右键菜单【原创】

原理很简单,就是右击鼠标(oncontextmenu事件)return false阻止默认右键菜单,之后显示自定义的右键菜单,菜单显示位置由事件源的clientX和clientY计算得出。拖拽+自定义右键菜单body{ margin:0; padding:0}#ul1{ width:130px; height:120px;

2013-08-13 15:37:20 4795

原创 JavaScript实现 页面滚动图片加载

原理:1.给页面绑定滚动事件;2.加载页面的时候把真正的图片地址放在某属性中;3.然后再滚动过程中判断元素是否进入当前浏览器窗口内;4.最后加载图片,当然加载什么,用什哪种用户体验都得由你决定;  难点:  浏览器兼容是造成难点的原因所在,DOM标准和IE标准,每天前端的工作都在和它们打交道。思考下面的几段代码  1.window

2013-08-13 15:30:40 1005

转载 网页中常用的剪切、全选等代码

js部分:function RunCode()//运行代码{ var code=event.srcElement.parentElement.children[0]; var newwin=window.open('','',''); newwin.opener = null; newwin.document.write(code.value); newwi

2013-08-13 15:29:05 1293

转载 javascript 中的tagName 与 nodeName有什么不同

这两个概念,相信各位前端同学肯定都是比较清楚的,在JavaScript的开发中常常会用到,之前我一般都是用tagName,后来发现nodeName也能有一样的效果,但是他们直接的区别一直都不清楚,知道昨天看见了篇文章,讲得很清楚,因此就在这里翻译过来,也算加上自己的印象吧。原文地址:http://aleembawany.com/2009/02/11/tagname-vs-nodename/

2013-08-13 15:25:42 3005

AngularJS权威教程(含源码)

比用anuglar开发下一代应用好找多了,而且比那本书更细致全面

2015-11-19

Javascript俄罗斯方块(canvas版)

Javascript开发的俄罗斯方块,用的是canvas元素。速度随积分变快,积分随速度递增,可暂停、再玩一次等功能!赶快下载体验吧!

2015-09-11

正则表达式手册

正则表达式大全,详尽地介绍了正则表达式的基础知识,便于初学者查询使用。

2013-09-28

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除