摘要：
今天查看jquery源码的时候突然被exec方法给弄懵了，特意翻了翻资料详细了解了下。 1、定义 exec() 方法用于检索字符串中的正则表达式的匹配。 使用方法：var match = RegExpObject.exec(string); 这里主要是看返回值match。 下面是摘自w3school中的解释：如果 exec() 找到了匹配的文本，则返回一个结果数组。否则，返回 null。此数组的第 0 个元素是与正则表达式相匹配的文本，第 1 个元素是与 RegExpObject 的第 1 个子表达式相匹配的文本（如果有的话），第 2 个元素是与 RegExpObject 的第 ... 阅读全文
摘要：
首先引入一道题：完成下面的函数。/* @Description:使用传入的参数格式化字符串string 用第一个参数替换{0},第二个参数替换{1}... @param:string 格式如 this is test {0}{1} @param:data 如果data=hello,用该值替换string后的值为 this is test hello{1} */ function stringFormat(string,data) { } ... 阅读全文
摘要：
css border属性竟然可以用来画图，今天项目中遇到该问题，借此有机会深入了解了下。 css border属性在我的印象当中只是方方正正的东西，无非就是增加边框的宽度，变换边框的颜色，因此一直以为边框不管怎么变换都是一个长方体，这个念头今天终于可以抛弃了。 先看下普通边框效果： .border1{width:50px; height:50px; border:2px solid; border-color:#ff3300 #0000ff #339966 #00ff00;} 我们再将border的值增加到20px看看效果，惊喜出现了，发现竟然绘制出了4个梯形。 .border1{... 阅读全文
摘要：
这篇主要是记录下对一篇外文的阅读收获，原文链接。 函数调用模式其实以前也比较清楚，但是对于this这个东西总是吃不透，阅读完这篇文章后才豁然开朗。 首先将函数的几种调用模式以及this的定义列出来，以便结合理解每种调用模式和this之间的关系。 函数调用模式有以下几种：1）方法调用 2）函数调用 3）构造器调用 4）apply/call调用 this的定义：this在js中是一个依赖于使用它的执行环境被解析的关键字，this的值是建立在当前函数被调用的上下文基础上的，取决于在哪里、怎么样调用函数。 1)方法调用var obj = { value: 0, increme... 阅读全文
摘要：
关于盒子模型，引入w3cschool的一个图即可解释： css2.1标准规定，设置一个元素的width，height值，为其定义内容尺寸，即这个尺寸是作用在该元素的contextbox上的。 但是当给一个块级非替换元素设置width、height时，他们在ie6,ie7,ie8在混杂模式下（quriks mode）被错误的作用到了该元素的borderbox上，也就是说在这些浏览器中，width、height并不被认为是“内容尺寸”。这就是臭名昭著的ie盒模型bug。 解决这个问题最简单的方法是页面工作在标准模式下。 关于混杂模式和标准模式：如果页面没有声明<!DOCTYPE>则.. 阅读全文
摘要：
左右布局在前端开发中经常遇到，但是实现方法五花八门，自己也一直比较纠结该使用哪种方式，今天将收集到的一些方法总结一下，以备后用。 1、左右定宽布局 浮动应该是实现左右布局的最常用的方式，下面就是使用浮动制作左右布局的效果。i'm lefti'm right 如果左右两边的宽度确定，则可以左栏使用float:left; 右栏使用float:right; 这样可以解决ie6下3像素bug的问题。关于ie3像素bug请参考这里。 2、左栏定宽，右栏自适应宽度leftright <div style="margin: 0 auto;"> <div 阅读全文
摘要：
以前写前端代码时，ie下总是会出现各种莫名其妙的问题，如一行两列布局在其他浏览器下正常，但是在ie下确发现两列出现了上下错位。今天将ie下的3像素问题做个总结，后续遇到问题再更新。 1、bug描述 ie下两个相邻的div之间会出现3个像素的bug，这个bug是在当对其中一个div使用了float，而另外一个没有使用时会出现。leftright <div style="margin: 0 auto; background-color: #ccc;"> <div style="width: 200px; height: 100px; float: l 阅读全文