前端技术 归档

  • 更小的静态资源(js、css、png、gif)，意味着更少的网络传送时间。构建的时候，可以把这些静态资源进行压缩优化(不像gzip/deflate压缩)，使之更小化。有很多相应的开源工具帮助你完成这项工作。 javascript Google Closure Compiler UglifyJS YUI Compressor ShrinkSafe 其它,比如JSMIN Node.js、jQuery1.5开始使用UglifyJS，UglifyJS压缩比YUI Compressor更小、比Google Closure Compiler更安全。尽管如此，但UglifyJS需要部署NodeJS环境，所以我们还是选择使用Google Closure Compiler style(css) CSSTidy YUI Compressor Yslow/Google Page Speed CSSTidy和YUI Compressor都很棒，我们还是选择老牌的YUI Compressor，因为我们更熟悉它，它也能够满足我们的需求。 png8/gif图片 Optipng AdvanceCOMP(advpng、advdef) ImageMagic(mogrify、identify、convert)...

    [转]网站优化 更小的静态资源

    在 2011年08月29日 上发表 | 没有评论
    更小的静态资源(js、css、png、gif)，意味着更少的网络传送时间。构建的时候，可以把这些静态资源进行压缩优化(不像gzip/deflate压缩)，使之更小化。有很多相应的开源工具帮助你完成这项工作。 javascript Google Closure Compiler UglifyJS YUI Compressor ShrinkSafe 其它,比如JSMIN Node.js、jQuery1.5开始使用UglifyJS，UglifyJS压缩比YUI Compressor更小、比Google Closure Compiler更安全。尽管如此，但UglifyJS需要部署NodeJS环境，所以我们还是选择使用Google Closure Compiler style(css) CSSTidy YUI Compressor Yslow/Google Page Speed CSSTidy和YUI Compressor都很棒，我们还是选择老牌的YUI Compressor，因为我们更熟悉它，它也能够满足我们的需求。 png8/gif图片 Optipng AdvanceCOMP(advpng、advdef) ImageMagic(mogrify、identify、convert)...

    继续阅读...

  • 习惯在firebox下用firebug调试程序，用IE的开发者工具有点不习惯。还好firebug提供lite版本，可以直接在页面中嵌入 <script type="text/javascript" src="https://getfirebug.com/firebug-lite-debug.js"></script> 进行调试。 但是但是但是，每次调试都要往页面中嵌入这样一段JS，然后保存，然后刷新，然后XXXX，毕竟很麻烦。 介绍一种简单的方法： 在浏览器（包括IE或其它任何的浏览器）中，收藏下面的网址 javascript:void((function(){var%20e=document.createElement("script");e.onload=e.onreadystatechange=function(){};document.body.appendChild(e);e.setAttribute("src","https://getfirebug.com/firebug-lite-debug.js");})()) (注意把里面的全角引号改成半角，万恶的wordpress编辑器，我治不了了，老是自动把半角引号改为全角) 在你需要调试的页面，直接点击收藏夹中的该链接，就可以启动firebug-lite。so easy…… 上面firebug官方提供的JS地址（https://getfirebug.com/firebug-lite.js）有点慢，点击后需要十几秒才能加载完，所以点一下后要耐心等待。也可以自行下载JS到本地，然后把路径改为自己的地址即可。  

    一键启用firebug-lite调试程序

    在 2011年08月22日 上发表 | 一条评论
    习惯在firebox下用firebug调试程序，用IE的开发者工具有点不习惯。还好firebug提供lite版本，可以直接在页面中嵌入 <script type="text/javascript" src="https://getfirebug.com/firebug-lite-debug.js"></script> 进行调试。 但是但是但是，每次调试都要往页面中嵌入这样一段JS，然后保存，然后刷新，然后XXXX，毕竟很麻烦。 介绍一种简单的方法： 在浏览器（包括IE或其它任何的浏览器）中，收藏下面的网址 javascript:void((function(){var%20e=document.createElement("script");e.onload=e.onreadystatechange=function(){};document.body.appendChild(e);e.setAttribute("src","https://getfirebug.com/firebug-lite-debug.js");})()) (注意把里面的全角引号改成半角，万恶的wordpress编辑器，我治不了了，老是自动把半角引号改为全角) 在你需要调试的页面，直接点击收藏夹中的该链接，就可以启动firebug-lite。so easy…… 上面firebug官方提供的JS地址（https://getfirebug.com/firebug-lite.js）有点慢，点击后需要十几秒才能加载完，所以点一下后要耐心等待。也可以自行下载JS到本地，然后把路径改为自己的地址即可。  

    继续阅读...

  • 转发一篇文章，来源：http://coolshell.cn/articles/5132.html 实在太丰富了，忍不住要转发一下 下面是一个Web应用的开源列表。没什么可说的，太疯狂了。尤其是Web 2.0那一堆。我不知道你怎么想，有些开源项目的源码写得挺不好的，尤其是性能方面。或许你会以为改一改他们就可以成为为自己所用，不过，改这些开源的项目还真不容易。玩玩还可以。 数字媒体 相册（Flickr, Picasa） Gallery，基于PHP + MySQL的Web相册。非常易于使用，包括一个配置向导，对于相片的操作包括自动生成缩略图、相片的大小改变、选择、排序等。 Piwigo，基于PHP + MySQL。配备了强大的功能，发布和管理您的照片，可扩展性和智能浏览功能，如类别，标签，或年表。这是网络和照片的标准要求。扩展使Piwigo更可扩展性和可定制的。 UberGallery，一个简单易用的相册。PHP。不需要数据库。 Zenphoto，一个简单的web相册程序,它能够简单的展示你的图片，并含有你所需要的所有功能和特点。可以和Wordpress集成。 视频（YouTube） Flowplayer，一个用Flash开发的在Web上的视频播放器，可以很容易将它集成在任何的网页上。支持HTTP以及流媒体传输。 Plumi，一个建立在Plone 内容管理系统上的视频分享系统，可帮助你轻松建立视频分享网站。 音乐电台社区（last.fm, ulike） Libre.fm，对Last.fm 的克隆。 视频电影社区（netflix, criticker） Filmaster，fileaster.com的源码。 书（LibraryThing, Shelfari, Goodreads） O’Reilly...

    疯狂的 Web 应用开源项目

    在 2011年08月11日 上发表 | 没有评论
    转发一篇文章，来源：http://coolshell.cn/articles/5132.html 实在太丰富了，忍不住要转发一下 下面是一个Web应用的开源列表。没什么可说的，太疯狂了。尤其是Web 2.0那一堆。我不知道你怎么想，有些开源项目的源码写得挺不好的，尤其是性能方面。或许你会以为改一改他们就可以成为为自己所用，不过，改这些开源的项目还真不容易。玩玩还可以。 数字媒体 相册（Flickr, Picasa） Gallery，基于PHP + MySQL的Web相册。非常易于使用，包括一个配置向导，对于相片的操作包括自动生成缩略图、相片的大小改变、选择、排序等。 Piwigo，基于PHP + MySQL。配备了强大的功能，发布和管理您的照片，可扩展性和智能浏览功能，如类别，标签，或年表。这是网络和照片的标准要求。扩展使Piwigo更可扩展性和可定制的。 UberGallery，一个简单易用的相册。PHP。不需要数据库。 Zenphoto，一个简单的web相册程序,它能够简单的展示你的图片，并含有你所需要的所有功能和特点。可以和Wordpress集成。 视频（YouTube） Flowplayer，一个用Flash开发的在Web上的视频播放器，可以很容易将它集成在任何的网页上。支持HTTP以及流媒体传输。 Plumi，一个建立在Plone 内容管理系统上的视频分享系统，可帮助你轻松建立视频分享网站。 音乐电台社区（last.fm, ulike） Libre.fm，对Last.fm 的克隆。 视频电影社区（netflix, criticker） Filmaster，fileaster.com的源码。 书（LibraryThing, Shelfari, Goodreads） O’Reilly...

    继续阅读...

  • 下面是在网上搜到一段解决该问题的代码。 <HTML> <HEAD> <!--  --> <STYLE> .PagerPrint{page-break-after: always} </STYLE> </HEAD> <BODY> <!-- 注意:以下的两个Table是并列的 --> <table id = "tbContent1"> <tr> <td> 内容一 <td> </tr> </table> <!-- 以下这个div相当于一个分页控制符 --> <div class =...

    关于CSS控制打印时强制分页

    在 2011年06月9日 上发表 | 一条评论
    下面是在网上搜到一段解决该问题的代码。 <HTML> <HEAD> <!--  --> <STYLE> .PagerPrint{page-break-after: always} </STYLE> </HEAD> <BODY> <!-- 注意:以下的两个Table是并列的 --> <table id = "tbContent1"> <tr> <td> 内容一 <td> </tr> </table> <!-- 以下这个div相当于一个分页控制符 --> <div class =...

    继续阅读...

  • 昨晚在solidot上看到在浏览器上启动Linux，很是震惊。虽然只是个模拟的，但模拟程度非常之高，可以运行大多数LINUX命令，可以用tab自动补全，竟然还带了VI编辑器。佩服佩服！ QEMU模拟器项目创始人Fabrice Bellard，编写了一个在JavaScript中运行的模拟器，允许用户在浏览器上启动Linux(支持Firefox 4和Google Chrome 11)。他去年曾用个人电脑创造了Pi的世界纪录。 赶紧猛击这里查看：http://bellard.org/jslinux/ 不过访问速度非常之慢~~ so,我把代码扒下来，做了个国内加速http://jslinux.sinaapp.com/，感谢SAE!

    惊现牛人：JS版高仿LINUX

    在 2011年05月18日 上发表 | 一条评论
    昨晚在solidot上看到在浏览器上启动Linux，很是震惊。虽然只是个模拟的，但模拟程度非常之高，可以运行大多数LINUX命令，可以用tab自动补全，竟然还带了VI编辑器。佩服佩服！ QEMU模拟器项目创始人Fabrice Bellard，编写了一个在JavaScript中运行的模拟器，允许用户在浏览器上启动Linux(支持Firefox 4和Google Chrome 11)。他去年曾用个人电脑创造了Pi的世界纪录。 赶紧猛击这里查看：http://bellard.org/jslinux/ 不过访问速度非常之慢~~ so,我把代码扒下来，做了个国内加速http://jslinux.sinaapp.com/，感谢SAE!

    继续阅读...

Page 1 of 161234510...Last »