博客园_飞猫--袁金辉

TFS无法连接的问题排查

2011-09-05T05:05:00Z

今天早上打开VS发现原来一切正常的TFS服务器始终是连接不上，提示TF31002错误，截图如下

首先想到的是TFS服务启动出现异常而启动不成功，但打开服务后发现TFS、Sql等相关的服务器都运行正常，Google后想到可能是IIS站点启动的异常，打开IIS后发现所有的站点都已停止，并非是TFS一个出现了问题，在手动启动站点时出现了如下的异常信息：

---------------------------
Internet 信息服务(IIS)管理器
---------------------------
除非 Windows Activation Service (WAS)和万维网发布服务(W3SVC)均处于运行状态，否则无法启动网站。目前，这两项服务均处于停止状态。
---------------------------
确定
---------------------------

========

在Windows服务管理里发现World Wide Web Publishing Service 服务出于停止状态，手动启动后再启动站点一切正常，VS中连接TFS也正常了，原来是World Wide Web Publishing Service 服务停止引起IIS中所有站点无法访问的原因。

本文链接

实时股票数据接口大全

2010-12-28T01:08:00Z

实时股票数据接口大全

股票数据的获取目前有如下两种方法可以获取:
1. http/javascript接口取数据
2. web-service接口

1.http/javascript接口取数据

1.1Sina股票数据接口

以大秦铁路（股票代码：601006）为例，如果要获取它的最新行情，只需访问新浪的股票数据
接口：

http://hq.sinajs.cn/list=sh601006

这个url会返回一串文本，例如：

var hq_str_sh601006="大秦铁路, 27.55, 27.25, 26.91, 27.55, 26.20, 26.91, 26.92,
22114263, 589824680, 4695, 26.91, 57590, 26.90, 14700, 26.89, 14300,
26.88, 15100, 26.87, 3100, 26.92, 8900, 26.93, 14230, 26.94, 25150, 26.95, 15220, 26.96, 2008-01-11, 15:05:32";

这个字符串由许多数据拼接在一起，不同含义的数据用逗号隔开了，按照程序员的思路，顺序号从0开始。

0：”大秦铁路”，股票名字；
1：”27.55″，今日开盘价；
2：”27.25″，昨日收盘价；
3：”26.91″，当前价格；
4：”27.55″，今日最高价；
5：”26.20″，今日最低价；
6：”26.91″，竞买价，即“买一”报价；
7：”26.92″，竞卖价，即“卖一”报价；
8：”22114263″，成交的股票数，由于股票交易以一百股为基本单位，所以在使用时，通常把该值除以一百；
9：”589824680″，成交金额，单位为“元”，为了一目了然，通常以“万元”为成交金额的单位，所以通常把该值除以一万；
10：”4695″，“买一”申请4695股，即47手；
11：”26.91″，“买一”报价；
12：”57590″，“买二”
13：”26.90″，“买二”
14：”14700″，“买三”
15：”26.89″，“买三”
16：”14300″，“买四”
17：”26.88″，“买四”
18：”15100″，“买五”
19：”26.87″，“买五”
20：”3100″，“卖一”申报3100股，即31手；
21：”26.92″，“卖一”报价
(22, 23), (24, 25), (26,27), (28, 29)分别为“卖二”至“卖四的情况”
30：”2008-01-11″，日期；
31：”15:05:32″，时间；

一个简单的JavaScript应用例子:

这段代码输出大秦铁路（股票代码：601006）的当前股价

current price:14.20

如果你要同时查询多个股票，那么在URL最后加上一个逗号，再加上股票代码就可以了；比如你要一次查询大秦铁路（601006）和大同煤业（601001）的行情，就这样使用URL：

http://hq.sinajs.cn/list=sh601003,sh601001

查询大盘指数，比如查询上证综合指数（000001）：

http://hq.sinajs.cn/list=s_sh000001

服务器返回的数据为：

var hq_str_s_sh000001="上证指数,3094.668,-128.073,-3.97,436653,5458126";

数据含义分别为：指数名称，当前点数，当前价格，涨跌率，成交量（手），成交额（万元）；

查询深圳成指数：

http://hq.sinajs.cn/list=s_sz399001

对于股票的K线图，日线图等的获取可以通过请求http://image.sinajs.cn/…./…/*.gif此URL获取，其中*代表股票代码，详见如下：

查看日K线图：

http://image.sinajs.cn/newchart/daily/n/sh601006.gif

分时线的查询：

http://image.sinajs.cn/newchart/min/n/sh000001.gif

日K线查询：

http://image.sinajs.cn/newchart/daily/n/sh000001.gif

周K线查询：

http://image.sinajs.cn/newchart/weekly/n/sh000001.gif

月K线查询：

http://image.sinajs.cn/newchart/monthly/n/sh000001.gif

1.2 Baidu&Google的财经数据
在baidu, google中搜索某只股票代码时，将会在头条显示此股票的相关信息，例如在google搜索601006时，
第一条搜索结果如下图：
通过点击左边的图片我们发现会将此图片链接到sina财经频道上，也就是说google股票数据的获取也是从sina获取。后经抓包分析，发现google也是采用1.1中介绍的接口。

Baidu的股票数据来自baidu的财经频道
http://stock.baidu.com/

