http://wlog.com.cn 专注于研究网页标准和用户体验! Sun, 18 Jul 2010 03:29:22 +0000 http://wordpress.org/?v=2.9.2 en hourly 1 http://wlog.com.cn/soft/macvim.html http://wlog.com.cn/soft/macvim.html#comments Fri, 16 Jul 2010 15:41:21 +0000 永远的冰点 http://wlog.com.cn/?p=1787 http://wlog.com.cn/soft/macvim.html/feed 0 http://wlog.com.cn/soft/mac_soft.html http://wlog.com.cn/soft/mac_soft.html#comments Mon, 05 Jul 2010 12:28:13 +0000 永远的冰点 http://wlog.com.cn/?p=1754 http://wlog.com.cn/soft/mac_soft.html/feed 2 http://wlog.com.cn/diary/my_avatar.html http://wlog.com.cn/diary/my_avatar.html#comments Sun, 06 Jun 2010 12:46:12 +0000 永远的冰点 http://wlog.com.cn/?p=1741 http://wlog.com.cn/diary/my_avatar.html/feed 1 http://wlog.com.cn/xhtml/connections-every-domain.html http://wlog.com.cn/xhtml/connections-every-domain.html#comments Tue, 18 May 2010 15:05:19 +0000 永远的冰点 http://wlog.com.cn/?p=1730 http://wlog.com.cn/xhtml/connections-every-domain.html/feed 0 http://wlog.com.cn/xhtml/ie-css3.html http://wlog.com.cn/xhtml/ie-css3.html#comments Sat, 01 May 2010 05:42:29 +0000 永远的冰点 http://wlog.com.cn/?p=1722 http://wlog.com.cn/xhtml/ie-css3.html/feed 2 http://wlog.com.cn/jquery/switch-style.html http://wlog.com.cn/jquery/switch-style.html#comments Sat, 03 Apr 2010 14:12:12 +0000 永远的冰点 http://wlog.com.cn/?p=1699 </script> <script type="text/javascript" src="js/skin.js" ></script> js代码： /* 用法： swichStyle(styleId,swichId,stylePath); 参数说明： styleId : <link rel="stylesheet" type="text/css" href="css/default.css" id="skin" /> 中的id swichId ：<ul id="switch-skin"> 切换样式列表的id stylePath :css存放的路径 */ $(document).ready(function(){ swichStyle("skin","switch-skin","css/"); }); 切换样式代码： <ul id="switch-skin"> <li id="default">skin1</li> <li id="green">skin2</li> <li id="blue">skin3</li> </ul> 演示地址：http://wlog.com.cn/code/jquery/switch-style/demo.html 下载地址：switch-style下载 ]]> http://wlog.com.cn/jquery/switch-style.html/feed 4 http://wlog.com.cn/linux/linux-memcache-wordpress.html http://wlog.com.cn/linux/linux-memcache-wordpress.html#comments Mon, 08 Mar 2010 15:14:48 +0000 永远的冰点 http://wlog.com.cn/?p=1629 秒钟有 < ?php echo get_num_queries(); ?> 查询次数是不是减少了？ enjoy it! ]]> http://wlog.com.cn/linux/linux-memcache-wordpress.html/feed 1 http://wlog.com.cn/linux/linux-memcache-install.html http://wlog.com.cn/linux/linux-memcache-install.html#comments Mon, 08 Mar 2010 14:53:32 +0000 永远的冰点 http://wlog.com.cn/?p=1598 http://wlog.com.cn/linux/linux-memcache-install.html/feed 0 http://wlog.com.cn/diary/xian-dayanta-zhuapai.html http://wlog.com.cn/diary/xian-dayanta-zhuapai.html#comments Mon, 22 Feb 2010 12:46:35 +0000 永远的冰点 http://wlog.com.cn/?p=1665 http://wlog.com.cn/diary/xian-dayanta-zhuapai.html/feed 0 http://wlog.com.cn/jquery/jquery-lightbox.html http://wlog.com.cn/jquery/jquery-lightbox.html#comments Wed, 25 Nov 2009 03:59:16 +0000 永远的冰点 http://wlog.com.cn/?p=1354 http://wlog.com.cn/jquery/jquery-lightbox.html/feed 5 http://wlog.com.cn/soft/javascript-tools.html http://wlog.com.cn/soft/javascript-tools.html#comments Fri, 16 Oct 2009 13:20:45 +0000 永远的冰点 http://wlog.com.cn/?p=1337 http://wlog.com.cn/soft/javascript-tools.html/feed 10 http://wlog.com.cn/soft/clear-css.html http://wlog.com.cn/soft/clear-css.html#comments Fri, 09 Oct 2009 12:44:19 +0000 永远的冰点 http://wlog.com.cn/?p=1333 处理指令、@import语句等方式引入的样式文件；(但是不支持页面中的style块和内联样式) 支持IE条件注释中引入的样式文件； 可以检查一个页面，也可以检查整个网站； 支持CSS1选择器、大部分CSS2和CSS3选择器； 理解通用的CSS hack，比如 “* html #fuck-ie”将会被认为是”html #fuck-ie”； 支持Firefox 3.5和Firefox 3.0，事实上得益于FF 3.5的js引擎的改进，FF 3.5中的性能比FF 3.0要高50%。 安装：点击这里。了解更多请访问 Dust-Me selector官方页面。 Page Speed Page Speed是Google提供的一个前端性能分析工具，有些类似于YSlow，但是提供了一些比较个性且很有用的工具，比如Remove unused CSS. Page Speed和YSlow一样依赖Firebug，了解详情和安装请访问这里。 CSS Redundancy Checker CSS Redundancy Checker 是一个免费的在线应用，可以检查所有的使用某个CSS文件的页面中无用的样式。可以同时检查某一个样式在多个页面中的使用情况。该工具的不足是虽然一次能检查多个HTML页面，但每次只能检查一个CSS文件，而且还要手动输入 http://services.immike.net/css-checker/ IntelliJ IDEA IntelliJ IDEA 这是一个颇强大的IDE，类似于DreamWeaver，不过在国内用的不多。该软件包括一个即时代码分析工具(On-the-fly Code Analysis)，可以分析CSS文件中未用到的class和id。 Expression Web Expression Web作为微软的新一代网站开发工具，还是有很多人使用的，其CSS Report功能可以检查未用到需要被清除的CSS（我的确没有使用EW开发过网站，希望使用该软件的童鞋可以帮忙确认一下这一点）。 来自：http://www.qianduan.net/ ]]> http://wlog.com.cn/soft/clear-css.html/feed 0 http://wlog.com.cn/discovery/windows-free-software.html http://wlog.com.cn/discovery/windows-free-software.html#comments Sun, 09 Aug 2009 12:09:14 +0000 永远的冰点 http://wlog.com.cn/?p=1329 http://wlog.com.cn/discovery/windows-free-software.html/feed 3 http://wlog.com.cn/javascript/jquery-select.html http://wlog.com.cn/javascript/jquery-select.html#comments Tue, 23 Jun 2009 11:19:04 +0000 永远的冰点 http://wlog.com.cn/?p=1322 <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> <title>jQuery 二级联动</title> <script src="http://wlog.com.cn/lib/jquery/jquery-1.3.2.js" type="text/javascript"></script> <script type="text/javascript"> $(document).ready(function(){ $("#province").change(function(){ $("#province option").each(function(i,o){ [...]]]> http://wlog.com.cn/javascript/jquery-select.html/feed 8 http://wlog.com.cn/javascript/code-conventions-for-the-javascript.html http://wlog.com.cn/javascript/code-conventions-for-the-javascript.html#comments Sat, 13 Jun 2009 15:40:18 +0000 永远的冰点 http://wlog.com.cn/?p=1273 应尽量放到body的后面。这样可以减少因为载入script而造成其他页面内容载入也被延迟的问题。也没有必要使用language或者type属性。MIME类型是由服务器而非scripttag来决定的。 缩进 缩进的单位为四个空格。避免使用Tab键来缩进(即使现在已经是21世纪了),也始终没有个统一的Tab长短标准。虽然使用空格会增加文件的大小,但在局域网中几乎可以忽略,且在最小化过程中也可被消除掉。 每行长度避免每行超过80个字符。当一条语句一行写不下时,请考虑折行。在运算符号,最好是逗号后换行。在运算符后换行可以减少因为复制粘贴产生的错误被分号掩盖的几率。下一行应该缩进8个空格。 注释 不要吝啬注释。给以后需要理解你的代码的人们(或许就是你自己)留下信息是非常有用的。注释应该和它们所注释的代码一样是书写良好且清晰明了。偶尔的小幽默就更不错了。记得要避免冗长或者情绪化。 及时地更新注释也很重要。错误的注释会让程序更加难以阅读和理解。 让注释有意义。重点在解释那些不容易立即明白的逻辑上。不要把读者的时间浪费在阅读类似于: i = 0; //让i等于0 使用单行注释。块注释用于注释正式文档和无用代码。 变量声明 所有的变量必须在使用前进行声明。JavaScript并不强制必须这么做,但是这么做可以让程序易于阅读,且也容易发现那些没声明的变量(它们会被编译成全局变量)。 将var语句放在函数的首部。 最好把每个变量的声明语句单独放到一行,并加上注释说明。所有变量按照字母排序。 var currentEntry; // 当前选择项 var level; // 缩进程度 var size; // 表格大小 JavaScript没有块范围,所以在块里面定义变量很容易引起C/C++/Java程序员们的误解。在函数的首部定义所有的变量。 尽量减少全局变量的使用。不要让局部变量覆盖全局变量。 函数声明 所有的函数在使用前进行声明。 内函数的声明跟在var语句的后面。这样可以帮助判断哪些变量是在函数范围内的。 函数名与((左括号)之间不应该有空格。)(右括号)与 开始程序体的{(左大括号)之间应插入一个空格。函数程序体应缩进四个空格。}(右大括号)与声明函数的那一行代码头部对齐。 function outer(c, d) { var e = c * d; [...]]]> http://wlog.com.cn/javascript/code-conventions-for-the-javascript.html/feed 3 http://wlog.com.cn/javascript/javascript-eye.html http://wlog.com.cn/javascript/javascript-eye.html#comments Wed, 10 Jun 2009 01:43:56 +0000 永远的冰点 http://wlog.com.cn/?p=1302 http://wlog.com.cn/javascript/javascript-eye.html/feed 2 http://wlog.com.cn/soft/front-development-tools.html http://wlog.com.cn/soft/front-development-tools.html#comments Sun, 31 May 2009 11:54:07 +0000 永远的冰点 http://wlog.com.cn/?p=1286 http://wlog.com.cn/soft/front-development-tools.html/feed 6 http://wlog.com.cn/jquery/jquery-password-strength.html http://wlog.com.cn/jquery/jquery-password-strength.html#comments Wed, 27 May 2009 12:06:23 +0000 永远的冰点 http://wlog.com.cn/?p=1278 </script> <script type="text/javascript" src="js/jquery.pstrength-min.1.2.js"></script> <script type="text/javascript"> $(function() { $('#user_password').pstrength(); }); </script> 3 HTML加入密码输入框，id=”user_password”: 密码：<input type="password" id="user_password" name="user_password" /> 4 css: .pstrength-minchar { font-size : 10px; } input { width:180px; height:12px; line-height:12px; padding:4px 0px; border: #cfcfcf 1px solid; color: #585858; } 演示地址 插件官方地址：Ajax Password Strength Meter Script ]]> http://wlog.com.cn/jquery/jquery-password-strength.html/feed 3 http://wlog.com.cn/javascript/javascript-konami-code.html http://wlog.com.cn/javascript/javascript-konami-code.html#comments Fri, 22 May 2009 12:03:00 +0000 永远的冰点 http://wlog.com.cn/?p=1262 http://wlog.com.cn/javascript/javascript-konami-code.html/feed 5 http://wlog.com.cn/javascript/javascript-keycode.html http://wlog.com.cn/javascript/javascript-keycode.html#comments Fri, 22 May 2009 11:33:14 +0000 永远的冰点 http://wlog.com.cn/?p=1267 http://wlog.com.cn/javascript/javascript-keycode.html/feed 11 http://wlog.com.cn/xhtml/front-development-books.html http://wlog.com.cn/xhtml/front-development-books.html#comments Tue, 19 May 2009 12:07:56 +0000 永远的冰点 http://wlog.com.cn/?p=1240 http://wlog.com.cn/xhtml/front-development-books.html/feed 1 http://wlog.com.cn/jquery/jquery-performance-optimization.html http://wlog.com.cn/jquery/jquery-performance-optimization.html#comments Wed, 13 May 2009 15:35:25 +0000 永远的冰点 http://wlog.com.cn/?p=1232 <form method=“post” action=“/”> <h2>Traffic Light</h2> <ul id=“traffic_light”> [...]]]> http://wlog.com.cn/jquery/jquery-performance-optimization.html/feed 5 http://wlog.com.cn/jquery/jquery-ui-datepicker.html http://wlog.com.cn/jquery/jquery-ui-datepicker.html#comments Wed, 13 May 2009 10:59:52 +0000 永远的冰点 http://wlog.com.cn/?p=1225 http://wlog.com.cn/jquery/jquery-ui-datepicker.html/feed 12 http://wlog.com.cn/javascript/my97datepicker.html http://wlog.com.cn/javascript/my97datepicker.html#comments Tue, 12 May 2009 11:07:06 +0000 永远的冰点 http://wlog.com.cn/?p=1212 http://wlog.com.cn/javascript/my97datepicker.html/feed 7 http://wlog.com.cn/jquery/jquery-line-color.html http://wlog.com.cn/jquery/jquery-line-color.html#comments Fri, 08 May 2009 13:01:05 +0000 永远的冰点 http://wlog.com.cn/?p=1201 <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> <title>jQuery表格隔行换色+鼠标经过时样式</title> <script src="http://wlog.com.cn/lib/jquery/jquery-1.3.2.js" type="text/javascript"></script> <script> $(document).ready(function(){ $("#mytable tr").mouseover(function(){ $(this).addClass("t_over");//鼠标移到ID为mytable的表格的tr上时，执行函数 }); $("#mytable tr").mouseout(function(){ $(this).removeClass("t_over");//移除该行的class }); $("#mytable tr:odd").addClass("t_color");//even----奇数,and odd----偶数 /* $("#mytable2").find("tr").each(function(i){ if(i%2 != 0){ $(this).addClass("t_color"); } });//each实现表格偶数行换色 */ }) </script> <style> *{margin:0px; padding:0px;} body {margin-top:20px;} table {width:600px; margin:0px auto; border-collapse:collapse; border:1px #e4e4e4 solid;} td,th {border:1px #e4e4e4 solid; text-align:center;} caption {background:#0099CC; margin:0;} .t_over {background:#cccccc;} .t_color {background:#ecf6fc; } tr,th,caption {line-height:30px;} </style> </head> <body> <table id="mytable"> <caption>这是一个表格</caption> <tr> <th>姓名</th> <th>年龄</th> [...]]]> http://wlog.com.cn/jquery/jquery-line-color.html/feed 2 http://wlog.com.cn/jquery/jquery-calendar-widget-plugin.html http://wlog.com.cn/jquery/jquery-calendar-widget-plugin.html#comments Wed, 06 May 2009 12:55:04 +0000 永远的冰点 http://wlog.com.cn/?p=1193 </script> <script type="text/javascript" src="jquery.calendar-widget.js"></script> 二，HTML部分 <div id="calendar"> <p>jQuery插件CalendarWidget日历</p> </div> 三，Javascript部分 <script> $("#calendar").calendarWidget({ month: 5, year: 2009 }); </script> 实例可知使用jQuery插件CalendarWidget日历工具实现Javascript简单日历功能非常简单，只需要配置两个参数，分别是 month月和year年，如果想显示中文，只需要修改jQuery插件CalendarWidget日历工具的JS库文件，制作一个 Javascript日历，就是这么简单。 演示地址：http://wlog.com.cn/code/jquery/jQuery-Calendar-Widget/demo.html 下载：Calendar.rar ]]> http://wlog.com.cn/jquery/jquery-calendar-widget-plugin.html/feed 4 http://wlog.com.cn/discovery/xp-theme-classic.html http://wlog.com.cn/discovery/xp-theme-classic.html#comments Thu, 23 Apr 2009 12:31:24 +0000 永远的冰点 http://wlog.com.cn/?p=1189 http://wlog.com.cn/discovery/xp-theme-classic.html/feed 0 http://wlog.com.cn/jquery/jquery-1-3-doc.html http://wlog.com.cn/jquery/jquery-1-3-doc.html#comments Mon, 13 Apr 2009 10:43:59 +0000 永远的冰点 http://wlog.com.cn/?p=1221 http://wlog.com.cn/jquery/jquery-1-3-doc.html/feed 0 http://wlog.com.cn/discovery/google-music.html http://wlog.com.cn/discovery/google-music.html#comments Sun, 05 Apr 2009 05:31:58 +0000 永远的冰点 http://wlog.com.cn/?p=1177 http://wlog.com.cn/discovery/google-music.html/feed 1 http://wlog.com.cn/soft/web-ide-list2.html http://wlog.com.cn/soft/web-ide-list2.html#comments Mon, 30 Mar 2009 12:19:23 +0000 永远的冰点 http://wlog.com.cn/?p=1164 http://wlog.com.cn/soft/web-ide-list2.html/feed 2