huoniu007的专栏

原创 css中单位px、pt、em和rem的区别

国内的设计师大都喜欢用px，而国外的网站大都喜欢用em和rem，那么三者有什么区别，又各自有什么优劣呢？px ：像素（Pixel）。相对长度单位。像素px是相对于显示器屏幕分辨率而言的。(引自CSS2.0手册)px 特点：1. IE无法调整那些使用px作为单位的字体大小；2. 国外的大部分网站能够调整的原因在于其使用了em或rem作为字体单位；3

原创 实现html页面的参数传递

做中英转换的时候，要准确的获取参数并取出，所以做了一个简单的html中用js获取当取地址栏的一个Object。 里面有三个方法： 1、request.QueryString("参数")//获取指定参数，返回字符串; 2、request.QueryStrings();//获取全部参数，并返回数组; 3、request.setQuery("参数","参数的值");//如果当前地址栏有此

原创 js冒泡、捕获事件及阻止冒泡方法详细总结

javascript, jquery的事件中都存在事件冒泡和事件捕获的问题，下面将两种问题及其解决方案做详细总结。 事件冒泡是一个从子节点向祖先节点冒泡的过程； 事件捕获刚好相反，是从祖先节点到子节点的过程。 给一个jquery点击事件的例子： 代码如下：   test    $(function(){ $('#clickMe

原创 JavaScript Array 对象

Array 对象属性属性描述constructor返回对创建此对象的数组函数的引用。length设置或返回数组中元素的数目。prototype使您有能力向对象添加属性和方法。Array 对象方法方法描述concat()连

原创 javascript中concat()、slice()、substr()和substring()字符串方法

方法一，concat()，用于将一或多个字符串拼接起来，返回拼接得到的新字符串。先看一个例子：var stringValue = "hello "var result = stringValue.concat("world");alert(result); //"hello world"alert(stringValue); //"hello"通过strin

原创 js数组去除重复方法添加

试题：有这样一个数组，成员都是数字，例如var a = [1,2,3,4,5,2,3,4,6,7,8];请实现a.distinct()方法，用来给数组a去掉重复值，要求对Array的原型进行扩展方法，并尽可能做到效率最优。考察点：1，考察应试者是否理解原型链2，考察应试者是否由意识的控制算法的时间复杂度，了解应试者对专业课知识的掌握程度3，考察应试者对js数组函数的

原创 js中prototype与Property的用法区别

prototype为类型（函数）定义动态的属性和方法，而Proerty为类型定义“静态”的属性和方法。例子一(JavaScript中允许添加行为的类型)：可以在类型上使用proptotype来为类型添加行为。这些行为只能在类型的实例上体现。 JS中允许的类型有Array, Boolean, Date, Enumerator, Error, Function, Number, Objec

原创 js中的hasOwnProperty和isPrototypeOf方法

hasOwnProperty：是用来判断一个对象是否有你给出名称的属性或对象。不过需要注意的是，此方法无法检查该对象的原型链中是否具有该属性，该属性必须是对象本身的一个成员。isPrototypeOf是用来判断要检查其原型链的对象是否存在于指定对象实例中，是则返回true，否则返回false。function siteAdmin(nickName,siteName){     

原创 视频 音频兼容

原创 两种 HTTP 请求方法：GET 和 POST

比较 GET 与 POST下面的表格比较了两种 HTTP 方法：GET 和 POST。 GETPOST后退按钮/刷新无害数据会被重新提交（浏览器应该告知用户数据会被重新提交）。书签可收藏为书签不可收藏为书签缓存能被缓存不能缓存编码类型

原创 背景透明，文字不透明全兼容方案

DOCTYPE html>html>head>meta charset="utf-8">title>背景透明，文字不透明title>style>*{ padding: 0; margin: 0;}body{ padding: 50px; background: url(img/bg.png) 0 0 repeat;}.demo{ padding:

原创 CSS3 经典教程系列：CSS3 线性渐变（linear-gradient）

CSS3 Gradient 分为 linear-gradient（线性渐变）和 radial-gradient（径向渐变）。而我们今天主要是针对线性渐变来剖析其具体的用法。为了更好的应用 CSS3 Gradient，我们需要先了解一下目前的几种现代浏览器的内核，主要有 Mozilla（Firefox，Flock等）、WebKit（Safari、Chrome等）、Opera（Opera浏览器）、

原创 css3动画模块transform transition animation属性解释

首先来看下对各大浏览器的兼容性 IEFirefoxSafariChromeOperaCSS 2D Transformno3.53.22.010.5CSS 3D Transformnono4.* (Mac)nono

原创 JavaScript版几种常见排序算法

说明写这个主要是为了锻炼自己，并无实际意义。每个浏览器测试得出的数据会不一样。比如我用chrome 测试 一般快速排序都会最快，IE 则根据数组长度有可能希尔最快。不要用太大数据去测试冒泡排序(浏览器崩溃了我不管)如果有兴趣可以 在线排序动画  下载测试页面个人理解冒泡排序：最简单，也最慢，貌似长度小于7最优插入排序： 比冒泡快，比快速排序和希尔排序慢，较小数据有优势快速排

原创 jquery append appendTo before after insertAfter insertBefore prepend prependTo用法区别

after()在匹配的元素之后插入内容。$("button").click(function(){ $("p").after("Hello world!");});结果：This is a paragraph.Hello world!before()在每个匹配的元素之前插入内容。$("bu

原创 js中几种实用的跨域方法原理详解

对于端口和协议的不同，只能通过后台来解决。js中几种实用的跨域方法原理详解这里说的js跨域是指通过js在不同的域之间进行数据传输或通信，比如用ajax向一个不同的域请求数据，或者通过js获取页面中不同域的框架中(iframe)的数据。只要协议、域名、端口有任何一个不同，都被当作是不同的域。下表给出了相对http://store.company.com/dir/page.ht

原创 js闭包是什么？

我初次接触“闭包”时，看了很多资料，总是无法理解，因为一些文章写得太“学术化”，虽然措辞非常严谨，但是对初学这来说，太难理解了。自从看到这篇文章，我的眼前“豁然开朗”一、什么是闭包？“官方”的解释是：所谓“闭包”，指的是一个拥有许多变量和绑定了这些变量的环境的表达式（通常是一个函数），因而这些变量也是该表达式的一部分。相信很少有人能直接看懂这句话，因为他描述的太学术