1.3 其他方式
除了sina，baidu等网站提供股票信息外，其他网站也有类似的接口。我们分析了一款论坛上采用的股票插件，
其中有关于实时股票数据获取的介绍，详见如下代码，其中可以看到有些数据来自sina。
以下是ASP示例:

<%
‘==========================
‘ file: stock_getdata.asp
‘ version: 1.0.0
‘ copyright (c) czie.com all rights reserved.
‘ web: http://www.czie.com
‘==========================
   function gethttp(rurl)
   dim xml
   on error resume next
   set xml=server.createobject("Microsoft.XMLHTTP")
   xml.open "get",rurl,false
   xml.send
   if not xml.readystate=4 or not xml.status=200 or err then gethttp="":exit function
   gethttp=xml.responsetext
   set xml=nothing
   end function
   function getstockdata(code)
   ‘0=股票名称,1=开盘价格,2=昨收盘价格,3=当前价格,4=最高价,5=最低价,30,31=更新时间
   dim checkcode,stockdata,stockdatasplit
   if len(code)<5 then stockdata="0,0,0,0,0,0,0,0,0,0,0,0":exit function
   checkcode=mid(code,len(code)-5,1)
   if int(checkcode)<=4 then
   stockdata=gethttp("http://hq.sinajs.cn/list=sz"&code&"")
   if not len(stockdata)=0 then stockdata=split(stockdata,chr(34))(1)
   end if
   if int(checkcode)>=5 then
   stockdata=gethttp("http://hq.sinajs.cn/list=sh"&code&"")
   if not len(stockdata)=0 then stockdata=split(stockdata,chr(34))(1)
   end if
   if len(stockdata)=0 then
   stockdata="0,0,0,0,0,0,0,0,0,0,0,0"
   else
   stockdatasplit=split(stockdata,",") stockdata=""&exstock.checkstr(stockdatasplit(0))&","&stockdatasplit(1)&","&stockdatasplit(2)&","&stockdatasplit(3)&","&stockdatasplit(4)&","&stockdatasplit(5)&","&formatdatetime(""&stockdatasplit(30)&" "&stockdatasplit(31)&"",0)&""
   end if
   ‘0=股票名称,1=开盘价格,2=昨收盘价格,3=当前价格,4=最高价,5=最低价,6=更新时间
   getstockdata=stockdata
   end function

function getstockimg(code)
   dim rndnum,addnum,checkcode,imgsource
   if len(code)<5 then exit function
   addnum=4
   randomize:rndnum=cint(rnd*addnum)
   select case rndnum
   case 0
   getstockimg="http://www.10jqka.com.cn/curve/kline/?code="&code&""
   imgsource="http://www.10jqka.com.cn"
   case 1
   getstockimg="http://stock.jrj.com.cn/htmdata/KLINE/"&code&".png"
   imgsource="http://stock.jrj.com.cn"
   case 2
   checkcode=mid(code,len(code)-5,1)
   if int(checkcode)<=4 then
   getstockimg="http://image.sinajs.cn/newchart/daily/n/sz"&code&".gif"
   end if
   if int(checkcode)>=5 then
   getstockimg="http://image.sinajs.cn/newchart/daily/n/sh"&code&".gif"
   end if
   imgsource="http://finance.sina.com.cn"
   case 3
   getstockimg="http://hq.gazxfe.com/stockchart/realline.chart?"&code&"&1003&SZ 500 330"
   imgsource="http://hq.gazxfe.com"
   case 4
   getstockimg="http://chartse.stockstar.com/chartserver?code="&code&""
   imgsource="http://www.stockstar.com/"
   end select
   getstockimg=split(""&getstockimg&"||"&imgsource&"","||")
   end function

function getastockimg()
   dim rndnum,addnum,checkcode
   dim getastockimgb,imgsource
   addnum=6
   randomize:rndnum=cint(rnd*addnum)
   select case rndnum
   case 0
   getastockimg="http://202.109.106.1/gifchartse/gif/000001.gif"
   getastockimgb="http://202.109.106.1/gifchartse/gif/399001.gif"
   imgsource="http://www.stockstar.com/"
   case 1
   getastockimg="http://money.163.com/special/100.gif?C39"
   getastockimgb="http://money.163.com/special/101.gif?HrS"
   imgsource="http://www.163.com"
   case 2
   getastockimg="http://www.10jqka.com.cn/curve/realtime/index2.php?code=1a0001&w=180&h=140"
   getastockimgb="http://www.10jqka.com.cn/curve/realtime/index2.php?code=399001&w=180&h=140"
   imgsource="http://www.10jqka.com.cn"
   case 3
   getastockimg="http://chart.cnlist.com/stockchart/realline.chart?1a0001&1002&SZ 180 140"
   getastockimgb="http://chart.cnlist.com/stockchart/realline.chart?399001&1002&SZ 180 140"
   imgsource="http://chart.cnlist.com/"
   case 4
   getastockimg="http://image.sinajs.cn/newchart/small/ish000001.gif?1189176558328"
   getastockimgb="http://image.sinajs.cn/newchart/small/isz399001.gif?1189176558328"
   imgsource="http://www.sinajs.cn"
   case 5
   getastockimg="http://218.1.72.66/cgi/pic/sh/realtime/JA000001164143.png"
   getastockimgb="http://218.1.72.66/cgi/pic/sz/realtime/JA399001164143.png"
   imgsource="http://www.cnstock.com/"
   case 6
   getastockimg="http://222.73.29.85/img/000001.png"
   getastockimgb="http://222.73.29.85/img/399001.png"
   imgsource="http://www.eastmoney.com/"
   end select
   getastockimg=split(""&getastockimg&"||"&getastockimgb&"||"&imgsource&"","||")
   end function
