I am fine ! - 博客园

Firebug Console API 与命令行

摘要： Console API当打开 firebug (也包括 Chrome 等浏览器的自带调试工具)，window 下面会注册一个叫做 console 的对象，它提供多种方法向控制台输出信息，供开发人员调试使用。下面是这些方法的一个简单介绍，适时地运用它们，对于提高开发效率很有帮助。console.log(object[, object, ...])使用频率最高的一条语句：向控制台输出一条消息。支持 C 语言 printf 式的格式化输出。当然，也可以不使用格式化输出来达到同样的目的。下面两行代码执行的结果是相同的：console.log(“The %s jumped over %d tall bu 阅读全文

posted @ 2012-01-09 17:19 I am fine ! 阅读(180) 评论(0) 推荐(0) 编辑

JS正则--留档

摘要：元字符现在你已经知道几个很有用的元字符了，如\b,.,*，还有\d.正则表达式里还有更多的元字符，比如\s匹配任意的空白符，包括空格，制表符(Tab)，换行符，中文全角空格等。\w匹配字母或数字或下划线或汉字等。对中文/汉字的特殊处理是由.Net提供的正则表达式引擎支持的，其它环境下的具体情况请查看相关文档。下面来看看更多的例子：\ba\w*\b匹配以字母a开头的单词——先是某个单词开始处(\b)，然后是字母a,然后是任意数量的字母或数字(\w*)，最后是单词结束处(\b)。好吧，现在我们说说正则表达式里的单词是什么意思吧：就是不少于一个的连续的\w。不错，这与学习英文时要背的成千上万个同名的阅读全文

posted @ 2011-11-09 16:44 I am fine ! 阅读(359) 评论(0) 推荐(0) 编辑

IE6的bug深入了解——css文字重复

摘要：工作了后接触IE6的BUG的机会多了很多，我也意识到只能根本的了解为何会触发这个BUG，如何解决，如何避免才能够节省时间，提高效率，避免加班！哈。于是，趁着放年假整理了一下IE6文字重复的BUG。首先给出段有问题的代码：<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "//www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="//www.w3.org/1999/xhtml&quo 阅读全文

posted @ 2011-10-24 16:58 I am fine ! 阅读(291) 评论(0) 推荐(1) 编辑

HTML5开发

摘要：一、HTML5支持测试列表在开始之前，你需要了解现代的浏览器以及移动平台对于HTML5的支持情况。主流浏览器HTML5功能支持一览移动平台HTML5支持一览HTML5支持测试HTML5演示二、让HTML5元素可用老版本的IE浏览器不能识别新的HTML元素。但是，可以使用一些JavaScript或CSS解决方案来弥补这个缺陷。HTML5Shiv：此脚本可以使IE浏览器识别HTML5元素。HTML5 Enabler：功能与HTML5Shiv类似。Modernizr：它使得开发者可以在支持HTML5和CSS3的浏览器中充分利用HTML5和CSS3的特性进行开发，同时又不会牺牲其他不支持这些新技术的浏阅读全文

posted @ 2011-10-17 12:42 I am fine ! 阅读(254) 评论(0) 推荐(0) 编辑

Node.js 究竟是什么？

摘要：简介如果您听说过 Node，或者阅读过一些文章，宣称 Node 是多么多么的棒，那么您可能会想：“Node 究竟是什么东西？”尽管不是针对所有人的，但 Node 可能是某些人的正确选择。为试图解释什么是 Node.js，本文探究了它能解决的问题，它如何工作，如何运行一个简单应用程序，最后，Node 何时是和何时不是一个好的解决方案。本文不涉及如何编写一个复杂的 Node 应用程序，也不是一份全面的 Node 教程。阅读本文应该有助于您决定是否应该学习 Node，以便将其用于您的业务。Node 旨在解决什么问题？Node 公开宣称的目标是 “旨在提供一种简单的构建可伸缩网络程序的方法”。当前的服阅读全文

posted @ 2011-10-12 09:08 I am fine ! 阅读(229) 评论(0) 推荐(0) 编辑

网站前端性能优化总结

摘要：一、服务器侧优化1.添加Expires或Cache-Control信息头某些经常使用到、并且不会经常做改动的图片（banner、logo等等）、静态文件（登录首页、说明文档等）可以设置较长的有效期（expiration date），这些HTTP头向客户端表明了文档的有效性和持久性。如果有缓存，文档就可以从缓存（除已经过期）而不是从服务器读取。接着，客户端考察缓存中的副本，看看是否过期或者失效，以决定是否必须从服务器获得更新。各个容器都有针对的方案,，以Apache为例：ExpiresActive OnExpiresByType image/gif "accessplus 1 week 阅读全文

posted @ 2011-09-16 22:23 I am fine ! 阅读(177) 评论(0) 推荐(0) 编辑

less.js

摘要： 1.变量2.混入3.带参的混入4.选择器的继承，貌似还不支持5.嵌套规则6.运算7.颜色函数8.条件语句与控制，貌似不支持9.命名空间10.注释11.作用域12.字符的插入13.转义14.JavaScript 的赋值阅读全文

posted @ 2011-09-16 15:52 I am fine ! 阅读(199) 评论(0) 推荐(0) 编辑

js apply/call/caller/callee/bind使用方法与区别分析

摘要：一、call 方法调用一个对象的一个方法，以另一个对象替换当前对象(其实就是更改对象的内部指针，即改变对象的this指向的内容)。Js代码call([thisObj[,arg1[, arg2[, [,.argN]]]]])参数thisObj可选项。将被用作当前对象的对象。arg1, arg2, , argN可选项。将被传递方法参数序列。说明call 方法可以用来代替另一个对象调用一个方法。call 方法可将一个函数的对象上下文从初始的上下文改变为由 thisObj 指定的新对象。如果没有提供 thisObj 参数，那么 Global 对象被用作 thisObj。Js代码复制代码代码如下:< 阅读全文

posted @ 2011-09-16 15:18 I am fine ! 阅读(312) 评论(0) 推荐(0) 编辑

js的常用函数

摘要： 1.获取元素坐标var getPos:function(o){//取元素坐标 var x = 0, y = 0; do{ x += o.offsetLeft; y += o.offsetTop; }while(o=o.offsetParent); return {'x':x,'y':y};}2.获取当前script文件的路径var strJsPath='';(function(){ try { throw Error("获取路径") }catch(ex){ if(ex.fileName)//Firefo... 阅读全文

posted @ 2011-09-16 15:12 I am fine ! 阅读(238) 评论(0) 推荐(0) 编辑

说说CSS Hack 和向后兼容

摘要：人一旦习惯了某些东西就很难去改，以及各种各样的原因，新的浏览器越来越多，而老的总淘汰不了。增长总是快于消亡导致了浏览器兼容是成了谈不完的话题。说到浏览器兼容，CSS HACK自然而然地被我们想起。今天，我们通常都有一个团队或者将有一个团队的人在一个公司里面做相同的事，需要我们有统一的规范来进行Coding，以方便维护。而解决兼容的方法就是（必须是，因为这才最容易有问题的）其中一个最重要的、要解决的规范之一。在解决兼容方法上，想定出一个统一的规范，个人认为应该以下面3点为基本原则：权衡成本：在浏览器被淘汰后，如何快速清理掉无用代码可维护：在资源成本和完美间平衡的向后兼容可读：省力、易记这里把成本阅读全文

posted @ 2011-09-14 09:55 I am fine ! 阅读(241) 评论(0) 推荐(0) 编辑

凡人