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的测试页面时，会显示内存不足

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

需求：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滚动条滚动加载数据控件源代码下载

需求：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数据显示插件下载

在页面中加一个随着页面滚动条滚动的小图片广告，但是却发现document.body.scrollTop这个属性在本地的时候能取到值，但是传到服务器上的时候取到的值一直不变。

解决方案
1、原来在HTML文件头部声明了这样一句：
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> 原来在此DTD下面的document.body是针对整个网页真正的body了，而document.documentElement才是真正的浏览器显示区域。

改成这样就好了：
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">

但是W3c的标准的引用，样式会发生变化。

2、将document.body.scrollTop改为document.documentElement.scrollTop
 

类推：document.body.clientHeight也改成document.documentElement.clientHeight

帖下我的简单右下角图片浮动js代码（兼容IE7,火狐，其他未测试）：

document.writeln("<div id=\"ad_DIV\" style=\"z-index:99999; left:0px;   width:200px;  position:absolute; top:20px; height:116px; \">");
document.writeln("<a href=\"http://www.blog-design.cn\"><img src=\"ad.png\" border=\"0\" width=\"200\" height=\"116\"><\/a><\/div>");
document.getElementById("ad_DIV").style.top=(document.documentElement.clientHeight-116)+"px" ;
document.getElementById("ad_DIV").style.left=(document.documentElement.clientWidth-200)+"px";
moveR();
function moveR() {
 document.getElementById("ad_DIV").style.top=(document.documentElement.clientHeight+document.documentElement.scrollTop-116)+"px";
 document.getElementById("ad_DIV").style.left=(document.documentElement.clientWidth+document.documentElement.scrollLeft-200)+"px";
 setTimeout("moveR();",80)
} 

UrlScan 3.1
UrlScan 3.1是一个安全方面的工具，微软官方的东西。它会检查所有IIS处理的HTTP请求。UrlScan 可以在有安全问题的HTTP请求到达应用程序之前就阻止这个请求。UrlScan 3.1 是UrlScan 2.5的一个升级版本，支持Windows Vista 和Windows Server 2008系统之上的IIS 5.1, IIS 6.0 和 IIS 7.0。

链接地址：http://www.iis.net/expand/UrlScan 这里还有很多非常有用的IIS扩展，可以看看。

IIS 6 SQL Injection Sanitation ISAPI Wildcard

这个ISAPI dll 也是通过检查HTTP请求避免SQL注入。只兼容windows 2003上的 IIS 6.0。对于Windows XP 上的 IIS 5 不支持。

这是一个开源项目：http://www.codeplex.com/IIS6SQLInjection

jquery.drag.arain.js
// JavaScript Document
// arain
// 2009 03 03
// div drag
var listZIndex = 100;
(function($){
$.fn.Drags= function(options){

        var lastMouseX = 0;
        var lastMouseY = 0;

        var defaults = {
            posx : 0,
            posy : 0,
            handle: this,
      draggable: true
        };
       
        var options = $.extend(defaults, options);
       
     var setFocus = function($obj){
         $obj.css("z-index",listZIndex++);
     };
    
     var move = function($obj, x, y){
         $obj.attr("lastX",x)
          .attr("lastY",y)
          .css("left", x)
             .css("top", y);
     };

     var dragging = function(e, $obj){
         if(options.draggable){
      e = e ? e : window.event;
         var newx = parseInt($obj.css("left")) + (e.clientX - lastMouseX);
            var newy = parseInt($obj.css("top")) + (e.clientY - lastMouseY);
         lastMouseX = e.clientX;
         lastMouseY = e.clientY;
      
         move($obj,newx,newy);
      }
     };
     
     $(options.handle).bind('mousedown', function(e){
         $obj = $(e.target).parent();
      setFocus($obj);
      
         if($obj.attr("state") == "normal"){
             e = e ? e : window.event;
          lastMouseX = e.clientX;
          lastMouseY = e.clientY;
         
          $(document).bind('mousemove', function(e){
           dragging(e, $obj);
          });
         
       
          $(document).bind('mouseup', function(e){
        $(document).unbind('mousemove');
        $(document).unbind('mouseup');
          });
       
         }
        });
     
     move($(this),options.posx,options.posy);
     $(this).attr("state","normal");
 
}})(jQuery);

调用：在页面的

 $(document).ready(function(){// drag move
 $("#UserList").Drags({
     posx:50,
     posy:50,
     handle:"#UserList",
     draggable:true
 });});

呵呵，这样一个插件就写好了。

http://bloggingabout.net/blogs/ramon/archive/2007/06/18/in-search-for-the-fastest-ilist-to-ilist-lt-t-gt-conversion.aspx

I was yet again busy with a generic data layer. I like type safety as it provides compile time safety instead of run-time. The current released Db4o build (6.1) does not support type safe result list thus I had a need to convert these. My first approach was to just do a foreach like the following example:

Conversion one 

        public static System.Collections.Generic.IList<T> Convert1<T>(
            System.Collections.IList source
            )
        {
            System.Collections.Generic.IList<T> result = new System.Collections.Generic.List<T>(source.Count);
            foreach (T o in source)
                result.Add(o);
            return result;
        }
 

But after I had this working I thought that this could be slow and that another solution was probably faster. I did a quick google search and ended up at a post of Bil Simser. There I saw some approaches in the comments but without additional information about its performance. So I made a little performance test where I tested not only the first example but also two others:

Conversion two 

        public static System.Collections.Generic.IList<T> Convert2<T>(
            System.Collections.IList source
            )
        {
            System.Collections.ArrayList list = new System.Collections.ArrayList(source);
            return new List<T>(list.ToArray(typeof(T)) as T[]);
        }
 

 
Conversion three 

        public static System.Collections.Generic.IList<T> Convert3<T>(
            System.Collections.IList source
            )
        {
            T[] output = new T[source.Count];
            source.CopyTo(output, 0);
            return output;
        }
 

After creating an ArrayList I initialized it with 20.000.000 instances of my test class and then converted it to a type-safe IList<T>. After running it several times with no load on my system I got the following results:

Conversion one : ~2175ms
Conversion two : ~ 884ms
Conversion three : ~133ms

So my "vingerspitsgevoel" was right again! What amazes me is that the conversions timings are so far apart. At first I didn't think that the second conversion would differ that much compared with the first but I think the .ToArray(..) method has CLR optimizations just as .CopyTo(..) method in the third example. The third conversion is more then 16 times faster then the first and even more then 6,5 times faster then the second.

The third conversion is even faster with much smaller arrays and lists (200.000 items). Then it is ~26 times faster then the first and ~7 times faster then the second conversion. I did this test on a Intel 3GHz D processor with 2GB of RAM on Windows XP Pro with the .net 2.0 framework.
 

So if you were searching for (probably the fastest) ArrayList / IList to IList<T> conversion then you have found it. I immediately added the third conversion method to my personal framework code and I suggest that you do to after seeing these results.

有一些第三方的IDE辅助工具，可以为我们生成一些代码，减少工作量。例如，Assist X就是一款很值得推荐的工具，使用其提供的Encapsulate Field功能，可以很方便地将一个类地编写封装为属性。

我今天需要介绍的如何使用Visual Studio 2005 IDE中自带的宏实现类似的功能。

打开Visual Studio 2005 IDE，选择“工具” > "宏" > “宏 IDE”，选择“添加模块”。例如，我是在MyMacros项目中新增了一个EditorHelper模块，代码如下：

我定义了两个Public方法：EncapsulateField和EncapsulateAllFields，分别用于为类的一个变量封装属性，或者为类中所有的变量（非静态）封装属性。

使用上面的宏的方法很简单，选择“工具”>“宏”>“宏资源管理器”就可以看到我们已经创建的宏方法，如下图所示：


假如你已经编写了这样一段代码：
 

将光标移到“_name”变量上，然后双击“EncapsulateField”宏，就运行了该宏。运行后，你可以得到这样的代码：
 

可以看到“EncapsulateField”宏已经为private string _name;创建了相应的属性。
EncapsulateAllFields宏只需要将光标放在Person类的代码区域中，就可以正常执行。例如针对上面的代码，EncapsulateAllFields后可以为Person类中的每一个变量都生成相应的属性。（注：上面的代码中Name属性已经有定义，所有试图再添加Name属性时会抛出异常，在EncapsulateAllFields宏定义中，已经将该异常吃掉，所以，可以正确地为所有变量生成属性）。运行后的代码如下：
 

在确认上面的宏可以正确运行的情况下，我们还可以为其定义快捷键，进一步提高我们的工作效率。
在Visual Studio 2005 IDE中选择“工具” > “选项”

在“选项”对话框中选择“环境”>“键盘”。
在【显示命令包含】中输入Encap...，可以帮你快速定位到相应的宏命令；
【新快捷键用于】选项中选择“文本编辑器”；
激活【按快捷键】输入框，选择你所希望的快捷键，例如我这里为EncapsulateField定义的快捷键为“Ctrl + `”，为EncapsulateAllFields定义的快捷键为“Ctrl + Shift + `”
点击分配按钮

你就可以在文本编辑器中尽情享用宏给你带来的方便。


补充在Visual Studio 2003中使用的宏：
Visual Studio 2003 IDE与Visual Studio 2005 IDE在处理上稍微有些不一致的地方，需要做如下的调整：
 

另外，在2003中使用EncapsulateAllFields的宏时，也需要注意一点：在使用时，光标的应该停留在类定义的空白位置，否则使用Dim codeClass As CodeClass = CType(codeElement, CodeClass)方法不能正确获取到类对象（例如，如果光标在构造函数里，获取到的是构造函数对象，这点与2005还是有所区别的）。


参考：
《用Visual Studio 2005创建宏代码生成器》：转载太多，已经不知道原出处