%>

2. web-service接口

2.1 CHINAstock的web-service：

http://www.webxml.com.cn/WebServices/ChinaStockWebService.asmx

中国股票行情数据 WEB 服务（支持深圳和上海股市的全部基金、债券和股票），数据即时更新。输出GIF分时走势图、日/周/月 K 线图、及时行情数据（股票名称、行情时间、最新价、昨收盘、今开盘、涨跌额、最低、最高、涨跌幅、成交量、成交额、竞买价、竞卖价、委比、买一 - 买五、卖一 - 卖五）。此WEB服务提供了如下几个接口：

2.1.1 getStockImageByCode
GET 股票GIF分时走势图
INput：theStockCode = 股票代号，如：sh000001

POST /WebServices/ChinaStockWebService.asmx HTTP/1.1
Host: www.webxml.com.cn
Content-Type: text/xml; charset=utf-8
Content-Length: length
SOAPAction: "http://WebXml.com.cn/getStockImageByCode"

<?xml version="1.0" encoding="utf-8"?>
<soap:Envelope xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xmlns:xsd="http://www.w3.org/2001/XMLSchema" xmlns:soap="http://schemas.xmlsoap.org/soap/envelope/">
<soap:Body>
   <getStockImageByCode xmlns="http://WebXml.com.cn/">
   <theStockCode>string</theStockCode>
   </getStockImageByCode>
</soap:Body>
</soap:Envelope>

Output：

2.1.2 getStockImageByteByCode
获得中国股票GIF分时走势图字节数组

INput：theStockCode = 股票代号，如：sh000001

返回的数据如下：

R0lGODlhIQIsAfcAAAAAAAwLBxkGBQ4ODhAQEBsSChUVFS4TDB8eGQkA9koPCDAAzy4mFVgAp2UYC0IqEUYuBVwiDEAsI1QnFX8AgDU1NUozFlgxD6cBWVY5FnIwEmQ4Gc0AMlhDHPEADlVJMEpKSm1IHOUBWpY3FZMyVY9IGXRWIEFmWGNYUmpdPXJgHQB8HK9EGGBgX4lXIACoAHhkMyt4m4VkJtstbv8A

2.1.3 getStockImage_kByCode
直接获得中国股票GIF日/周/月 K 线图（545*300pixel/72dpi）
INPUT: theStockCode = 股票代号
theType = K 线图类型（D：日[默认]、W：周、M：月），

比如按照下图所示输入：
返回的结果就是周K线图：

2.1.4 getStockImage_kByteByCode
获得中国股票GIF日/周/月 K 线图字节数组
Input：theStockCode = 股票代号，如：sh000001

POST /WebServices/ChinaStockWebService.asmx HTTP/1.1Host: www.webxml.com.cnContent-Type: text/xml; charset=utf-8Content-Length: lengthSOAPAction: "http://WebXml.com.cn/getStockImage_kByteByCode" <?xml version="1.0" encoding="utf-8"?><soap:Envelope xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xmlns:xsd="http://www.w3.org/2001/XMLSchema" xmlns:soap="http://schemas.xmlsoap.org/soap/envelope/"> <soap:Body> <getStockImage_kByteByCode xmlns="http://WebXml.com.cn/"> <theStockCode>string</theStockCode> <theType>string</theType> </getStockImage_kByteByCode> </soap:Body></soap:Envelope>HTTP/1.1 200 OKContent-Type: text/xml; charset=utf-8Content-Length: length <?xml version="1.0" encoding="utf-8"?><soap:Envelope xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xmlns:xsd="http://www.w3.org/2001/XMLSchema" xmlns:soap="http://schemas.xmlsoap.org/soap/envelope/"> <soap:Body> <getStockImage_kByteByCodeResponse xmlns="http://WebXml.com.cn/"> <getStockImage_kByteByCodeResult>base64Binary</getStockImage_kByteByCodeResult> </getStockImage_kByteByCodeResponse> </soap:Body></soap:Envelope>

比如按照下图输入：
返回的结果就是周K线图字节数组

R0lGODlhIQIsAfcAAAAAAAwLBxkGBQ4ODhAQEBsSChUVFS4TDB8eGQkA9koPCDAAzy4mFVgAp2UYC0IqEUYuBVwiDEAsI1QnFX8AgDU1NUozFlgxD6cBWVY5FnIwEmQ4Gc0AMlhDHPEADlVJMEpKSm1IHOUBWpY3FZMyVY9IGXRWIEFmWGNYUmpdPXJgHQB8HK9EGGBgX4lXIACoAHhkMyt4m4VkJtstbv8A

2.1.5 getStockInfoByCode
获得中国股票及时行情
input：theStockCode = 股票代号

