盛飞在线

function setCookie(name, value, expires, path, domain){ //name cookie的名称 //value cookie的值 //expires cookie存活的时间[可选项：无值代表页面关闭生命到期]，以毫秒为单位 支持 '1000' 1000 100*1000 三种格式（计算时不能用引号包含）[可以为其他目录进行赋值] //path cookie的可访问范围，例设置为"/test/"或"text/"或"/text" 都代表test目录下的所有文件及子目录都可访问到cookie //domain cookie的访问域，path的延伸，如设置为 "senfe.com" 那么"bbs.senfe.com"/"www.senfe.com"等二级子域名都可以访问到该cookie[只能为自己域赋值] //完整引用实例： //添加：setCookie('userName','qqqqqq',1000*60,'/test/','senfe.com') //读取：getCookie('userName') //删除：clearCookie('userName') if( expires && isNaN(expires)===false ){expires=new Date(new Date().getTime()+expires)}; document.cookie=name+"="+escape(value)+((expires)?"; expires="+expires.toGMTString():"")+((path)?"; path="+path:"; path=/")+((domain)?";domain="+domain:""); }; function getCookie(name){ var arr=document.cookie.match(new RegExp("(^| )"+name+"=([^;]*)(;|$)")); if(arr!=null){ return unescape( arr[2] ); } return null; }; function clearCookie(name, path, ...Read More »

FFFFFF #DDDDDD #AAAAAA #888888 #666666 #444444 #000000 #FFB7DD #FF88C2 #FF44AA #FF0088 #C10066 #A20055 #8C0044 #FFCCCC #FF8888 #FF3333 #FF0000 #CC0000 #AA0000 #880000 #FFC8B4 #FFA488 #FF7744 #FF5511 #E63F00 #C63300 #A42D00 #FFDDAA #FFBB66 #FFAA33 #FF8800 #EE7700 #CC6600 #BB5500 #FFEE99 #FFDD55 #FFCC22 #FFBB00 #DDAA00 #AA7700 #886600 #FFFFBB #FFFF77 #FFFF33 #FFFF00 #EEEE00 #BBBB00 #888800 #EEFFBB #DDFF77 #CCFF33 #BBFF00 #99DD00 #88AA00 #668800 #CCFF99 #BBFF66 #99FF33 #77FF00 #66DD00 #55AA00 #227700 #99FF99 #66FF66 #33FF33 #00FF00 #00DD00 #00AA00 #008800 #BBFFEE #77FFCC #33FFAA #00FF99 #00DD77 #00AA55 #008844 #AAFFEE #77FFEE #33FFDD #00FFCC #00DDAA #00AA88 #008866 #99FFFF #66FFFF #33FFFF #00FFFF #00DDDD #00AAAA #008888 #CCEEFF #77DDFF #33CCFF #00BBFF #009FCC #0088A8 #007799 #CCDDFF #99BBFF #5599FF #0066FF #0044BB #003C9D #003377 #CCCCFF #9999FF #5555FF #0000FF #0000CC #0000AA #000088 #CCBBFF #9F88FF #7744FF #5500FF #4400CC #2200AA #220088 #D1BBFF #B088FF #9955FF #7700FF #5500DD #4400B3 #3A0088 #E8CCFF #D28EFF #B94FFF #9900FF #7700BB #66009D #550088 #F0BBFF #E38EFF #E93EFF #CC00FF #A500CC #7A0099 #660077 #FFB3FF #FF77FF #FF3EFF #FF0 0FF #CC00CC #990099 #770077 Read More »

原文：55壮观的登录表单设计 登录表单，页面的设计是Ui设计的基础科目，也是最能直观体现UCD的地方，每一个用户来到登录页面的时候，都会对此产生取舍感，特别是在你经常使用这个页面的时候，体现的更突出，方便人性的设计，良好的体验，可以让他产生美感，甚至于依赖感！ Mobile Me Straw Poll Read More »

1.250定律 　　拉德认为：每一位顾客身后，大体有250名亲朋好友。如果您赢得了一位顾客的好感，就意味着赢得了250个人的好感；反之，如果你得罪了一名顾客，也就意味着得罪了250 名顾客。 　　在你的网站访客中，一个访客可能可以带来一群访客，任何网站都有起步和发展的过程，这个过程中此定律尤其重要。 2.达维多定律 　　达维多认为，一个企业要想在市场上总是占据主导地位，那么就要做到第一个开发出新产品，又第一个淘汰自己的老产品。 　　国内网站跟风太严重，比如前段时间的格子网，乞讨网，博客网，一个成功了，大家一拥而上。但实际效果是，第一个出名的往往最成功，所以在网站的定位上，要动自己的脑筋，不是去捡人家剩下的客户。同理，买人家出售的数据来建站效果是很糟糕的。 3.木桶定律 　　水桶定律是指，一只水桶能装多少水，完全取决于它最短的那块木板。这就是说任何一个组织都可能面临的一个共同问题，即构成组织的各个部分往往决定了整个组织的水平。 　　注意审视自己的网站，是速度最糟糕？美工最糟糕？宣传最糟糕？你首先要做的，不是改进你最强的，而应该是你最薄弱的。 Read More »

1. <!--[if !IE]><!--> 除IE外都可识别 <!--<![endif]--> 2. <!--[if IE]> 所有的IE可识别 <![endif]--> 3. <!--[if IE 5.0]> 只有IE5.0可以识别 <![endif]--> 4. <!--[if IE 5]> 仅IE5.0与IE5.5可以识别 <![endif]--> 5. <!--[if gt IE 5.0]> IE5.0以及IE5.0以上版本都可以识别 <![endif]--> 6. <!--[if IE 6]> 仅IE6可识别 <![endif]--> 7. <!--[if lt IE 6]> IE6以及IE6以下版本可识别 <![endif]--> 8. <!--[if gte IE 6]> ...Read More »

　　CSS代码的命名惯例一直是大家热门讨论的话题。今天暴风彬彬想通过分析一个流行三栏布局中的必要元素，来为大家讲解关于使用语义化方法替代结构化方法来命名CSS类的建议和指导。 您还可以参考彬Go的相关文章: 《整理及优化CSS代码的7个原则》 《10个CSS简写技巧让你永远受用》 《DIV+CSS网页布局常用的一些基础知识整理》  CSS类命名的语义化VS结构化方式 　　一般而言，CSS类名的语义化声明方式应当考虑你的页面中某个相对元素的”用意”，独立于它的”定位”或确切的特性(结构化方式)。像left-bar, red-text, small-title…这些都属于结构化定义的例子。 让我们看看下面这个例子: 　　…而现在我们想把页面中的元素调换一下位置，如果你使用的是结构化方式(1)，那么你就要把所有CSS类名重新进行定义，因为它们的位置变了。在布局(3)中，我们看到元素都倒转了: right-bar 现在成了 "left-bar”，而 left-content 成了 "right-content”。如果你使用语义化方式则避免了此类问题。 　　换句话说，使用语义化方式的话，你在修改网站布局的时候可以仅仅修改相关CSS类的属性即可，而不用修改它们的类名了，如果网站的代码很庞大，这将节省大量的时间。 　　彬Go会经常更新前端开发/网页设计等相关技术及教程文章，欢迎订阅本博客来及时浏览本博客的最新教程及资源。 Read More »

手册是没有,这些都是修饰符 i ：如果在修饰符中加上"i"，则正则将会取消大小写敏感性，即"a"和"A" 是一样的。 m：默认的正则开始"^"和结束"$"只是对于正则字符串如果在修饰符中加上"m"，那么开始和结束将会指字符串的每一行：每一行的开头就是"^"，结尾就是"$"。 s：如果在修饰符中加入"s"，那么默认的"."代表除了换行符以外的任何字符将会变成任意字符，也就是包括换行符！ x：如果加上该修饰符，表达式中的空白字符将会被忽略，除非它已经被转义。 e：本修饰符仅仅对于replacement有用，代表在replacement中作为PHP代码。 A：如果使用这个修饰符，那么表达式必须是匹配的字符串中的开头部分。比如说"/a/A"匹配"abcd"。 E：与"m"相反，如果使用这个修饰符，那么"$"将匹配绝对字符串的结尾，而不是换行符前面，默认就打开了这个模式。 U：和问号的作用差不多，用于设置"贪婪模式"。 Read More »

之前有一个遗留问题，就是echo date("y-m-d h:i:s",time())回来的时间总是与实际时间对不上，今天终于在网上找到了原因和解决方法，分享如下： 我补充一点，我按照下面提示的方法修改php.ini找不到date.timezone 这行，是不是就没办法了呢，当然不是啦，哈哈没有的话就自己加嘛，自己动手丰衣足食。我加了这样一句date.timezone = "PRC"，问题就搞定了，高兴一下. 从php5.1.0开始，php.ini里加入了date.timezone这个选项，默认情况下是关闭的 也就是显示的时间（无论用什么php命令）都是格林威治标准时间 和我们的时间（北京时间）差了正好8个小时，有以下2中方法可以恢复正常的时间。 1，一劳永逸，仅限能修改php.ini。打开php.ini查找date.timezone 去掉前面的分号 = 后面加XXX，重启http服务（如apache2或iis等）即可 2，如果一定要用，而且不能修改php.ini，则需要在关于时间的初始化的语句的 上面加上 date_default_timezone_set (timezone); 关于timezone:必需。时区标识符，比如 "UTC" 或 "Europe/Paris"。合法时区的列表：http://www.php.net/manual/en/timezones.php 大陆内地可用的值是：Asia/Chongqing ，Asia/Shanghai ，Asia/Urumqi （依次为重庆，上海，乌鲁木齐） 港台地区可用：Asia/Macao ，Asia/Hong_Kong ，Asia/Taipei （依次为澳门，香港，台北） 还有新加坡：Asia/Singapore 老外好像把北京漏调了 其他可用的值是：Etc/GMT-8 ，Singapore ，Hongkong ，PRC PRC是什么？PRC是中华人民共和国啊-_- Read More »

由于浏览器之间存在兼容性问题，在制作网页的时候，为了使页面能在不同浏览器中显示相对一致或者其他原因，网页制作人员总结了种种 Hack 方法；在解决兼容性问题之前，这些方法还经常会用到。接下来，52CSS.com将向给大家介绍常用的CSS Hack汇总，以便大家平时的速查。 　　屏蔽IE浏览器（也就是IE下不显示） 　　*:lang(zh) select {font:12px  !important;}  select:empty {font:12px  !important;}  这里select是选择符，根据情况更换。第二句是MAC上safari浏览器独有的。  　　仅IE7与IE5.0可以识别  　　*+html  select {…} 当面临需要只针对IE7与IE5.0做样式的时候就可以采用这个HACK。  　　仅IE7可以识别  　　*+html  select {…!important;} 当面临需要只针对IE7做样式的时候就可以采用这个HACK。  　　IE6及IE6以下识别  　　* html  select {…} 这个地方要特别注意很多博客都写成了是IE6的HACK其实IE5.x同样可以识别这个HACK。其它浏览器不识别。html >body  select {…} 这句与上一句的作用相同。  　　仅IE6不识别，屏蔽IE6  　　select { display :none;} 这里主要是通过CSS注释分开一个属性与值，注释在冒号前。  　　仅IE6与IE5不识别，屏蔽IE6与IE5  　　select { display :none;} 这里与上面一句不同的是在选择符与花括号之间多了一个CSS注释。不屏蔽IE5.5  　　仅IE5不识别，屏蔽IE5  　　select {…} 这一句是在上一句中去掉了属性区的注释。只有IE5不识别，IE5.5可以识别。  　　盒模型解决方法  　　selct {width:IE5.x宽度; voice-family :"\"}\""; voice-family:inherit; width:正确宽度;} 盒模型的清除方法不是通过!important来处理的。这点要明确。   　　清除浮动  　　select:after {content:"."; display:block; height:0; clear:both; visibility:hidden;} 在Firefox中，当子级都为浮动时，那么父级的高度就无法完全的包住整个子级，那么这时用这个清除浮动的HACK来对父级做一次定义，那么就可以解决这个问题。  　　截字省略号  　　select { -o-text-overflow:ellipsis; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; } 这个是在越出长度后会自行的截掉多出部分的文字，并以省略号结尾，很好的一个技术。只是目前Firefox并不支持。  　　只有Opera识别  　　@media all and (min-width: 0px){ select {……} } 针对Opera浏览器做单独的设定。  　　以上都是写CSS中的一些HACK，这些都是用来解决局部的兼容性问题，如果希望把兼容性的内容也分离出来，不妨试一下下面的几种过滤器。这些过滤器有的是写在CSS中通过过滤器导入特别的样式，也有的是写在HTML中的通过条件来链接或是导入需要的补丁样式。 　　IE5.x的过滤器，只有IE5.x可见  　　@media tty {i{content:"\";}} @import 'ie5win.css'; 　　IE5/MAC的过滤器，一般用不着    　　IE的if条件Hack  　　<!--[if IE]> Only IE <![endif]--> 所有的IE可识别<!--[if IE 5.0]> Only IE 5.0 <![endif]-->只有IE5.0可以识别<!--[if gt IE 5.0]> Only IE 5.0+ <![endif]-->IE5.0包换IE5.5都可以识别<!--[if lt IE 6]> Only IE 6- <![endif]-->仅IE6可识别<!--[if gte IE 6]> Only IE 6/+ <![endif]-->IE6以及IE6以下的IE5.x都可识别<!--[if lte IE 7]> Only IE 7/- <![endif]--> 仅IE7可识别 Read More »

英文原文来自Smashing Magazine。由笨活儿翻译。转载请注明出处。 正则表达式(Regular Expression, abbr. regex) 功能强大，能够用于在一大串字符里找到所需信息。它利用约定俗成的字符结构表达式来发生作用。不幸的是，简单的正则表达式对于一些高级运用，功能远远不够。若要进行筛选的结构比较复杂，你可能就需要用到高级正则表达式。 本文为您介绍正则表达式的高级技巧。我们筛选出了八个常用的概念，并配上实例解析，每个例子都是满足某种复杂要求的简单写法。如果你对正则的基本概念尚缺乏了解，请先阅读这篇文章，或者这个教程，或者维基条目。 这里的正则语法适用于PHP，与Perl兼容。 1. 贪婪/懒惰 所有能多次限定的正则运算符都是贪婪的。他们尽可能多地匹配目标字符串，也就是说匹配结果会尽可能地长。不幸的是，这种做法并不总是我们想要的。因此，我们添加“懒惰”限定符来解决问题。在各个贪婪运算符后添加“?”能让表达式只匹配尽可能短的长度。另外，修改器“U”也能惰化能多次限定的运算符。理解贪婪与懒惰的区别是运用高级正则表达式的基础。 贪婪操作符 操作符 * 匹配之前的表达式零次或零次以上。它是一个贪婪操作符。请看下面的例子： preg_match( '/.*< \/h1>/', '这是一个标题。 这是另一个。', $matches ); 句点(.)能代表除换行符外的任意字符。上面的正则表达式匹配 h1 标签以及标签内的所有内容。它用句点(.)和星号(*)来匹配标签内的所有内容。匹配结果如下： 这是一个标题。这是另一个。 整个字串都被返回。* 操作符会连续匹配所有内容—— 甚至包括中间的 h1 闭合标签。因为它是贪婪的，匹配整个字串是符合其利益最大化原则。 懒惰操作符 把上面的式子稍作修改，加上一个问号(?)，能让表达式变懒惰： /.*?< \/h1>/ 这样它会觉得，只需匹配到第一个 h1 结尾标签就完成任务了。 另一个有着类似属性的贪婪操作符是 {n,} 。它代表之前的匹配模式重复n次或n次以上，如果没有加上问号，它会寻找尽可能多的重复次数，加上的话，则会尽可能少重复（当然也就是“重复n次”最少）。 # 建立字串 $str = 'hihihi oops hi'; # 使用贪婪的{n,}操作符进行匹配 preg_match( '/(hi){2,}/', $str, $matches ); # matches[0] ...Read More »