手机浏览 RSS 2.0 订阅 膘叔的简单人生 , 腾讯云RDS购买 | 超便宜的Vultr , 注册 | 登陆
浏览模式: 标准 | 列表全部文章

看上去不错：Chrome 扩展 Monster

Submitted by gouki on 2010, May 5, 9:19 PM

一直以来，我都是使用着firefox而不是chrome，虽然chrome的速度明显要比firefox快很多，但我还是使用着firefox，那是因为ff上面有很多插件是chrome没有的，比如firebug,yslow,scrapbook,readitlater,searchstatus等。但alipay uED居然推出了一款chrome上的插件，类似于yslow，让人感觉很意外，从图片上看，感觉不错：

Monster 是 Alipay UED 推出的网站代码分析、质量检测及评分的浏览器扩展，它能智能分析CSS、JS、HTML内容并生动形象展示网页得分情况(类似YSlow)。它是一个开源 项目，您可以在GoogleCode中心检出MonsterForChrome项目源代码。不久会推出Firefox版扩展。

大小: 80.48 K 尺寸: 499 x 355 浏览: 1933 次 点击打开新窗口浏览全图

Monster主要检测规则：

  1. 检测是否有重复ID的标签；
  2. 检测是否使用内联标签嵌套块级标签，如a嵌套div；
  3. 检测https协议页面，是否使用了http协议的图片、JS、CSS等；
  4. 检测compatMode、doctype是否出错；
  5. 检测是否使用了HTML5不再支持的标记，如font,s,u等；
  6. 检测标签是否正确关闭；
  7. 检测CSS、JS、background-image文件是否为404；
  8. 检测CSS、JS文件是否重复调用；
  9. 检测是否引用过多外部JS、CSS文件；
  10. 检测CSS、JS、HTML是否压缩；
  11. 检测CSS样式表是否使用了CSS expression；
  12. 检测Cookie是否超过30KB；
  13. 检测是否有form标签嵌套form标签；
  14. 检测是否直接在标签里定义JS事件，如<a href=http://www.google.org.cn/posts/”#” onclick=”…”>link</a>；
  15. 检测<meta charset=”utf-8″ />是否为<head>第一个子标签；
  16. 检测一个<form>标签内部是否出现二个input[type=submit]标签；
  17. 检测是否在<form>标签中使用了 id=”submit” 的标签；
  18. 检测是否将<style>块放置在</head>前面；
  19. 检测是否将<script>块放置在</body>前面；
  20. 检测<img>标签是否指定alt属性；
  21. 检测是否为input[text]指定label；
  22. 检测网页编码是否为gbk或utf-8；
  23. 检测是否使用了@import导入样式表；
  24. 如果CSS、JS指定 类似于“?t=20100405”时间戳，则自动输出最后修改时间，方便对比；
  25. 如果background-image超过6个，则提示所有背景图片及大小，超过30KB，标红显示；

Monster评分规则：

Monster是根据问题解决难易程度、性能提升程度、可用性提升程度以及维护性提升程度来综合评分的。具体，请下载 Monster评分算法.xls

下载Monster。

我没有试用过，不知道具体如何，我只能说，看上去真的很不错。而且，用上面的话来说，他们很快就会推出firefox版本，我又何必试呢？

Tags: chrome, yslow, firefox, monster, alipay

Software | 评论:2 | 阅读:24977

Yii 笔记二

Submitted by gouki on 2010, May 5, 1:54 PM

Yii的用户登录，如果不算上权限的话，恐怕真的是很简单的登录。
简单的判断，简单的处理一下就完事了。
但我今天还真的被简单的折腾了一下。
User登录，需要写几个地方
1、components目录下的UserIdentity.php中，需要加一个判断用户的方法，返回errorCode，当然没有错的话就返回0,这是常用ERROR_NONE
2、model目录下的loginForm，里面有简单的判断处理，如果登录成功，调用CWebUser中的login方法。起初的时候，我一直没找到Yii::app()->user是哪个类。。
3、由于Yii::app()->user->login方法的特殊性，因此，必须要在UserIdentity.php中设定好getId,getName,和states变量。当然最简单的就是判断是否取到用户数据，如果取到的话，直接$this->setPersistentStates($usermodel->getAttributes());如果没有id,name的变量，那么即使你登录了，还是会显示没有登录的。我就是在这里被折腾了好久。