返回的值一个一维字符串数组 String(24)，结构为：String(0)股票代号、String(1)股票名称、String(2)行情时间、String(3)最新价（元）、String(4)昨收盘（元）、String(5)今开盘（元）、String(6)涨跌额（元）、String(7)最低（元）、String(8)最高（元）、String(9)涨跌幅（%）、String(10)成交量（手）、String(11)成交额（万元）、String(12)竞买价（元）、String(13)竞卖价（元）、String(14)委比（%）、String(15)-String(19)买一 - 买五（元）/手、String(20)-String(24)卖一 - 卖五（元）/手。

Web service的方法类似于现在concurrent项目的DBWS数据的获取，都是通过SOAP协议向DBWS服务器获取相关的数据。

利用雅虎查中国股票

http://quote.yahoo.com/d/quotes.csv?s=MSFT&f=slc1wop

返回微软的股票价格

"MSFT","4:00pm - 30.70",+1.04,"21.46 - 30.75",29.77,29.66

http://quote.yahoo.com/d/quotes.csv?s=000969.SZ&f=slc1wop

这个返回安泰科技的，一般有半个小时的延迟。

但是s=000969.sz 这个后面的sz是深圳的意思, 沪市是SS后缀

本文链接

怎样让你的Jquery代码运行的更快

2010-09-16T09:38:00Z

使用 jQuery和其他JavaScript框架，使节点选择和DOM操作变得越来越容易，如果使用不当，有可能影响整个网页的响应速度，下面列举11个更有效的使用jQuery库：

1、总是使用#id去寻找element.

在jQuery中最快的选择器是ID选择器 ($('#someid')). 这是因为它直接映射为JavaScript的getElementById()方法。
选择单个元素

Java代码

<div id="content">
<form method="post" action="/">
<h2>Traffic Light</h2>
<ul id="traffic_light">
<li><input type="radio" class="on" name="light" value="red" /> Red</li>
<li><input type="radio" class="off" name="light" value="yellow" /> Yellow</li>
<li><input type="radio" class="off" name="light" value="green" /> Green</li>
</ul>
<input class="button" id="traffic_button" type="submit" value="Go" />
</form>
</div>

<div id="content">    <form method="post" action="/">        <h2>Traffic Light</h2>        <ul id="traffic_light">            <li><input type="radio"  name="light" value="red" /> Red</li>            <li><input type="radio"  name="light" value="yellow" /> Yellow</li>            <li><input type="radio"  name="light" value="green" /> Green</li>        </ul>        <input  id="traffic_button" type="submit" value="Go" />    </form></div>

选择button的性能不好的一种方式：

var traffic_button = $('#content .button');

取而代之的是直接选择button:

var traffic_button = $('#traffic_button');

选择多个元素

在我们讨论选择多个元素的时候，我们真正需要知道的是DOM的遍历和循环才是性能低下的原因。为了尽量减少性能损失，总是使用最近的父ID去寻找。

var traffic_lights = $('#traffic_light input');
2、在Classes前面使用Tags

在jQuery中第二快的选择器就是Tag选择器 ($('head')). 而这是因为它直接映射到JavaScript的getElementsByTagName()方法。

Java代码

<div id="content">
<form method="post" action="/">
<h2>Traffic Light</h2>
<ul id="traffic_light">
<li><input type="radio" class="on" name="light" value="red" /> Red</li>
<li><input type="radio" class="off" name="light" value="yellow" /> Yellow</li>
<li><input type="radio" class="off" name="light" value="green" /> Green</li>
</ul>
<input class="button" id="traffic_button" type="submit" value="Go" />
</form>
</div>

<div id="content">    <form method="post" action="/">        <h2>Traffic Light</h2>        <ul id="traffic_light">            <li><input type="radio"  name="light" value="red" /> Red</li>            <li><input type="radio"  name="light" value="yellow" /> Yellow</li>            <li><input type="radio"  name="light" value="green" /> Green</li>        </ul>        <input  id="traffic_button" type="submit" value="Go" />    </form></div>

总是在一个Class前面加上一个tag名字（记得从一个ID传下来）

var active_light = $('#traffic_light input.on');注意：在jQuery里Class选择器是最慢的一个选择器;在IE中它循环整个DOM。可能的话尽量避免使用它。不要在ID前面加Tags。例如，它会因为去循环所有的<div>元素去寻找ID为content的<div>，而导致很慢。

var content = $('div#content');按照同样的思路，从多个ID传下来是冗余的。

var traffic_light = $('#content #traffic_light');
3、缓存jQuery对象

养成保存jQuery对象到一个变量上（就像上面的例子）的习惯。例如，不要这样做：

