06 2013 档案
摘要:今天这篇文章主要讲述使用google-code-prettify来实现代码的高亮显示,以前我使用 highlight.js 来实现文章中代码的高亮显示。 prettify 非常小巧且配置简单,使用它来实现代码的高亮显示是个不错的选择。下边我们简单看看 prettify.js 的使用方法:1.引入 jQuery 文件和 prettify.js 文件<scripttype="text/javascript"src="jquery-1.6.1.min.js"></script><scriptsrc="prettify.j
阅读全文
摘要:原文:http://www.mnot.net/cache_docs/译文:http://www.zhangxinxu.com/wordpress/?p=3338
阅读全文
摘要:在httpd.conf里添加#设置缓存<IfModule mod_expires.c> ExpiresActive on ExpiresDefault "access plus 1 month" ExpiresByType text/html "access plus 1 weeks" ExpiresByType text/css "access plus 1 months" ExpiresByType image/gif "access plus 1 months" ExpiresByType ima
阅读全文
摘要:LINUX服务器运维http://www.centos.bz/在线压缩js和csshttp://refresh-sf.com/yui/MySQL知识的分享http://ourmysql.com/
阅读全文
摘要:为了提高网页浏览速度,我们可以在服务器的apache开启gzip压缩功能,这样压缩使网页更小,自然下载需要的时间就更少了,用户体验更佳。下面来介绍如何开启这个功能。1、首先得确认apache是否已经加载了mod_deflate模块。httpd -M如何此模块不在列表中,可以参考这篇文章:如何安装加载mod_deflate模块。2、编译配置文件httpd.conf,增加支持gzip的文件类型,如下:<Location />AddOutputFilterByType DEFLATE text/plainAddOutputFilterByType DEFLATE text/cssAddO
阅读全文
摘要:最近给一个客户做一个小小的图片管理系统,图片不经过服务器,直接用的是地址。但是他要求图片不能变形扭曲。这样就要在客户端用JS做。好在有了jQuery,这个做起来还比较方便。自己写了个小小的插件www.2cto.comautosize.假设有这么个图片<img src=http://www.2cto.com/uploadfile/2011/0908/20110908053241941.jpg" width="200" height="300" />图片的尺寸被强制的设为了200*300,如果这个地址的图片比例不是2:3的话,这张图片就
阅读全文
摘要:在Web上显示图片,通常都会有图片显示比例问题,如果不给<img />限制width和height,那么如果图片大了就会将整个页面挤乱,图片小了又会使图片失真。 1、预先定义好图片显示的标准宽度和高度。2、如果图片的大小超过了标准定义,那么等比例压缩图片。3、如果图片的大小等于标准定义,那么按照标准宽度和高度显示图片。4、如果图片的大小小于标准定义,那么不对图片进行任何压缩处理。<script language="JavaScript">//图片按比例缩放var flag=false;function DrawImage(ImgD,iwidth,ih
阅读全文
摘要:对于图片有固定宽高要求的网站来说,直接的缩略图并不能解决问题,因为等比例缩放的宽度或者高度是不固定的,但是网站还是要求图片的宽高是固定的,那怎么办呢,只有一个办法,首先把图片等比例缩,缩放比根据宽度和高度哪个值大来决定,然后再从缩略图中裁切中间的图片,而这裁切出来的图片就是网站需要的固定图片,下面是代码需要php开启GD2<?phpecho thumb_dblxr('./2.png','144','94','test1.png');// 等比例缩放function thumb_dblxr($backimg,$width,$h
阅读全文
摘要:<form enctype='multipart/form-data' action='doupload.php' name="form1" method='POST' onsubmit="return check_form()">File:<input name='uploaded' id='uploaded' type='file'/><input type='submit' value='Upload
阅读全文
摘要:Tools->PreferencesTools-Keyboard-Edit-LineCommentLine Uncomment为取消注释
阅读全文
摘要:CSS学起来并不难,但在大型项目中,就变得难以管理,特别是不同的人在CSS书写风格上稍有不同,团队上就更加难以沟通,为此总结了一些如何实现高效整洁的CSS代码原则:1. 使用Reset但并非全局Reset 不同浏览器元素的默认属性有所不同,使用Reset可重置浏览器元素的一些默认属性,以达到浏览器的兼容。但需要注意的是,请不要使用全局Reset:?*{ margin:0; padding:0; } 这不仅仅因为它是缓慢和低效率的方法,而且还会导致一些不必要的元素也重置了外边距和内边距。在此建议参考YUI Reset和Eric Meyer的做法。我跟Eric Meyer的观点相同,Res...
阅读全文
摘要:如何优化网页加载速度是每个前端开发工程师需要了解的,也是前端开发工程师需要具备的基本条件。优化网站加载速度的原理主要是减少网站文件的大小,减少HTTP请求数。网站文件越小,浏览器加载页面会比较轻松,打开页面的速度也会提升;一个HTTP请求,对页面打开速度造成的延时大概是0.01秒,HTTP的请求数越多,网站打开的速度就会越慢。那么如何减少网站文件的大小,减少HTTP请求数呢?笔者做前端(重构方向)有2年多了,这里分享3项优化网站加载速度的方法,希望能给有需要的同学以及刚接触前端的初学者带来帮助~comm on!一起来优化你的网站~1、优化图片使用Css Sprites(适用于大流量的网站)其原
阅读全文
摘要:最近开始学习网站数据分析,但是发现一个问题,就是每每有时候就会碰到Google Analytics无法登录 不能访问的问题。确实,在中国大陆,Google很多服务都难以成功访问。但是对于众多使用Google Analytics来进行网站流量分析的的seo优化技术人员、网站运营人员、网站数据分析人员,或者是中小站长来讲,访问不了Google Analytics带来很大的困扰。 其实解决Google Analytics无法登录 不能访问的问题很简单,那就请按以下步骤进行: 1、打开hosts文件。一般hosts在:c:/windows/system/drives/ets/hosts,如果你的系..
阅读全文
摘要:概述其实想写这方面的文章由来已久,这个系列文章的想法是参照雅虎团队提供的35条性能优化的最佳实践(其 实最早的时候是14条),再结合我自己多年的实际工作经验,结合具体的开发平台(ASP.NET),为读者提供既有理论知识、又有实践指导的参考资料,对 于优化而言,本身是一个长期细致的工作(没有所谓的银弹),并且重在权衡利弊,选择最适合自己项目情况的解决方案。而要达到这样的目标,就需要对网站设计 优化有较为系统的认识,知其然、也知其所以然,然后才可以熟练地运用它们。我从4月30日开始写这个系列,到今天(5月20日)已经全部写完,主要利用了假日、周末以及晚上的时间),虽然比较辛苦,但自认为这个系列写的
阅读全文