1. 手机网页编码需要遵循什么规范？
   遵循XHTML Mobile Profile规范（WAP-277-XHTMLMP-20011029-a.pdf），简称为XHTML MP，也就是通常说的WAP2.0规范。 XHTMLMP是为不支持XHTML的全部特性且资源有限的客户端所设计的。它以XHTML Basic为基础，加入了一些来自XHTML 1.0的元素和属性。这些内容包括一些其他元素和对内部样式表的支持。和XHTML Basic相同，XHTML MP是严格的XHTML 1.0子集。
2. 网页文档推荐使用扩展名？
   推荐命名为xhtml，按WAP2.0的规范标准写成html/htm等也是可以的。但少数手机对html支持的不好。
3. 为什么现今大多数的网站一行字数上限为14个中文字符？
   由于手持设备的特殊性，其页面中实际文字大小未必是我们在CSS中设定的文字大小，尤其是在第三方浏览器中。例如Nokia5310，其内置浏览器 页面内文字大小与CSS设定相符，但是第三方浏览器OperaMini与UCWEB页面内文字大小却大于CSS设定。经测试，其文本大概在16px左右。 假如屏幕分辨率宽度为240px，去除外边距，那么其一行显示14个字以内，是比较保险（避免文本换行）的做法。
4. 使用WCSS还是CSS？
   WCSS (WAP Cascading Style Sheet 或称 WAP CSS)是移动版本的CSS样式表。它是CSS2的一个子集，去掉了一些不适于移动互联网特性的属性，并加入一些具有WAP特性的扩展（如-wap-input-format/-wap-input-required/display:-wap-marquee等）。 需要留意的是，这些特殊的属性扩展并不是很实用，所以在实际的项目开发当中，不推荐使用WCSS特有的属性。
5. 避免空值属性
   如果属性值为空，在web页面中是完全没有问题的，但是在大部分手机网页上会报错。
6. 网页大小限制
   建议低版本页面不超过15k，高版本页面不超过60k。
7. 用手机模拟器和第三方手机浏览器的在线模拟器来测试页面是不是靠谱？
   有条件的话，我们当然建议在手机实体上进行测试，因为目标客户群的手机设备总是在不断变化的，这些手机模拟器通常不能完全正确的模拟页面在手机上的显示情况，比如图片色彩，页面大小限制等就很难再模拟器上测试出来。当然，一些第三方手机浏览器的在线模拟器还是可以进行测试的，第三方浏览器相对来说受手机设备的影响较小。

注意：以下所说的“大多数”是指在我们测试过的机型中，发生此类状况的手机占比达50%及以上，“部分”为20%到50%；“少数”为20%及以下。而这个概率也仅仅只限于我们所测试过的机型，虽然我们采集的样本尽量覆盖各种特征的手机，但并不代表所有手机的情况。

XHTML部分

大多数手机不支持的：

• 表单元素的“disable”属性

部分手机不支持的：

• “button”标签
• “input[type=file]“标签
• “iframe”标签。

虽然只有部分手机不支持这几个标签，但因为这些标签在页面中往往具有非常重要的功能，所以属于高危标签，要谨慎使用。

少数手机不支持的：

• “select”标签：该标签如果被赋予比较复杂的CSS属性，可能会导致显示不正常，比如”vertical-align:middle”。

CSS部分

大部分手机不支持的：

• “font-family”属性：因为手机基本上只安装了宋体这一种中文字体；
• “font-family:bold;”：对中文字符无效，但一般对英文字符是有效的；
• “font-style: italic;”：同上；
• “font-size”属性：比如12px的中文和14px的中文看起来一样大，当字符大小为18px的时候你也许能看出来一些区别；
• “white-space/word-wrap”属性：无法设置强制换行，所以当你网页有很多中文的时候，需要特别关注不要让过多连写的英文字符撑开页面；
• “background-position”属性：但背景图片的其他属性设定是支持的；
• “position”属性；
• “overflow”属性；
• “display”属性；
• “min-height”和”min-weidth”属性；

部分手机不支持的：

• “height”属性：对”height”的支持不太好，奇怪的是在我们的测试当中，仅仅只有很少部分手机不支持”width”属性；
• “pading”属性
• “margin”属性：更高比例的手机不支持”margin”的负值。