$('#traffic_light input.on).bind('click', function(){...});

$('#traffic_light input.on).css('border', '3px dashed yellow');

$('#traffic_light input.on).css('background-color', 'orange');

$('#traffic_light input.on).fadeIn('slow');

取而代之，首现保存jQuery变量到一个本地变量后，再继续你的操作。

var $active_light = $('#traffic_light input.on');

$active_light.bind('click', function(){...});

$active_light.css('border', '3px dashed yellow');

$active_light.css('background-color', 'orange');

$active_light.fadeIn('slow');

提示：使用$前辍表示我们的本地变量是一个jQuery包集。记住，不要在你的应该程序里出现一次以上的jQuery重复的选择操作。额外提示：延迟存储jQuery对象结果。

如果你想在你的程序的其它地方使用jQuery结果对象（result object(s)），或者你的函数要执行多次，要把它缓存在一个全局范围的对象里。通过定义一个全局容器保存jQuery结果对象，就可以在其它的函数里引用它。

// Define an object in the global scope (i.e. the window object)

window.$my ={

// Initialize all the queries you want to use more than once

head : $('head'),

traffic_light : $('#traffic_light'),

traffic_button : $('#traffic_button')};

function do_something(){

// Now you can reference the stored results and manipulate them

var script = document.createElement('script');

$my.head.append(script);

// When working inside functions, continue to save jQuery results

// to your global container.

$my.cool_results = $('#some_ul li');

$my.other_results = $('#some_table td');

// Use the global functions as you would a normal jQuery result

$my.other_results.css('border-color', 'red');

$my.traffic_light.css('border-color', 'green');

}
4、更好的利用链

前面的例子也可以这样写：

var $active_light = $('#traffic_light input.on');

$active_light.bind('click', function(){...})

.css('border', '3px dashed yellow')

.css('background-color', 'orange')

.fadeIn('slow');

这样可以让我们写更少的代码，使JavaScript更轻量。

5、使用子查询

jQuery允许我们在一个包集上附加其它的选择器。因为我们已经在本地变量里保存了父对象这样会减少以后在选择器上的性能开销。

<h2>Traffic Light</h2>

<li><input type="radio" name="light" value="yellow" /> Yellow</li>

<li><input type="radio" name="light" value="green" /> Green</li>

</ul>

</form>

</div>

例如，我们可以利用子查询缓存active和inactive lights以便后面的操作。

var $traffic_light = $('#traffic_light'),

$active_light = $traffic_light.find('input.on'),

$inactive_lights = $traffic_light.find('input.off');

提示：可以用逗号隔开一次定义多个本地变量，这样可以节省一些字节。

6、限制直接对DOM操作

DOM操作的基本做法是在内存中创建DOM结构，然后再更新DOM结构。这不是jQuery最好的做法，但对JavaScript来讲是高效的。直接操作DOM结构性能是低下的。例如，如果你需要动态创建一列元素，不要这样做：

var top_100_list = [...], // assume this has 100 unique strings

$mylist = $('#mylist'); // jQuery selects our <ul> element

for (var i=0, l=top_100_list.length; i<l; i++){

$mylist.append('<li>' + top_100_list[i] + '</li>');

}

取而代之，我们希望在插入DOM结构之前先在一个字符串里创建一套元素。
代码

var top_100_list = [...], // assume this has 100 unique strings

$mylist = $('#mylist'), // jQuery selects our <ul> element

top_100_li = ""; // This will store our list items

for (var i=0, l=top_100_list.length; i<l; i++){

top_100_li += '<li>' + top_100_list[i] + '</li>';

}

$mylist.html(top_100_li);

更快的做法，在插入DOM结构之前我们应该总是在一个父节点里包含许多元素

var top_100_list = [...], // assume this has 100 unique strings

$mylist = $('#mylist'), // jQuery selects our <ul> element

top_100_ul = '<ul id="#mylist">'; // This will store our entire unordered list

for (var i=0, l=top_100_list.length; i<l; i++){

top_100_ul += '<li>' + top_100_list[i] + '</li>';

}

top_100_ul += '</ul>'; // Close our unordered list

$mylist.replaceWith(top_100_ul);

如是你照着上面的做了还是对性能有些迷惑的话，可以参考以下内容：

* 试一下jQuery提供的Clone()方法。Clone()方法创建节点数的拷贝，随后你可以在这个副本中进行操作。

* 使用DOM DocumentFragments. As the creator of jQuery points out, 比直接操作DOM性能上更好. 先创建你需要的结构(就像我们上面用一个字符串做的一样), 然后使用jQuery的 insert or replace methods.

7、事件委托（又名：冒泡事件）

除非特别说明，每一个JavaScript事件（如click, mouseover 等）在DOM结构树上都会冒泡到它的父元素上。如果我们想让很多elements(nodes)调用同一个function这是非常有用的。取而代之的是你可以只对它们的父级绑定一次，而且可以计算出是哪一个节点触发了事件，而不是绑定一个事件监听器到很多节点上这种效率低下的方式。例如，假如我们要开发一个包含很多input的大型form，当input被选择的时候我们想绑定一个class name。像这样的帮定是效率低下的：

$('#myList li).bind('click', function(){

$(this).addClass('clicked'); // do stuff

});

反而，我们应该在父级侦听click事件。

$('#myList).bind('click', function(e){

var target = e.target, // e.target grabs the node that triggered the event.

$target = $(target); // wraps the node in a jQuery object

if (target.nodeName === 'LI') {

$target.addClass('clicked'); // do stuff

}

});

父节点担当着发报机的工作，可以在触发了事件的目标element上做一些工作。如果你发现自己把一个event listener帮定到很多个element上，那么你这种做法是不正确的。

8、消除查询浪费

虽然jQuery对没有找到任何匹配的elements处理的很好，但是它还是需要花费时间去查找的。如果你的站点有一个全局的JavaScript，你可能会把每个jQuery function都放在 $(document).ready(function(){ // all my glorious code })里。不要这样做。只去放一些页面上适合用到的function。这样做最有效的方式是你的模板可以完全控制任何时候或者地方执行JavaScript以内联脚本的方式初始化function。例如，在你的“article”页面模板里，你可能在body标签关闭之前包含以下代码

<li><input type="radio" name="light" value="yellow" /> Yellow</li>

<li><input type="radio" name="light" value="green" /> Green</li>

</ul>

你的全局JavaScript库看起来应该是这样的：

var mylib ={

article_page : {

init : function() {

// Article page specific jQuery functions.

}

traffic_light : {

init : function() {

// Traffic light specific jQuery functions.

}

9、遵从$(windows).load

有一种诱惑会使jQuery开发者hook所有事情到 $(document).ready 这个虚伪的事件里。毕竟在大多数例子里都可以看到这样使用。虽然$(document).ready 非常有用，它在页面呈现时发生，虽然其它对象还在下载中。如果你发现你的页面在下载中停顿，就有可能是$(document).ready 引起的。你可以通过把jQuery functions帮定到$(window).load事件来减少下面下载时的CPU使用率，它是在所有HTML（包括iframe内容）都下载完以后才去调用所有对象的。

$(window).load(function(){

// jQuery functions to initialize after the page has loaded.

});

多余的功能，如拖拽、帮定可视化效果和动画、预读取图片等，使用这种方法比较好。

10、压缩JS

虽然和jQuery无关，但在这里也要提一下。使JavaScript函数和变量变得可读是一个趋势，这对开发者来讲是必不可少的，但对普通用户来讲没有任何关系。不用什么借口，是时候把JS压缩纳入我们的工作流程中来了。注释你的代码，在投放到生产环境之前找一个压缩工具进行压缩。使用 YUICompressor 压缩你代码中多余的浪费的字节。根据我们的经验，它可以安全的把JavaScript压缩的尽可能小，而不会多占用CPU。小提示：为了在 YUICompressor里最大化压缩，应该这样这样定义变量（例如：var my_long_variable_name;）

11、学习jQuery API库文档

学习和最有效的使用jQuery，最好的方法就是去查jQuery的文档了，可以当作手册来用。

本文链接

随记~

2010-06-29T00:55:00Z

早上看到公司已姐们的签名修改为：能够随心所欲的消费东西不算发达，能够随心所欲的消费女人算是有一点发达，能够随心所欲的消费男人那就非常发达啦~

本文链接

Js中Date的应用

2010-06-28T07:30:00Z

近来在项目中做一个显示倒计时的功能时用到了Js的Date这个对象，在用Date进行时间转换的时候Chrome下能过正常转换，但是在IE下总是显示出NaN，google一下才知道，原来在用New Date('时间')进行转换时，时间到格式必须是月/日/年时:分:秒的格式才能够显示正常的。

总结：在用Js Date转换时间时，时间字符串中的‘-’需要用‘/’来表示

本文链接

ExtJs中Tools的使用

2010-06-21T01:33:00Z

tools配置属性，可以通过ID来设置工具栏选项种类，如果需要给工具栏选项添加事件，则直接配置handler属性就可以。下面我为大家贴了一些id的枚举值：

toggle (collapsable为true时的默认值)
close
minimize
maximize
restore
gear
pin
unpin
right
left
up
down
refresh
minus
plus
help
search
save
print

本文链接

QQ验证文章

2010-05-18T09:54:00Z

QQREADER1D51F606D12038C8

本文链接

你的网站为何没有人气

2010-05-15T04:27:00Z

回想一下，中国的1000万企业网站是不是都没什么人气?
　　因为他们冒充自动售货机。这还不够糟糕，糟糕的是这个自动售货机跟银行的ATM机唱反调：哪冷清竖哪。
　　回到正题：
　　我们前面说了，网络营销的本质是电视购物，您见过没有推销员的电视购物吗?网站作为一个载体，承载产品信息，但文字和图片等仍不足以让客户直接付费，销售产品和服务的网站一定要有人在场，网站人的问题体现在三个方面：人迹，人气，人品。以下我简单描述，各位自行对照自己的网站看看--
　　人迹：
　　人迹是状态。千网鸟飞绝，万页人踪灭。不少网站都是资讯三个月不更新，网站没有联系人信息，留言板永远不回复，网页没有在线客服(IM)软件嵌入，首页也没有800、400等免费电话，公司介绍没有团队和负责人描述，公司活动也是敷衍了事只言片语。总之，网站就是机构和服务(产品)的冰冷展示，其本质就是单向推送信息(只说不听)。
　　人气：
　　人气指的是交互程度。网站有了人迹，就要有交互。及时处理网民的反馈，统计网民的行为，如浏览统计、评价、留言、投票等等，人气还体现在网站系统根据统计数据对信息、产品、和问题的提取展示，标注，以及再次推广等。另外，人气也体现在对注册用户数、在线用户数、订购产品数、留言数、订单公示等各个细节的披露。
　　降低人气的方法有：要求注册、发言需登录、强迫索取手机号等个人信息、下载需积分或虚拟货币、使用邀请码、手机捆绑等。这些不是不可为，是看场合。
　　人品：
　　人品指的是网站基于产品和服务向客户传递的价值和观念。这个稍微抽象一点，试着说明：产品有材质、功能、无形价值(或称品牌价值)，这种价值需要网站来诠释，具体体现就是网站设计、结构、流程等各个环节以及网站传递的信息本身，如公司介绍、领导人介绍、企业文化、公司在线反馈的方式和风格等等，网民通过浏览该网站感受到的是网站经营者自身的素质、趣味、价值观、商业企图，换言之，网站有了“人品”，这个人品就是经营者无意或刻意传递的东西，其终点就是品牌的内涵。
　　大家肯定觉得这个有点玄了。但是一眼看网站，我们就会喜欢，或者不喜欢，而且原因不明，其本质上就是该网站传递的“人品”不为我们认可。

本文链接

网站体验营销的76个体验点

2010-05-15T04:24:00Z

一、感官体验：呈现给用户视听上的体验，强调舒适性。
1. 设计风格：符合目标客户的审美习惯，并具有一定的引导性。
网站在设计之前，必须明确目标客户群体，并针对目标客户的审美喜好，进行分析，从而确定网站的总体设计风格。
2. 网站LOGO：确保logo的保护空间，确保品牌的清晰展示而又不占据过分空间。
3. 页面速度：正常情况下,尽量确保页面在5秒内打开。如果是大型门户网站，必须考虑南北互通问题，进行必要的压力测试。
4. 页面布局：重点突出，主次分明，图文并茂。与企业的营销目标相结合，将目标客户最感兴趣的，最具有销售力的信息放置在最重要的位置。
5. 页面色彩：与品牌整体形象相统一，主色调+辅助色不超过三种颜色。以恰当的色彩明度和亮度，确保浏览者的浏览舒适度。
6. 动画效果：与主画面相协调，打开速度快，动画效果节奏适中，不干扰主画面浏览。
7. 页面导航：导航条清晰明了、突出，层级分明。
8. 页面大小：适合多数浏览器浏览（以15寸及17寸显示器为主）。
9. 图片展示：比例协调、不变形，图片清晰。图片排列既不过于密集，也不会过于疏远。
10. 图标使用：简洁、明了、易懂、准确，与页面整体风格统一。
11. 广告位：避免干扰视线，广告图片符合整体风格，避免喧宾夺主。
12. 背景音乐：与整体网站主题统一，文件要小，不能干扰阅读。要设置开关按钮及音量控制按钮。

二、交互体验：呈现给用户操作上的体验，强调易用/可用性。

13. 会员申请：介绍清晰的会员权责，并提示用户确认已阅读条款。
14. 会员注册：流程清晰、简洁。待会员注册成功后，再详细完善资料。
15. 表单填写：尽量采用下拉选择，需填写部分需注明要填写内容，并对必填字段作出限制。（如手机位数、邮编等等，避免无效信息）
16. 表单提交：表单填写后需输入验证码，防止注水。提交成功后，应显示感谢提示。
17. 按钮设置：对于交互性的按钮必须清晰突出，以确保用户可以清楚地点击。
18. 点击提示：点击浏览过的信息颜色需要显示为不同的颜色，以区分于未阅读内容，避免重复阅读。
19. 错误提示：若表单填写错误，应指明填写错误之处，并保存原有填写内容，减少重复工作。
20. 在线问答：用户提问后后台要及时反馈，后台显示有新提问以确保回复及时。
21. 意见反馈：当用户在使用中发生任何问题，都可随时提供反馈意见。
22. 在线调查：为用户关注的问题设置调查，并显示调查结果，提高用户的参与度。
23. 在线搜索：搜索提交后，显示清晰列表，并对该搜索结果中的相关字符以不同颜色加以区分。
24. 页面刷新：尽量采用无刷新（AJAX)技术，以减少页面的刷新率。
Ajax是新兴的网络开发技术的象征。它将JavaScript和XML技术结合在一起，用户每次调用新数据时，无需反复向服务器发出请求，而是在浏览器的缓存区预先获取下次可能用到的数据，界面的响应速度因此得到了显著提升。
25. 新开窗口：尽量减少新开的窗口，以避免开过多的无效窗口，设置弹出窗口的关闭功能。
26. 资料安全：确保资料的安全保密，对于客户密码和资料进行加密保存。
27. 显示路径：无论用户浏览到哪一个层级，哪一个页面，都可以清楚知道看到该页面的路径。

三、浏览体验：呈现给用户浏览上的体验，强调吸引性。

28. 栏目的命名：与栏目内容准确相关，简洁清晰，不宜过于深奥。
29. 栏目的层级：最多不超过三层，导航清晰，运用JAVAscrip等技术使得层级之间伸缩便利。
30. 内容的分类：同一栏目下，不同分类区隔清晰，不要互相包含或混淆。
31. 内容的丰富性：每一个栏目应确保足够的信息量，避免栏目无内容情况出现。
32. 内容的原创性：尽量多采用原创性内容，以确保内容的可读性。
33. 信息的更新频率：确保稳定的更新频率，以吸引浏览者经常浏览。
34. 信息的编写方式：段落标题加粗，以区别于内文。采用倒金字塔结构。
35. 新文章的标记：为新文章提供不同标识（如new），吸引浏览者查看。
36. 文章导读：为重要内容在首页设立导读，使得浏览者可以了解到所需信息。文字截取字数准确，避免断章取义。
37. 精彩内容的推荐：在频道首页或文章左右侧，提供精彩内容推荐，吸引浏览者浏览。
38. 相关内容的推荐：在用户浏览文章的左右侧或下部，提供相关内容推荐，吸引浏览者浏览。
39. 收藏夹的设置：为会员设置收藏夹，对于喜爱的产品或信息，可进行收藏。
40. 栏目的订阅：提供Rss或邮件订阅功能
41. 信息的搜索：在页面的醒目位置，提供信息搜索框，便于查找到所需内容。
42. 页面打印：允许用户打印该页资料，以便于保存。
43. 文字排列：标题与正文明显区隔，段落清晰。
44. 文字字体：采用易于阅读的字体，避免文字过小或过密造成的阅读障碍。可对字体进行大中小设置，以满足不同的浏览习惯。
45. 页面底色：不能干扰主体页面的阅读。
46. 页面的长度：设置一定的页面长度，避免页面过长而影响阅读。
47. 分页浏览：对于长篇文章进行分页浏览。
48. 语言版本：为面向不同国家的客户提供不同的浏览版本。
49. 快速通道：为有明确目的的用户提供快速入口。

四、情感体验：呈现给用户心理上的体验，强调友好性。

50. 客户分类：将不同的浏览者进行划分（如消费者、经销商、内部员工），为客户提供不同的服务。
51. 友好提示：对于每一个操作进行友好提示，以增加浏览者的亲和度。
52. 会员交流：提供便利的会员交流功能（如论坛），增进会员感情。
53. 售后反馈：定期进行售后的反馈跟踪，提高客户满意度。
54. 会员优惠：定期举办会员优惠活动，让会员感觉到实实在在的利益。
55. 会员推荐：根据会员资料及购买习惯，为其推荐适合的产品或服务。
56. 鼓励用户参与：提供用户评论、投票等功能，让会员更多地参与进来。
57. 会员活动：定期举办网上会员活动，提供会员网下交流机会。
58. 专家答疑：为用户提出的疑问进行专业解答。
59. 邮件/短信问候：针对不同客户，为客户定期提供邮件/短信问候，增进与客户间感情。
60. 好友推荐：提供邮件推荐功能。
61. 网站地图：为用户提供清晰的网站指引。 五、信任体验：呈现给用户的信任体验，强调可靠性。

62. 搜索引擎：查找相关内容可以显示在搜索引擎前列。
63. 公司介绍：真实可靠的信息发布，包括公司规模、发展状况、公司资质等。
64. 投资者关系：上市公司需为股民提供真实准确的年报，财务信息等。
65. 服务保障：将公司的服务保障清晰列出，增强客户信任。
66. 页面标题：准确地描述公司名称及相关内容。
67. 文章来源：为摘引的文章标注摘引来源，避免版权纠纷。
68. 文章编辑作者：为原创性文章注明编辑或作者，以提高文章的可信度。
69. 联系方式：准确有效的地址、电话等联系方式，便于查找。
70. 服务热线：将公司的服务热线列在醒目的地方，便于客户查找。
71. 有效的投诉途径：为客户提供投诉或建议邮箱或在线反馈。
72. 安全及隐私条款：对于交互式网站，注明安全及隐私条款可以减少客户顾虑，避免纠纷。
73. 法律声明：对于网站法律条款的声明可以避免企业陷入不必要的纠纷中。
74. 网站备案：让浏览者确认网站的合法性。
75. 相关链接：对于集团企业及相关企业的链接，应该具有相关性。
76. 帮助中心：对于流程较复杂的服务，必须具备帮助中心进行服务介绍。

本文链接

使用Linq时出现Row not found or changed. Linq 找不到行或行已更改的解决办法

2010-05-04T02:26:00Z

在使用Linq的时候经常出现在了这样的一个错误
Row not found or changed. 找不到行或行已更改
解决方案。

如果不是重要的数据。不需要去理会并发重突。

一个简单的方案就是
打开dbml (linq)文件把实体类中的属性 "Update check" 改为 Never.
主键（ID）就不要改了。

第二种方法. 不着征对一些记数情况的更新. 请直接用sql 语句,而不需要去取出整个数据然后再更新.这样就可能存在冲突了.

dC.ExecuteCommand("UPDATE [dbo].[MyTable] SET num=num+1 WHERE ID = @p0", m.ID);

第三种方法.

try
{
dc.SubmitChanges(System.Data.Linq.ConflictMode.ContinueOnConflict);
}
catch (System.Data.Linq.ChangeConflictException ex)
{

DC.ChangeConflicts.ResolveAll(RefreshMode.KeepCurrentValues); //保持当前的值

DC.ChangeConflicts.ResolveAll( RefreshMode.OverwriteCurrentValues);//保持原来的更新,放弃了当前的值.
DC.ChangeConflicts.ResolveAll(RefreshMode.KeepChanges);//保存原来的值有冲突的话保存当前版本

// 注意：解决完冲突后还得 SubmitChanges() 一次，不然一样是没有更新到数据库的

db.SubmitChanges();
}

本文链接