摘要： 任何元素都可以加背景图，这是今天国新教会的。有了这个我们可以做什么呢？1. 一张大图，上面有一个小图标就我们想显示的，作为input校验正确后的提示用img也可以用css sprites，但是不给img加src的话，你的img中间还会有个小图片，而且img的边框尝试许久也去不掉还有一点，没有src的img，虽然在css里设置了width,height，但在FF里却因为没有width不显示，IE下显示，世界真奇妙其实可以将图片作为span的背景，避免了以上两个问题。span.rightImg{ vertical-align:middle; display:inline-block; ... 阅读全文

摘要： 打开一个那边发过来的页面，里面全是placeholder。没见过，一时气愤全部ko，用传统的方法都能搞定的东西，为啥要标新立异！后来发现如果想在input password里显示个把汉字，还真是不容易，总不能让我加个absolute的label吧。于是乎又想起了之前的placeholder，在手机端的页面，还是蛮支持的，拿来用用，也好。。。解决问题：input的占位符，不必再自己写提示文字以及focus blur的判定语句效果：代码： //检测是否支持place-holder function placeHolderSupport(){ ... 阅读全文

摘要： 设input 的font-size可以调整圆点大小小圆点，大光标再设个font-family:Arial吧 阅读全文

摘要： 行内块元素像所有块级元素和行内替换元素（input img button）一样，也有属性width和height（注：行内元素也可以设margin）块元素转换为行内块元素：P{ display:-moz-inline-stack; display:inline-block; *display:inline; zoom:1;}/*直接让块元素设置为内联对象(display:inline)，然后通过zoom:1触发块元素的layout*/行内元素转换为行内块元素：span{ display:inline-block;}使用inline-block可能会产生空白符问题。... 阅读全文

摘要： 博客园限制写position为absolute的样式吗？看不到效果，先上代码吧<style> .beCenter { width:460px; height:212px; background:#ccc; margin:0px auto; } .beAllCenter{ width:460px; height:212px; background:#f00; margin-left:-230px; margin-top:-106px; po... 阅读全文

摘要： line-height与font-size的计算值之差（在CSS中成为“行间距”），分别加到一个文本行内容的顶部和底部。可以包含这些内容的最小框就是行框。这是拥有标准行高的段落。在大多数浏览器中默认行高为110%到120%。这是拥有标准行高的段落。这是拥有标准行高的段落。这是拥有标准行高的段落。这是拥有标准行高的段落。这是拥有标准行高的段落。这个段落拥有更小的行高。这个段落拥有更小的行高。这个段落拥有更小的行高。这个段落拥有更小的行高。这个段落拥有更小的行高。这个段落拥有更小的行高。这个段落拥有更小的行高。这个段落拥有更小的行高。这个段落拥有更大的行高。这个段落拥有更大的行高。这个段落拥有更大 阅读全文

摘要： 主要是属性background-position的应用可取三种类型的值：1. top right bottom left center2. x% y%3. xpos ypos应用示例：1. 设置一个button的默认状态和hover高亮确定2. 背景图片出现在元素的任意位置，以“右边框”为例3. css sprites 选一张大图的一部分做背景，如input的背景图等确认小结，被普遍认可的css sprites可以减少http请求次数，把页面上需要的所有小图标合成一张大图加载是不错的选择但新手们往往会被大图搞晕乎，其实，我们可以通过设置background-position只显示我们需要的部分 阅读全文

摘要： 前端测试一直是困扰大家的一个难题，本文参考了能找到的一些牛博，罗列了几种常见的javascript单元测试框架: QUnit, Jasmine, JsTestDriver, Fireunit。 QUnit框架简单方便，测试界面直观详细 Jasmine功能强大，风格也简单明了，符合前端开发者的编程习惯，推荐 JsTestDriver可以和QUnit等框架结合，可以同时测多个浏览器。但安装复杂，只能在控制台显示，不友好，不够清晰 FireUnit小巧灵活，加上Firebug的人气应该很受欢迎 如果需要进行自动化测试， 多了解一下Jasmine和JsTestDriver，本文未深入。 罗列为主，尽量把API讲明白，没有深入的评析，欢迎批评指导。 阅读全文

摘要： /** * 对Date的扩展，将 Date 转化为指定格式的String * 月(M)、日(d)、12小时(h)、24小时(H)、分(m)、秒(s)、周(E)、季度(q) 可以用 1-2 个占位符 * 年(y)可以用 1-4 个占位符，毫秒(S)只能用 1 个占位符(是 1-3 位的数字) * eg: * (new Date()).pattern("yyyy-MM-dd hh:mm:ss.S") ==> 2006-07-02 08:09:04.423 * (new Date()).pattern("yyyy-MM-dd E HH:mm:ss") = 阅读全文

摘要： 常做一些javascript的动画效果，尤其是与setTimeout，setInterval相关的，都会占用大量的CPU它们什么时候占CPU呢？为什么有时候打开的是同一页面，占CPU的程度忽大忽小呢？结论：只有动画在浏览器内可见时，页面重绘，才会占用CPU当打开页面，但重绘的那部分不可见时，不占多少CPU当打开页面，浏览器最小化时，不占多少CPU也就是说，javascript的计算，即使量很大，也不会占多少CPU，而是每次浏览器的重绘会大量占用CPU 阅读全文

摘要： 引自：http://www.soft6.com/tech/15/159844.html PHP中文乱码是PHP开发中的常见问题之一。PHP中文乱码有时发生在网页本身，有些产生在于MySQL交互的过程中，有时与操作系统有关。下面进行一番总结。 一.首先是PHP网页的编码 1. php文件本身的编码与网页的编码应匹配 a. 如果欲使用gb2312编码，那么php要输出头：header(“Content-Type: text/html; charset=gb2312")，静态页面添加，所有文件的编码格式为ANSI，可用记事本打开，另存为选择编码为ANSI，覆盖源文件。 b. 如果欲使用ut 阅读全文

摘要： 传值和传引用一直是各种语言都反复强制又说得让人头晕的一个话题，尤其是新手，在这个问题上浪费很多时间却还是搞不明白其实只要是传，就是传地址而已本文忽略变量实际占用的内存大小，比如，一个int, 一个string等，都占用一个内存单位1. 先看一下变量的声明和赋值：str1和strArray，都存放一个地址，指向它们表示的变量内存中的位置。忽略变量的类型，应该好明白些，不用数占几个字节。2. 函数的局部变量局部变量不是传入的实参，而是实参的一个拷贝，有效期为函数域内部当调用函数changeContent(str1)时，创建了一个函数changeContent内部的局部变量strInFun，并把st 阅读全文

摘要： <input type="file" id="inputFile" name="inputFile" style="display:none" onchange="changeAgentContent()" /> <input type="text" value="" disabled id="inputFileAgent" /> <input type="button" onclick 阅读全文

摘要： sublime插件安装方法：1. 下载安装包，菜单->Preference->Browse Package，放在Package文件夹里，重启2. Ctrl+ Shift+ P，直接在线安装插件 a. Package Controller: install Package b. 搜索并安装插件有用的插件：1. jqueryhttps://github.com/mrmartineau/jQuery2. zen coding之所以称为前端神器，是这个插件的功劳，使用方法见：http://www.qianduan.net/zen-coding-a-new-way-to-write-html 阅读全文

摘要： var a = {a:1,b:2,c:3}; console.log(a); a.a = 2; console.log(a); var b = {a:1,b:{a:2},c:3}; console.log(b); b.b.a=4; console.log(b);输出：Object {a=1,b=2,c=3} //修改前Object {a=2,b=2,c=3} //修改后Object ... 阅读全文