over。。。

Tags: yii, 重构

PHP Framework | 评论:2 | 阅读:23502

初用Yii

Submitted by gouki on 2010, May 5, 10:54 AM

Yii是在iorange的推荐下使用的，这两天我才刚刚在使用。做点笔记而己，没有其他

1、就象我在neatcn.com写的，创建项目非常简单，yii.bat这个命令就可以完成了。详细就在http://www.neatcn.com/show-57-1.shtml

2、项目目录中components中的文件，会在autoload中被引用，也只有这一个目录下的会被autoload，其他的都是有固定规范的。（不知道有没有理解错）

3、model目录下居然是tablemodel和form两种的集合，有点乱（官方的例子是这样的），不过想着form的validation也是用tablemodel来完成的，又能够理解这种做法，普通的tablemodel类继承cActiveRecord。

4、Controllers目录下是控制类，默认是SiteController，和其他框架默认是indexController有点不一样。继承自CController类。controller类中有一个layout的变量，可以设定layout。一般可以手工指定，如果同一个类里有不同的layout，估计还是要写个方法才行

5、Model的activeRecord返回的是对象，而不是象其他框架默认返回数组，因此取集合时要用getAttributes方法，当然，如果是只有一条数据，也可以直接$model->fieldname这样的方式来获取值 。

才学了这么一点，慢慢来吧。。重构路是漫长的。

Tags: yii, 重构

PHP Framework | 评论:0 | 阅读:20159

关于godaddy优惠的一点郁闷

Submitted by gouki on 2010, May 4, 10:09 PM

众所周知，godaddy是国外最早支持支付宝的域名销售商，当然它是支持paypal的，而我正好paypal里还有不少的美金，因此我就想在godaddy上买点域名玩玩啥的。

当我选好域名后，发现付款选项里果然有paypal和支付宝。OK，于是我选择了一个优惠码，优惠比率比较高大约为40%，可是接下来让我郁闷我的事情发生了，在使用了优惠码后，paypal不能用了，支付宝也不能用了，只能使用信用卡。

所幸我的信用卡是双币的，买了个qqapi.com域名，也算是简单的投资吧。

至此，我现在手里关于api的域名就有了好几个，朋友说我成了api控了。

ucapi.com，tbapi.com,aliapi.cn,tbapi.cn，qqapi.com，大约就这么几个了。

其中ucapi.com是算正式运营着的。其他四个都是没有使用。

Tags: godaddy, 优惠, 支付宝, paypal, 信用卡

Misc | 评论:0 | 阅读:20208

JS:截取文章一部分显示(无损html)

Submitted by gouki on 2010, May 4, 11:23 AM

很多做站的朋友都会有一个问题，在显示摘要的时候，如果摘要前有很多图片，那么显示出来的页面是不太正常的。比如，摘要显示100个字符，可是如果前面有很多图片，去掉图片代码后，100个字符已经几乎用完了。怎么办？
我个人是这样处理的。在PHP中，先用strip_tags去除内容中的标签，然后trim一下，再进行截取。这样的话就几乎没有什么问题了。
而这篇文章就有点意思，用作者的话来说，是无损html。来吧看看他写的内容。

最近在做一些内容搜索的工作，搜索出来的内容为html格式，列表部分需要显示每项内容的一部分。因为是html格式的内容，直接截取内容的前多少字符显 然不合适了。而如果直接去掉所有html格式然后再截取又无法达到想要的效果，再网上搜了一通之后，写下如下代码应该可以满足基本的要求了。(js写的， 因为容易调试)

