2013年6月4日
判断浏览器版本及浏览器类型
摘要： //浏览器检测(function(){ window.sys = {}; //让外部可以访问 var ua = navigator.userAgent.toLowerCase(); //保存浏览器信息字符串并都转换成小写字母 var s = null; alert(ua); //alert(ua.match(/msie\s([\d.]+)/)); //查找匹配的字符串没有g并且还要返回园括号中的内容 //alert(ua.match(/chrome\/([\d.]+)/)); //查找匹配的字符串没有g并且还要返回园括号中的... 阅读全文
posted @ 2013-06-04 11:04 抱.抱 阅读(274) 评论(0) 推荐(0) 编辑
正则表达式之圆括号（转）
摘要： 1.圆括号有什么用?正则表达式中的圆括号有两种功能：一是表示分组；二是表示可选择性。2.使用圆括号分组园括号定义了一个组，这个组模式匹配的内容会被捕获并指定给变量，变量的编号会按照模式中圆括号出现的次序依次进行。A2233((\w(\d{2}))(()(\d{2})))在Komodo Regular Expression Toolkit中Group Match VariablesVariable Value$1 A2233$2 A22$3 22$4 33$5$6 333.可选择性根据可以选择的情况建立支持二选一或多选一的应用，涉及到使用圆括号和|元字符（有时候称为吧（bar）字符）——后者用于 阅读全文
posted @ 2013-06-04 10:14 抱.抱 阅读(496) 评论(0) 推荐(0) 编辑
2013年5月31日
封装原生js的Ajax方法
摘要： 封装好的函数//创建一个ajax对象function createXHR(){ if(typeof window.XMLHttpRequest != 'undefined'){ return new XMLHttpRequest(); }else{ return new ActiveXObject('MicroSoft.XMLHTTP'); }}//数据转换函数function transform(data){ //创建一个空的数组 var attr = []; //把数据转码后push到数组中 for(var i in d... 阅读全文
posted @ 2013-05-31 16:39 抱.抱 阅读(214) 评论(0) 推荐(0) 编辑
完美/兼容版添加事件以及删除事件
摘要： IE与现代浏览器添加事件和删除事件的方法存在一定缺陷现代浏览器自带的方法：addEventListener&removeEventListenerIE浏览器自带的方法：attachEvent&detachEventIE版本存在问题有以下几个：1.一个对象有多个事件执行的顺序与现代浏览器的执行顺序相反2.多个相同事件相同方法多次执行并不能只能的判断3.内存泄漏的问题4.this对象的传递问题一下是封装的一个ie的兼容版本（感谢李炎恢老师的视屏课程）//设置初始的事件函数ID,利用对象的方法减少全局变量的混乱addEvent.ID = 1;//执行事件函数addEvent.exec 阅读全文
posted @ 2013-05-31 14:48 抱.抱 阅读(204) 评论(0) 推荐(0) 编辑
获取浏览器可视区域大小方法
摘要： function getInner(){ if(typeof window.innerWidth != 'undefined'){ //支持现代浏览器 return { width:window.innerWidth, height:window.innerHeight } }else{ //支持ie6等低版本浏览器 return { width:document.documentElement.clientWidth, he... 阅读全文
posted @ 2013-05-31 09:25 抱.抱 阅读(225) 评论(0) 推荐(0) 编辑
2013年5月30日
布局-时间布局
摘要： 今天做了一个小布局它的原理就是利用margin的负值当然因为使用到了定位的元素所以也可以用定位的方法来替换margin的作用1.使用到了自适应高度2.margin负值的运用3.百分比获取的应用4.清楚浮动的应用代码：<!DOCTYPE html><html xmlns=http://www.w3.org/1999/xhtml><head> <title></title> <meta http-equiv="content-type" content="text/html;charset=utf-8& 阅读全文
posted @ 2013-05-30 16:38 抱.抱 阅读(232) 评论(0) 推荐(0) 编辑
图标元素的节点选择
摘要： 以前大部分人喜欢用<span></span>没有语义话的标签来设置一个小图标现在推荐使用<i></i>这个标签即减点有方便查看因为也许有时候会在其他的地方用到span这个标签old:<li class="favorite"> <span class="icon favorite"></span> <span id="favorite-insert-point" class="favorite"></span> 阅读全文
posted @ 2013-05-30 14:12 抱.抱 阅读(191) 评论(0) 推荐(0) 编辑
文本隐藏（图片代替文字）
摘要： .hide-text { text-indent: 100%; white-space: nowrap; overflow: hidden;}设置文本的钱距离为100%那么他就必须换行之后设置文本必须在同一行显示那么文本的位置就会到该文本框的右边距之外最后设置超出隐藏职业就完美的把文本隐藏到人们视线看不到的地方了 阅读全文
posted @ 2013-05-30 14:07 抱.抱 阅读(156) 评论(0) 推荐(0) 编辑
一个新的清楚浮动的方法
摘要： /*大部分现代浏览器*/.cf:before,.cf:after { content: " "; display: table;}.cf:after { clear: both;}/*IE６＆７（触发ｈａｓｌａｙｏｕｔ）*/.cf{ *zoom: 1;}下面是一个测试的例子检查了所有的浏览器都完美的兼容了<!DOCTYPE html><html xmlns=http://www.w3.org/1999/xhtml><head> <title></title> <meta http-equiv="co 阅读全文
posted @ 2013-05-30 13:51 抱.抱 阅读(202) 评论(0) 推荐(0) 编辑
使用Normalize.css重置默认样式
摘要： Normalize.css有助与前端人员良好的规范初始文档的结构以下有两种地址包括传统的浏览器支持：下载地址/*! normalize.css v1.1.2 | MIT License | git.io/normalize *//* ========================================================================== HTML5 display definitions ========================================================================== *//... 阅读全文
posted @ 2013-05-30 12:09 抱.抱 阅读(317) 评论(0) 推荐(0) 编辑