目前的主流浏览器都支持客户端缓存，用户在浏览网页的时候，浏览器会把网页里的文件数据缓存起来，当用户再次打开访问过的页面时，浏览器可以从本地缓存读取文件，减少网络下载文件等待的时间，同时也减轻了服务器的压力。总之浏览器文件缓存是个好东西，对用户好，对服务器好，对传输网络好；你好，我也好，大家好那是真的好。
« 类别 Works 下的文章
Photoshop切图批处理脚本
类似Google地图的东西，整个地图尺寸很大，要在网页上用，需要切成小的碎片，Google地图的每一片是256px*256px。
目前恰好遇到了这样一个问题，手里拿到了一张很大的图，需要切成碎片，粗略算了一下，最后生成的切片大概2000张左右，如果手工一点一点的切，按10秒/张的速度，需要连续不停地切5.56个小时，擦，这不是闲得蛋疼吗？
于是乎，想到了用批处理，但这个工程又不是个简单的批处理，只有一个原图，需要把一张图切成2000张，最后感觉还是用脚本比较合适。
这种脚本在百度和谷歌里很难找，一个用PS做设计的人，难道你想让她琢磨脚本程序？搜了一番，发现还是有人写过PS的脚本，下载来参考了一下，自己也写了一个切图的脚本。
Javascript Canvas(html5) Clock
以前见过一个类似的屏保，秒针为一个圆环动画，60秒转一周，不过那个应该是flash的，现在firefox和chrome等浏览器已经支持了canvas，利用javascript也可以写个类似的效果了。尝试了一下，做了个简单的canvas时钟，欲知详情，且看文章内容。
PHP验证码类(含中文验证码和自定义字体)
简单的PHP验证码类，支持添加杂色，添加干扰线，自定义字体，支持中文验证码，支持字体扭曲、旋转。
调试JS的简单小工具
写javascript程序的时候，经常需要调试，而目前支持断点或者变量跟踪的javascript开发工具也不多，一般情况下，都是自己写个容器或者使用alert来调试，稍微有点空闲时间，写个小工具，辅助javascript的调试工作。不用再在页面里加个容器了，把调试和页面代码分开。如果需要调试，只需要引入一个外部JS文件就行了，调试完毕删除之。查看演示
javascript计算器
闲来无事，利用JavaScript写了一个计算器，这东西看起来有点白痴，windows系统自带了科学计算器，可以说用这个来做计算，效率显然不如系统自带的，但自己写的计算器可以个性化，比如换皮肤，换按键的位置，结合网络，可以实现计算结果直接保存到数据库，计算数据历史查询功能等，这些是系统计算器所不具备的功能。效果如下： [html] body{ margin:0px; padding:0px; font-size:12px; font-family:tahoma,"宋体",Simsun,"Microsoft YaHei","Arial Unicode MS",Mingliu,Arial,Helvetica; background:#ECF4F9;} img{ border:none;} form{ margin:0px; padding:0px;} ul{ margin:0px; padding:0px; list-style:none;} li{ margin:0px; padding:0px;} dl,dt,dd{ margin:0px; padding:0px;} .calculator{ width:620px; margin:0px auto; border-color:#70BCE4; border-width:0px 1px 1px; border-style:solid; text-align:center; } .calculator td{ padding:3px 0px 6px; width:71px;} .calculator td.re{ padding-left:4px; text-align:left;} .calculator td input{ width:60px; font-size:14px; border:#3399FF 1px solid; [...]
javascript实现万年历功能
Date既是一个对象，又是一个函数。跟document类似。利用Date内置函数对象，可以实现日期的计算，转换等功能。最近需要一个万年历的功能，上网找了一番，很多的网站都是相互转载复制的内容，代码比较老了，N年以前的代码，功能太多了，于是自己写了一个简单的，效果如下： [html] body{ margin:0px; padding:0px; font-size:12px; line-height:22px; font-family:tahoma,"宋体",Simsun, "Microsoft YaHei","Arial Unicode MS", Mingliu, Arial, Helvetica;} table{ background:#999999; width:600px; margin:0px auto; text-align:center;} table td{ background:#FFFFFF;} table th{ background:#CCCCCC;} .calendar{ width:600px; margin:2px auto; height:auto; overflow:hidden; text-align:center;} .calendar a{text-decoration:none; font-size:14px; display:inline-block; width:30px;} .calendar a:hover{ background:#BFBFBF;} .calendar .left{ float:left; width:100px;} .calendar .now_month{ float:left; width:400px;} .calendar .right{ float:right; width:100px;} .red{ [...]
又一个JavaScript仿flash幻灯效果
以前做过几个JavaScript仿flash的幻灯效果，最近由于工作的需要，重新写了一个效果，分享一下。 如果你要转载，请注明出处，并保留JavaScript里的版权信息！ [html] body{ margin:0px; padding:26px; font-size:12px;} #scroll_banner{ width:447px; height:213px; overflow:hidden; position:relative;} #scroll_banner .scroll_banner_border{width:445px; height:211px; overflow:hidden; border:#47A9DE 1px solid;} #scroll_banner .scroll_banner_border img{ border:none;} #scroll_banner .ul_menu{ margin:0px; padding:0px; list-style:none; width:1192px; position:absolute; left:0px; top:0px; font-family:tahoma,"宋体",Microsoft YaHei,Mingliu,; font-weight:bold; color:#956725; font-size:12px;} #scroll_banner .ul_menu li{float:left; background-color:#FFFFFF; padding:11px 0px 0px; height:15px;} #scroll_banner .ul_menu li div{display:none;} #scroll_banner .ul_menu li.menu_last{ width:443px;} #scroll_banner .ul_menu [...]
测算一下你的工资待遇如何
想知道你的工资处在什么水平吗？想了解其他人的工资状况吗？来测验一下吧！ 本系统根据智联招聘的“薪酬罗盘”设计而成，省去了繁琐的计算过程，简单易用。新窗口查看 .salary_test_form{ width:600px; margin:9px auto; height:auto; overflow:hidden; color:#424242; font-size:12px;} .salary_test_form h3{ width:600px; background-color:#1B93C0; color:#FFFFFF; margin:0px; padding:0px; font-size:14px; height:26px; line-height:26px; text-align:center;} .salary_test_form ul{ margin:0px; padding:0px; list-style:none;} .salary_test_form form{ margin:0px; padding:0px;} .salary_test_form .google_ads .ad_content{border-color:#5CAFD8; border-style:solid; border-width:0px 1px 1px 1px; padding:6px 0px 0px;} .salary_test_form .google_ads .ad_content .ad_inner{ width:468px; margin:0px auto;} .salary_test_form ul li{ border-color:#5CAFD8; border-style:solid; border-width:0px 1px [...]
PHP+Mysql实现简单相册功能
php+mysql+lightbox相册 查看演示效果 主要功能： 1.图片上传 2.自动裁剪实现缩略图 3.图片分类管理 4.相册封面设置 5.图片展示分页功能 6.结合lightbox，实现图片查看 后台管理帐户：用户名admin 密码admin 图片截图 相册暂不太完善，仅供学习参考用。