JavaScript代码
  1. var br = {};  
  2. br.spTags = ["img","br","hr"];/*不需要成对出现的标记*/  
  3. br.contain = function(arr,it){  
  4.     for(var i=0,len=arr.length;i<len;i++){  
  5.         if(arr[i]==it){  
  6.             return true;      
  7.         }  
  8.     }  
  9.     return false;  
  10. }  
  11. br.subArtc = function(article,worldNum){  
  12.     var result = [];  
  13.     /*首先截取需要的字串*/  
  14.     var wcount = 0;  
  15.     var startTags = [],endTags = [];  
  16.     var isInTag = false;  
  17.     for(var i=0,len=article.length;i<len;i++){  
  18.         var w = article[i];  
  19.         result.push(w);  
  20.         if(w=="<"){  
  21.             isInTag = true;      
  22.         }  
  23.         if(!isInTag){  
  24.             wcount++;  
  25.             if(wcount==worldNum){  
  26.                 break;      
  27.             }  
  28.         }  
  29.         if(w==">"){  
  30.             isInTag = false;      
  31.         }  
  32.     }  
  33.     /*对字串进行处理*/  
  34.     var j=0;  
  35.     isInTag = false;  
  36.     var isStartTag = true;  
  37.     var tagTemp = "";  
  38.     while(j<i){  
  39.         w = result[j];  
  40.         if(isInTag){  
  41.             if(w==">" || w==" " || w=="/"){  
  42.                 isInTag = false;  
  43.                 if(isStartTag){  
  44.                     startTags.push(tagTemp);      
  45.                 }else{  
  46.                     endTags.push(tagTemp);      
  47.                 }  
  48.                 tagTemp = "";  
  49.             }  
  50.             if(isInTag){  
  51.                 tagTemp+=w;      
  52.             }  
  53.         }  
  54.         if(w=="<"){  
  55.             isInTag = true;  
  56.             if(result[j+1]=="/"){  
  57.                 isStartTag = false;  
  58.                 j++;  
  59.             }else{  
  60.                 isStartTag = true;      
  61.             }  
  62.         }  
  63.         j++;  
  64.     }  
  65.     /*剔除img,br等不需要成对出现的标记*/  
  66.     var newStartTags = [];  
  67.     for(var x=0,len=startTags.length;x<len;x++){  
  68.         if(!br.contain(br.spTags,startTags[x])){  
  69.             newStartTags.push(startTags[x]);  
  70.         }  
  71.     }  
  72.     /*添加没有的结束标记*/  
  73.     var unEndTagsCount = newStartTags.length - endTags.length;  
  74.     while(unEndTagsCount>0){  
  75.         result.push("<");  
  76.         result.push("/")  
  77.         result.push(newStartTags[unEndTagsCount-1]);  
  78.         result.push(">");  
  79.         unEndTagsCount--;  
  80.     }  
  81.     return result.join("");  
  82. };  

基本思路：

1.绕过标记，取得实际内容字数 ，如需要显示内容前100个字，绕过标记检索，得到第一百个字实际的索引。然后截取此索引前面的字串。
2.根据一得到的字串，得到这个字串中存在的开始标记和结束标记。注：此处的开始标记标识以"<"开通，且下一个字符不为"/"。
3.剔除2中 得到的开始标记中的不需要成对出现的标记。如br,img,hr等。
4.对比经过3处理的开始标记和2中得到的结束标记，没有配成对的在合适的位置为其配对。

此功能没有经过严格的测试，大家若有兴趣可以可以帮忙测试，有更好的想法的也可以回帖讨论。 

--EOF--http://www.cnblogs.com/bravfing/archive/2010/05/02/1725924.html

我没有用PHP的试过，因为在PHP中本身对多字节的支持就不是特别的好不象js，认为中文就是一个字符。不过思路可以考虑一下，但真正要显示摘要的话，当然还是不要含 HTML代码，因为那可能会影响页面布局。

 

Tags: substr, html, 页面布局

Javascript | 评论:3 | 阅读:25315

Records:3099«‹363364365366367368369370371372›»