2010年8月 文章归类

发现的一篇关于前端优化的文章，总结的很全面，要做到面面俱到很难，往往是想优化而没有时间去优化，就像我们公司，一个项目连着一个项目~新员工的培训都省了，还想优化前端啊，不过我真的想有机会和老大好好的整合下公司网站的前端代码~不过要把前端优化的工作放在平时的写代码中去，就不需要刻意的后期优化了。在项目开发中，后台需要搭建好框架，前端更是需要搭建好框架，并且在页面实现中得到实现，只有这样才能事半功倍。

前段时间简单的研究了下前端优化相关的知识，本文算是一个阶段性的总结，或者当做一个优化的参考List。

前言

前端是庞大的，包括HTML、CSS、Javascript、Image、Flash等等各种各样的资源。前端优化是复杂的，针对方方面面的资源都有不同的方式。那么，前端优化的目的是什么？

1. 从用户角度而言，优化能够让页面加载得更快、对用户的操作响应得更及时，能够给用户提供更为友好的体验。
2. 从服务商角度而言，优化能够减少页面请求数、或者减小请求所占带宽，能够节省可观的资源。

总之，恰当的优化不仅能够改善站点的用户体验并且能够节省相当的资源利用。

前端优化的途径有很多，按粒度大致可以分为两类，第一类是页面级别的优化，例如HTTP请求数、脚本的无阻塞加载、内联脚本的位置优化等；第二类则是代码级别的优化，例如Javascript中的DOM操作优化、CSS选择符优化、图片优化以及HTML结构优化等等。另外，本着提高投入产出比的目的，后文提到的各种优化策略大致按照投入产出比从大到小的顺序排列。

一、页面级优化

继续阅读全文……

jQuery的ready方法的是开发中经常用到的，作用相当于我们的body onload，是当页面DOM准备就绪的时候才运行的代码，最常用的就是在DOM渲染加载之前，先给document绑定ready事件，然后当页面DOM都准备好之后才运行这个事件。
关于jQuery的ready有以下几种用法

最常用也是最标准的ready方法

$(document).ready(){
});

简写的jQuery ready()

$(function(){
});

这是因为jQuery的选择器第一个参数假如为空，那么默认的是document
继续阅读全文……

项目中假如碰到了上传图片文件时，需要在后台加检测程序，判断图片类型是否合法，以防止一些非法的文件上传，如果对js的Image对象比较熟悉我们可以使用下面的方法在前端层次上检查下图片类型是否合法。

       var img = new Image();
        img.onload = function(){
            alert('load');
        };
        img.onerror = function(){
            alert('error');
        };
        img.src = 'logo.png';

继续阅读全文……

我的本本安装了最新版的Ubuntu 10.04，安装过程一切顺利，安装完了使用的显卡驱动是官方默认的，可是本本屏幕十分晃眼，而且有拖尾的现象，于是决定安装显卡驱动，本本的显卡是NviDIA G310M的，在Ubuntu官方论坛找到了两种安装的方法

Ubuntu安装NVidia驱动方法一

从安装源开始安装，首先需要卸载旧的显卡驱动程序，然后在终端依次输入以下命令：

sudo apt-get install nvidia-current
sudo update-alternatives –config gl_conf
sudo ldconfig
sudo nvidia-xconfig
sudo reboot

方法的优点是，简单，不需要过多的人工干预，但是这种方法安装的显卡驱动对于我的本本来说还是有拖尾问题，无奈之下只好卸载，按照第二种方法，从官方下载最新的驱动程序手工安装NVidia驱动
继续阅读全文……

迅雷7截图

在上一篇文章介绍了迅雷7的起航版破解方法，今天又发现一个最新的绿色去广告版本，就转发到我的博客，需要的赶紧下载吧~

1. 去掉了广告
2. 去掉了那个烦人的迅雷修复工具
3. 可选择免资格登录登录
4. 去掉迅雷资讯
5. 添加了个绿化工具(见附件)
6. 注意：绿化工具可能存在误报情况，尤其是360

使用方法

打开 “Program”目录下的”Thunder“文件即可
如果没有内测资格的把”XLUser{BANNED}X”压缩包里面的”XLUser{BANNED}X免资格登录.dll”重命名并为替换”XLUser{BANNED}X.dll”任意用户名密码可以登录，会显示一直在登录中
继续阅读全文……

今天上QQ微博一看自己竟然有了27个邀请，本着独乐乐不如众乐乐的原则，秉承传播的力量原则（板砖上……）贴了出来，复制的我手都软了，不容易啊，不容易~大家点击开通QQ微博吧。支持的童鞋就广告支持下
继续阅读全文……

最近一次的开发中遇到了IE下setTimeout传参数的问题，在IE下setTimeout是不会传参数的，例如下面的代码，在IE下就不会传入a,b两个参数

setTimeout(function(a,b){
alert(a+b);
},1000,'hello,','world!');

在实际项目中我们有些需求必须传入参数要setTimeout的function进行处理，那么我们就需要利用js的call及其apply的方法，来解决IE下的setTimeout传参bug：
继续阅读全文……

由于GFW的力量，谷歌名下feedburner.com已经无奈的被河蟹了，最近一直想换订阅地址，今天终于鼓起了勇气，切换feed地址到feedsky，看了下退定了早的FeedBurner之后才看见原来订阅我的博客的人已经到了125人，甚感安慰，感谢大家一直来对断桥残雪部落格的支持，现在我的feed地址已经变成了：http://feed.feedsky.com/r57c，麻烦大家点击几下更换新的订阅地址。

点击订阅断桥残雪部落格

最近迅雷7推出了，可是只有会员才能下载，断桥残雪马上从网上找到了最新的破解方法，试用了一下，感觉还可以，不过家里的移动3G上网还真慢！郁闷ing，没办法没银子啊~大家可以多点击几次广告，给我送银子啊~O(∩_∩)O哈哈~我们看看迅雷7破解版吧~不过不要指望会用很长时间，迅雷7目前是内测，升级是难免的，如果哪天不能使用了就不要回头骂我忽悠人哦~

迅雷7截图

迅雷7破解方法

方法1 见贴：http://bbs.nau.edu.cn/viewthread.php?tid=357293
继续阅读全文……