少数手机不支持的：

• 少数手机对CSS完全不支持；

JavaScript部分

这部分测试相对不那么让人抓狂，要么干脆不支持，如果支持的话，对基本的dom操作、事件等支持度都还不错。但我们没有测试过很复杂的脚本。

在我们测试过的手机当中，支持（包括不完全支持）JavaScript的手机比例大约在一半左右，当然，对于我们来说，最重要的不是这个比例，而是要如何做好JavaScript的优雅降级。

其他

• 部分手机不支持png8和png24，所以尽量使用jpg和gif的图片
• 另外对于平滑的渐变等精细的图片细节，部分手机的色彩支持度并不能达到要求，所以慎用有平滑渐变的bar设计
• 部分手机对于超大图片，既不进行缩放，也不显示横下滚动条
• 少数手机在打开超过20k的测试页面时，会显示内存不足

jQuery EasyUI为我们提供了大多数UI控件的使用，如：combobox（下拉框），menu（菜单），dialog（对话框），tabs（选项卡），tree（层级菜单树），window（弹窗）等等, message（消息框）等很多。

有兴趣的可以到jQuery EasyUI官网：http://jquery-easyui.wikidot.com 去看看，经我再.NET项目中使用后，发现所有插件都能于ASP.NET完整整合在一起，真的妙不可言。有时间，我也写下这些插件.net中的使用心得吧。

功能：通过输入关键词查找相关关键词 --> 再进一步通过查出的关键词来寻找该词的关键词 （由于利用C#查询字符串的方式写出来的东西速度太慢，这里只深入一步搜索）

界面：

注：相关级别为0表示为输入的关键词，为1表示为级别0的相关关键词一次类推。

希望对大家寻找长尾词的有点帮助，可以说算个小小的SEO软件把，或许成为小批量搜寻百度google相关关键词软件

下面是软件地址：

百度谷歌相关关键词批量搜索工具下载

不过没办法，项目需要这些玩意儿，我们还得加上，再加上最近做银行的玩意儿，说起来算是需要安全性较好，这样的细节也得搭上。

废话说了一大篇，我们就来看看这段让我郁闷半个钟的CSS代码吧。这是一段可以控制网页上文字禁止选择和复制的CSS代码，兼容火狐和IE。听上去很牛X，看看代码

body{
 -moz-user-select:none;
 hutia:expression(this.onselectstart=function(){return(false)});
}

加上之后一切正常，且火狐“IE”都达到了文字禁止选择和复制的效果，IE打了个引号，那就是我使用的是IE7，而真正让人郁闷的问题是IE6，由于这段牛X的代码让IE6彻底崩溃，占领90%++的CPU。

由于我一般是用CSS给页面布局好后不会没个动作测试浏览器兼容，再加上最近很少用原版JS，都用Jquery在做事，就没实时去测试IE6等浏览器兼容了，叫项目到服务器（IE6浏览器）后，测试，发现崩溃... 一时迷茫中，使浏览器占领CPU90%++，首先想到的是JS问题，猛检查，汗到底无果...... 郁闷许久后，不得不通过回忆想象写代码的过程和查看SourceSafe中的历史记录，最终发现这段邪恶的代码。

最后奉劝大家，用到新玩意儿还是先检测一下，再利用，不然会伤很多脑细胞，搞不好会被鄙视... 这段邪恶的CSS控制文字禁止选择、复制代码大家也别用了，老老实实用JS控制吧，虽然这样控制不了

没办法由于需求下来了，只能按需求操作。网上找了很多相关控件都感觉有点庞大，占资源比较多。没办法自己花半天时间弄出个半成品自定义控件，拿出来分享下，如有高手看了请多指点。

