权记

一个关于我们生活点滴的网站,一个记录我们酸甜苦辣的日志。

Welcome to 权记

快速删除svn项目中的.svn文件

有时我们部署项目或者往外拷贝文件时,难免会直接把.svn文件一起拷贝走,下面分享Linux和Window下两种快速删除的方法:

1、Linux下

find . -type d -name ".svn"|xargs rm -rf

2、Windows下直接通过SVN工具,这里说的是TortoiseSVN 的export功能,选择相应的项目目录,导出即可。

[10/17 周主题] – Axure入项目

很早就关注和试用Axure了,但是没在之前的项目中使用过,因为一些原因,借这次的这个web项目开始在公司推广Axure的使用,不过说到推广,现在也就我一人的用,其他项目要用还未知呢!

先看看Axure的Demo吧:http://www.axure.org/demo/

做过前端的人应该会更有感觉,操作上不会感觉太难,很快就可以上手,这要得益于Axure强大的组件库,基本上常用的组件都有,另外还有其他一些特殊的第三方组件提供下载。

这次项目中用Axure主要原因是界面框架的原因,如果UI和前端(我做)做完页面,把网页给客户看,那估计要费时不少,加上随时的改动,到后面会越做越忙,越做改动越大,所以就早动手,先用Axure把网站的各个页面框架和页码流程搭起来,跟客户一一确认,尽快完成这块的内容,再由UI去跟客户确认配色的问题,前端这个时候就可以开工了,跟之前的项目流程比,至少框架不会大动了!

第一次拿做好的页面框架给客户看,客户以为这么快页面就出来啦,很有兴趣,当然我就得必须解释解释了,这个只是框架图,和最终的效果图是有些距离的,这些页面只是将页面框架和流程展示下。

学习Axure,最主要就是多用,多看别人的Axure例子,如果一个效果自己一下子无法实现,可以在网上找别人的rp文件,仔细研究下,很快就可以自己做出来了!

再者Axure现在有好些模板,不一定就得自己去实现,Axure只是个工具,不管从哪个方面入手,达到你要的效果即可。

推荐区国内Axure推广比较有名的网站:http://www.axure.org/ 上面有很多教程和例子,可以进一步帮助学习Axure的使用。

五一腐败归来

五一休息了一天,2号出发去了密云,20几好人,扎营在一处大院子里,旁边走路10分钟左右就是密云水库,可惜水太冷,要不然真想下去游游!

来几张腐败照片:
饮料
烧烤
遛狗
烧烤

[转]陕西西安旅游全攻略

景点:
古都西安 千年纵横
坟头四起 古趣横生

秦岭:
秦岭归来不看山

饮食:

小吃
=====================================================================

市内景点: 610旅游专线车,火车站出站对面就是610路,以火车站为起点,经过北新街、革命公园、钟楼、鼓楼、广济街、朱雀门、小雁塔、南稍门、大兴善寺、陕西历 史博物馆、大雁塔、秦王宫等地,票价在1-2元之间,且都在景点正门下车.

大雁塔(大慈恩寺)
开放时间:8:00 ——19:00;游览时间:1小时左右

大雁塔北广场音乐喷泉
周一到周五:12:00、20:00
周六, 日以及节假日:10:00、12:00、14:00、16:00、18:00、20:00
晚上去不错

“给我一天, 还你万年”—陕西历史博物馆 (省博)
大雁塔北广场向西步行十分钟
一定要有讲解员

书法石刻艺术的宝库— 西安碑林历史博物馆
开放时间:8:30—18:30;游览时间:1小时最好有导游
碑林里面和外面买拓片的价格相差两个零.

书院门古文化街
碑林出来沿着城墙走便是书院门一条街经营古玩字画和民间工艺品,顺道可看关中书院(免费).

西安古城墙
从古文化街步行至南门即到
开放时间:8:00——20:00;游览时间:骑车1小时正好可以绕西安古城一圈
南 门租自行车(单车10元/小时,双人的20元/小时)城墙上的游览车分段收费要小心.
夕阳之下游西安城墙很有感觉.

钟 楼
有表演,具体时间欢迎补充

鼓楼
有表演,不推荐

回民街
小吃见后 文

化觉巷大清真寺
鼓楼旁边,开放时间:8:00——19:00;游览时间:半小时

小雁塔
现在是免费哈,里面有西安博物馆,展品很多,设施很新,夏天很凉快!上塔10元,开放时间:8:00——17:00
很 不错,经常有展览。
Read More

6步使用Twitter的@Anywhere服务

