摘要：
脚本的阻塞特性：把脚本放在底部<script>标签因脚本的加载，解析，运行而暂时整个页面的下载和解析过程。如果把它放在<head>标签里面。通常表现为：页面打开时，首先显示为一副空白的页面。因为脚本阻塞其他页面资源的下载，所以推荐的方法就是：将所有的<script>标签放在尽可能接近<body>标签底部的位置即</body>之前。尽量减少对整个页面下载的影响。减少脚本的数量当页面解析每碰到一个<script>时，紧接着都会有一段时间用于js代码的运行，最小化这些延迟时间可以改善页面的性能。另外，对于外部js文件，会发出ht 阅读全文
摘要：
引言HTTP是一个属于应用层的面向对象的协议，由于其简捷、快速的方式，适用于分布式超媒体信息系统。它于1990年提出，经过几年的使用与发展，得到不断地完善和扩展。目前在WWW中使用的是HTTP/1.0的第六版，HTTP/1.1的规范化工作正在进行之中，而且HTTP-NG(Next Generation of HTTP)的建议已经提出。HTTP协议的主要特点可概括如下：1.支持客户/服务器模式。2.简单快速：客户向服务器请求服务时，只需传送请求方法和路径。请求方法常用的有GET、HEAD、POST。每种方法规定了客户与服务器联系的类型不同。由于HTTP协议简单，使得HTTP服务器的程序规模小，因 阅读全文
摘要：
button使用行高让文字垂直居中，但是在firefox里文字会偏下，而且点击的时候中间会有一个虚线框。button的padding和margin我都程序定义过了，我想这可能跟浏览器的私有属性有关。于是用firebug查看浏览器系统样式发现以下代码：1 button::-moz-focus-inner, input[type="reset"]::-moz-focus-inner, input[type="button"]::-moz-focus-inner, input[type="submit"]::-moz-focus-inner 阅读全文
摘要：
词法作用域：变量的作用域是在定义时决定而不是执行时决定，也就是说词法作用域取决于源码，通过静态分析就能确定，因此词法作用域也叫做静态作用域。 with和eval除外，所以只能说JS的作用域机制非常接近词法作用域（Lexical scope）。下面通过几个小小的案例，开始深入的了解对理解词法作用域和闭包必不可少的，JS执行时底层的一些概念和理论知识。经典案列重现1、经典案例一1 /*全局（window）域下的一段代码*/2 function a(i) {3 var i;4 alert(i);5 };6 a(10);疑问：上面的代码会输出什么呢？答案：没错，就是弹出10。具体执行过... 阅读全文
摘要：
函数在javascript中扮演着一个重要的角色，作用域可以确定哪些变量可以被函数访问，确定this的值，而且也关系到代码的性能，所以理解函数的创建和执行过程及作用域至关重要。首先得了解几个名词(其实有些名词本人也不是很明白)：1.作用域(scope):在javascript没有块级作用域，是由函数来划分的。变量和函数的作用域是在定义时决定而不是执行时决定，也就是说词法作用域取决于源码，通过静态分析就能确定，因此词法作用域也叫做静态作用域(with和eval除外)。当定义了一个函数，当前的作用域链就保存起来，并且成为函数的内部状态的一部份。在最顶级作用域链仅由全局对象组成，而不和词法作用域相关 阅读全文
摘要：
本文长期收集的一些非常实用的前端开发常用工具，欢迎大家留言推荐前端开发小工具：CSS3相关Css压缩/格式化：http://www.hujuntao.com/tools?action=csspackerCSS3样式生成器：http://www.css88.com/tool/css3Preview/CSS3渐变样式生成器，类似Photoshop中的渐变界面：http://www.colorzilla.com/gradient-editor/CSS3动画制作工具Sencha Animator：http://www.sencha.com/products/animator/背景色alpha透明工具： 阅读全文
摘要：
让IE 6,7,8支持CSS3的部分属性。今天要给大家介绍的这个htc，它可以让IE浏览器支持CSS3的border-radius、box-shadow、border-image、CSS3 Backgrounds (-pie-background)、Gradients、RGBA属性。不相信？你可以在IE浏览器中打开我的博客看下效果。下面来一一介绍：提示：PIE.htc URL路径是相对于当前HTML文件，不是CSS文件.比如 当前文件在“/”下 ，CSS文件在“/CSS”下，PIE.htc在“/CSS”下，behavior: url(/css/PIE.htc) 而不是behavior: url 阅读全文
摘要：
性能黄金法则：只有10%～20%的最终用户响应时间花在了下载HTML文档上，其余的80%～90%时间花在了下载页面中的所有组件。1、 减少Http请求：减少HTML文档中所引用的组件（图片，脚本，样式表，Flash等） 主要用到的技术有：图片地图、Css Sprites、内联图片（data：URL）、图片加载延迟lazyLoad、脚本和样式表合并。 内联图片：ie67不支持，大小受限制，不缓存（内联CSS图片可缓存）。 内联CSS图片PHP模板展示：http://stevesouders.com/hpws//inline-css-images-css.php2、 内容发布网络... 阅读全文
摘要：
第一种：非正则表达式循环检索--在长的头尾空格字符串中使用效率较低 1 if(!String.prototype.trim){ 2 String.prototype.trim = function(){ 3 var start = 0, 4 end = this.length - 1, 5 //包括ECMAScript5中定义的所有空白字符 6 ws = "\n\r\t\f\x0b\xa0\u1680\u180e 7 \u2000\u2001\u2002\u2003\u2004\... 阅读全文
摘要：
降低网络成本1.最大限度减少HTTP请求数。2.控制网站流量，合并样式图片。3.图片优化压缩处理，无损地减少图片体体积。4.减少CSS文件的体积，合并css样式文件。5.提高客户端渲染速度，尽量不使用占用过多CUP，占用过多内存的代码 如: text-indnt:-9999px 、IE滤镜等6.减少HTML的嵌套，减少无语义代码。 如: 消除浮动等Web内容可访问性 / 兼容性1.电脑浏览器兼容性。2.电脑分辨率兼容性。3.其它屏幕阅读器兼容性。4.语音浏览器兼容性。(暂时没有考虑,关注中,网易新闻有声版 做得不错)5.需要的话打印机兼容性也考虑，要求能准确的打印到需要的信息。HTML 相关规 阅读全文
摘要：
onfocus=”this.blur()”这句代码有没有觉得眼熟？没错，我们常用它来去除链接取得焦点时外围出现的虚线框（如图一），google一下，前面几十页谈的都是这个去除虚线框的技巧。但我们也许以前从未想过：我们的这行代码给盲人用户们带来了巨大的困扰：这中断了盲人用户的Tab键路径，导致Tab光标无法聚焦页面的下一个控制器（链接、表单域、object、image map等）。测试如下：(图一)<body><a href=”#” >第一个链接</a><a href=”#” >第二个链接</a><a href=”#” onfoc 阅读全文
摘要：
问题：绝对定位的层，无背景，ie下点击空白处事件失效？ 具体是什么原因不知道，目前只能解释为这是IE下的bug！解决方案使用position:relative而不是position:absolute；添加背景色；添加透明的背景图片，gif或png，但会增加无意义的http请求；使用background:url(about:blank)，*最佳方案。有些情况在ie6下需要设置背景图片缓存解决鼠标闪烁！document.execCommand("BackgroundImageCache", false, true); 阅读全文
摘要：
1 @charset "utf-8"; 2 /* Css Reset For XHTML*/ 3 html{color:#000;background:#FFF} 4 body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0} 5 table{border-collapse:collapse;border-spacing:0} 6 fieldset,img{border:0} 7 阅读全文
摘要：
今天介绍的是jQuery Easing 插件，非常的小。美化排版后是130行左右，要是压缩了那就更小了。这个插件弥补了jquery里面的动画效果的不足，是其动画效果更加强悍。如此强大而且小的插件，如果不好好加以利用，真是浪费。很多国内的朋友就是使用其中的一些效果，几个简单的参数。很少有人整理所有效果的参数。下面是我整理出来的：linear，swing，jswing，easeInQuad，easeOutQuad，easeInOutQuad，easeInCubic，easeOutCubic，easeInOutCubic，easeInQuart，easeOutQuart，easeInOutQuart 阅读全文
摘要：
//构造参数 new Date(milliseconds)// new Date(year,month,day,hours,minutes,seconds,ms)// PS: month参数范围0-11//重点：Date对象转换成指定格式的字符串，字符串转换成日期//eg: new Date(datestring)// new Date("yyyy-MM-dd hh:mm:ss")// new Date("yyyy/MM/dd hh:mm:ss") 也可以是MM/dd/yyyy// new Date("yyyy MM dd hh:mm:ss&q 阅读全文