需求：AJAX滚动滚动条加载数据的下拉列表
控件名称：Webcombo
所用技术：ASP.NET(C#)，jQuery，ASP.NET一般处理文件（.ashx）

下拉列表具体实现：用DIV模拟下拉列表，input和图片模拟下拉框。最终结果如下图

先分析下jQuery这边的插件写法吧

AJAX加载有jQuery Ajax完成
  $.ajax({
     type: options.getMethod,
     url: options.jsonUrl,
     data: params,
     success: function(data){
     if(isScroll)
      $.CreateListItem(showbox,data,options);
     else
      $.CreateBox(showbox,data,options);
     },
     complete:function(){ },
     error:function(e){
      $(options.loadBox).css('background-image','none');
      $(options.loadBox).append('<span>data connect error!'+e+'</span>');
     }

而滚动条滚动加载数据则由下拉DIV的onscroll事件完成，具体核心代码如下：

  $(showbox).scroll(function(){
   if(options.total==$(this).children("ul").children("li").length)
    return;
   
   var scrolltop=$(showbox).attr('scrollTop');
   var scrollheight=$(showbox).attr('scrollHeight');
   var windowheight=$(showbox).attr('clientHeight');
   var scrolloffset=20;
   
   $(options.loadBox).css('top',scrolltop);
   
   if(scrolltop>=(scrollheight-(windowheight+scrolloffset))&&!loading)
   {
    loading=true;
    $(options.loadBox).show();
    options.total=$(this).children("ul").children("li").length;
    $.WebComboGetData(showbox,options,true);
   }
  });

该插件的完整代码再源文件中可以找到，文件名：simulateddl.js

其实这个滚动条滚动加载数据的jQuery插件写好了就已经可以实现该功能了，只是由于项目中用到的地方比较多又无赖的将其封装到asp.net自定义控件中。之所以说半成品就是这个自定义控件自定义的有些不人性化，高手们见了望指点指点。具体代码可以下载后查看，本人不是控件制作高手，就不搬出来献丑了。有问题建议的朋友可以提出来大家讨论讨论。

asp.net+jQuery滚动条滚动加载数据控件源代码下载

据美国媒体5月31日报道，美国加利福尼亚州一名妇女因按谷歌地图的指示行走被车撞伤，上周将谷歌及肇事司机都告上了法庭。

起初粗略看到上面的新闻差点被雷到，居然这样也可以被告上法庭。后面细看菜晓得此事发生在美国，可想而知美国人法律意识之强。

如果按上面女士的思维，是否网站按百度的站长协议里的要求做站，如果百度不收录是否也可以将百度告上法庭。

值得思考。

需求：GridView显示数据，无刷新分页，无刷新排序，无刷新过滤（搜索数据），基于ASP.NET(我们这里有ashx一般处理文件来实现)。

使用到技术：asp.net2.0, jquery,css

首先写的是jquery插件方面，使用的核心函数还是jquery的ajax函数，方便快捷。

  $.ajax({
     type: p.method,
     url: p.url,
     data:param,
     success: function(msg){
    $.AddData(msg,showbox,p);
     },
     error: function(msg){$.ErrorAjax(showbox,p.errorMsg);},
     beforeSend:function(){$.AddLoading(showbox);},
     complete:function(){$.MoveLoading(showbox);}
  });

看了就这么简单的一句，jquery就是比较爽的。具体的代码请下载下面的附件查看哦。

先发张生成后结果图来看看（样式不是很好看，需要的自己掂量着修改吧）

排序和过滤功能

jquery+ashx的无刷新分页功能

其实这里除了jquery充当整个插件的主要架构外，另外一个重要的文件就是ashx这个一般处理文件啦。ashx在我整个jqueryGrid插件中输出{\n page:1,\ntotal:0,pages:1,rows:'',cols:''}这样的json代码，相信用过josn的朋友都明白。其中为了减少错误我用了一个第三方插件Newtonsoft.Json，这是格式化json字符串的JsonConvert.DeserializeObject()这个函数就是啦。

当然该功能插件之适合用于web应用程序和内部网站中，对于网站来说有些不适合，毕竟从SEO角度来讲jquery直接生成的数据是不是很好的显示方式。不多说了，大家可以看看我的代码，如果对该插件有更好的建议或者修改欢迎交流。

jquery+ashx无刷新GridView数据显示插件下载

非常暴力的名字！非常邪恶游戏名称。

今天优腾游戏网收录到一个小游戏，非常暴力，名称就是狂扁小朋友。分享下http://www.utence.com/xiaoyouxi/20100324/16439.html ，下面是游戏

操作指南：键盘控制，方向键移动，AS为轻拳重拳攻击，也可以冲刺攻击，而且还有连击哦～

更多小游戏：http://www.utence.com/xiaoyouxi/

今天是跟IAG的同事吃一顿很特殊晚餐。算是3月18日晚餐到21：20-0点的K歌吧。今天是在新公司上班的第二天，上班时带着理想，带着希望。下午下班后直接跟IAG前同事共享这顿由IAG市场部老大，我以前老大为我送行的晚餐。时才回来，由点感激，由点留恋，更有些期望。当红酒一杯杯流入我的胃，当跟同事碰杯拿一刹那，当NINI流泪的拿一瞬间，我只能心中默默的说着，IAG的同事们，我人虽离开，咱感情还在。也许IAG只是我们人生的一段小插曲，也许N年以后你看着此时的照片确叫不上名字，也许不久你就会忘记对方，但此时的插曲咱都是主角，共同演绎着这段令人回味的插曲。

在IAG市场部做了快两年，虽然往日同事之间有些车水马龙，确难掩这其中的感情。有些舍不得，确又不得不为自己的未来离去。两年来我在这里学习到很多，不论是从技术还是做人处世方面都给我人生一个很大的跨越。亲爱的同事们，谢谢你们。是你们让我度过了两年难忘的日子，我写下这篇文章，将记录你们的名字，希望以后当你们无意搜索你们名字时能够搜索到这篇文章，看到曾今的我们，看到这段人生的插曲。

	Dean 描述：高级设计师，不用说了设计很牛B，挺有才干的一个牛人。只是说我在做相册的时候放的相册太丑，没办法，哥们，兄弟我只有你这张照片可以放啊。
	Eliza 描述：我来半年的时候就离开市场部的湘潭妹子，只能说少了你办公室还真少了那么一份活跃。
	Ivy 描述：忘记您老人家中文名了美女，渲3D的哦。漂亮就不说了，地球人都知道，嘿。这东北妹子还挺会做人做事。
	James 描述：牛B平面设计师。足球五大联赛和NBA都可以谈的来，没得说 ，一个很好的球友。
	Joycy 描述：英语很牛X的又一个湖南妹子，一个在公司永远那么忙碌的人，总是能上下兼顾。我离开几天你就离开IAG了 ，祝你好运
	阿伟 描述：高级摄影师，不用说了，一直以来IAG的潮流引领人，黄色墨镜更是一道别致的风景线。最后帮我拍的照片很满意，不愧是一流摄影师。
	Liya 描述：“一口干”，最牛叉的饮酒口号，不愧巾帼不让须眉。
	Lucia 描述：不用说了，做事认真的英文高手美女，最大特点就是有貌似每天都在传新衣服，想想你衣服够多的。你也快离开IAG了，一路好运。
	Marianne 描述：菲利宾人。I am sorry, I can' t tell you that I leave IAG.
	Nini 描述：市场部设计老大，台湾Nini。您教会我很多，一声谢谢，愿您一声快乐。眼框很浅、重感情的您应该更加坚强起来，Nini很行的。
	Otto 描述：那个很招人喜欢的平面设计师，人缘总是很好。
	Sonia 描述：Web Markting的“菩提老祖”，是我一任直接上司，来IAG您给我很多帮助和指导，非常感谢。
	Steve 描述：那个无所不能的人，市场部的老大。当我挺到那欢悦的笑声时，我就会想起那个永远保持年轻心的您。
	Tom 女孩口中的阿汤哥，算是我半个老乡，说话总很文雅，还有这强大的艺术细胞。
	Wells 不用多说的，跟我一起创办优腾游戏网的伙伴，我共事过学习能力最强的程序员。嘿，深圳仔，为我们的优腾努力。
	小敬 Rachel 那个总是很体贴人的女孩，总把“真的假的”挂在嘴上的阳光女孩。
	Yuna 传说中的歌后，传说可以从K到晚，说实话歌唱的确是不错，很有川妹子风范，听着你录得歌都不知觉的成了你的FANS，比我早离开IAG一星期，一路好运。

没有Kimmy、小朱和Eric的照片。不要见怪。

嘿，亲爱的同事们，祝你们人生的路更加风顺，越过越开心。