Twitter发布了@anywhere 服务,用户可以通过添加几行代码,就可以把Twitter整个平台功能嵌入你的网站。

怎么做呢?

推荐你看看下面这篇文章,由于内容较多,我就懒的翻译和转载了,大家自己看吧,提供code和截图,很容易理解。

6步使用Twitter的@Anywhere服务:http://net.tutsplus.com/tutorials/javascript-ajax/using-twitters-anywhere-service-in-6-steps/

不过说实话,没感觉到很方便,当然要是有人写个wordpress插件也还不错!

body {
width: 500px;
margin: 60px auto 0;
background: #666;
}

#box {
width: 500px;
height: 500px;

/* 圆角 */
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;

border: 2px solid white;

/* 双边 */
-moz-border-top-colors: #292929 white;
-moz-border-right-colors: #292929 white;
-moz-border-bottom-colors: #292929 white;
-moz-border-left-colors: #292929 white;

/* Webkit里面不支持border-color, 用阴影算做个补偿 */
-webkit-box-shadow: 0 -1px 2px #292929;

/* 渐变 */
background: #e3e3e3;
background: -moz-linear-gradient(top, #a4a4a4, #e3e3e3);
background: -webkit-gradient
(linear, left top, left bottombottom, from(#a4a4a4), to(#e3e3e3));

同一个网站,访问它的浏览器可能会是不同的宽度,常见的有320px,480px,800px,1024px,1280px,1920px等,为不同大小的浏览器视窗提供不同的访问效果,提高用户的使用体验,同时网站本身也可以为不同受众提供不同的资源。

下面提供两种解决方案:

一、通过 W3C standard 来定义,例如:

<link rel="stylesheet" media="screen and (min-device-width: 800px)" href="800.css" />

上面的代码表示:当访问网站的设备浏览器宽度大于等于800px时,将使用800.css这个样式。

又如:

<link rel='stylesheet' media='screen and (min-width: 701px) and (max-width: 900px)' href='css/medium.css' />

上面的代码表示:当访问网站的设备浏览器宽度在701px和900px之间时,将使用medium.css这个样式。

目前Mozilla, Opera和WebKit等浏览器的当前版本都支持这个标准,不幸的是IE浏览器并不支持此标准,包括IE8,以及IE9 Previous。

不要着急,方案二将解决此问题。

Read More

这篇文章是继续上次的 Apache,Nginx,Tomcat集群的一个补充,主要是Apache和Tomcat的一些补充。

1、Apache 反向代理只做 HTTP 透明转发,因此,Tomcat 那边,如果使用 Servlet API 获取 request url, server info等等,都是 Tomcat 的。在Tomcat 上的 JSP 或者 HTML 文件里面,都应该是相对路径,不应该使用绝对路径,更不能使用带 Tomcat 地址的 URL。

2、Apache KeepAlive和KeepAliveTimeout的使用,首先KeepAlive的on还是off,需要根据应用来决定,一般的使用是静态资源较多时启用,动态资源较多时关闭,对于高负荷服务器来说,KeepAliveTimeout值较大会导致一些性能方面的问题:超时值越大,与空闲客户端保持连接的进程就越多。

3、Tomcat中的maxThread的建议赋值范围在500-750,如果超过750,那么建议使用2个tomcat组成集群,每个设置为500,这样的使用效果比单个设置为1000要好的多!

老虎机式标签栏(Slot Machine Tabs)

玩过老虎机或者看过老虎机的朋友,对这个标签的运行轨迹将会相当熟悉了。

还是先看demo吧,

大体看了下JS文件, 主要使用了JQuery的animate方法,让标签1,标签2,标签3被点击时,获取不同的随机速率。

原文地址:http://css-tricks.com/slot-machine-tabs/

没有深入研究,仅仅记录下来,以备后用。

[10/14周主题] – IE6 hacks

做前端的同学都会遇到浏览器兼容问题,今天顺手整理一下遇到的和没遇到的从网上搜来的部分IE6下常见兼容问题,以备后用。

IE6虽然要被淘汰了,但是从统计来看,国内使用IE6的用户还是居多,下图是一个小型网站的IE浏览器访问统计:

无法否认的事实将继续折腾前端工程师在网页设计时,不得不继续考虑IE6的用户体验。

IE6下常见问题汇总:

1、IE6下层不能在下拉框之上的问题

2、IE6的双倍边距BUG

3、IE6下两个层中间有间隙

4、IE6使用滤镜使PNG图片透明后,容器内链接失效的问题

5、IE6下为什么图片下方有空隙产生
Read More