博客园_念时.net

Windows7下VS2008试用版到期的解决办法

2011-06-22T01:55:00Z

打开Visual studio 2008，才知道试用版已经到期了。在网上找来了序列号，可是连一个输入序列号的地方都没有，困惑了好久，终于找到了解决办法。

首先献上自己收集的Visual studio 2008序列号：

Visual Studio 2008 Professional Edition： XMQ2Y-4T3V6-XJ48Y-D3K2V-6C4WT
Visual Studio 2008 Team Test Load Agent：WPX3J-BXC3W-BPYWP-PJ8CM-F7M8T
Visual Studio 2008 Team System：PYHYP-WXB3B-B2CCM-V9DX9-VDY8T<
Visual Studio 2008 Team Foundation Server：WPDW8-M962C-VJX9M-HQB4Q-JVTDM

1、如果你使用的是Windows xp操作系统，那么可以在“添加或删除程序”里找到VS2008，点“更改/删除”就会看到如下图所示的序列号输入框，点“升级”按钮即可。

2、如果你用的是Windows 7的话，因为在win7系统中微软遮蔽了序列号输入框，xp的方法是行不通的。这时你需要下载升级补丁（下载地址见文末），并在进入上图界面时以管理员身份运行它，如下图所示：

这时你就会惊奇地发现序列号输入框出现了，下面就不用说了吧！成功升级后会出现如下图所示的界面。

点击下载：

win7下VS2008升级补丁

本文链接

使用jQuery检查浏览器类型(超简单)

2011-03-31T08:06:00Z

使用jQuery检查浏览器类型

不同的浏览器执行脚本的方法有点不一样，但你可以使用jQuery轻松识别浏览器的类型，然后执行相应的自定义代码，下面是用jQuery检查浏览器的代码片段：

if (jQuery.browser.mozilla)
{
// Code to execute if browser is Mozilla
}
if (jQuery.browser.msie)
{
// Code to execute if browser is IE
}
if (jQuery.browser.safari)
{
// Code to execute if browser is Safari
}
if (jQuery.browser.opera)
{
// Code to execute if browser is Opera
}

本文链接

你应该学习jQuery的七大理由

2011-03-31T04:21:00Z

随着众多框架和特效代码库的推出，JavaScript的复兴已经有目共睹，借助框架，学习JavaScript已经非常容易，而jQuery无疑将是您的首选。

最近2、3年以来，我们目睹了JavaScript的卷土重来。由于缺乏跨浏览器兼容性，以及慢如蜗牛的运行时性能和可怜的调试功能，JavaScript脚本语言一直备受指责。

但是随着众多框架和特效代码库的推出，JavaScript的复兴已经有目共睹。甚至浏览器厂商也加入其中，纷纷推出能够大幅提高JavaScript代码执行速度的新引擎。JavaScript 2.0似乎将成为下一代Web应用的助推剂。

51CTO推荐专题：入门到精通 jQuery开发手册

很长时间以来我多少有些忽视这种趋势。对于多数开发者来说，值得学习的新东西已经很多，JavaScript往往并非第一选择。但是，借助于目前已经存在的众多不同框架，诸如MooTools、Dojo、Prototype和jQuery等，学习JavaScript已经非常容易。以下我将列举七条理由来证明，为什么你应该学习一个JavaScript框架，而且jQuery将是您的首选。

51CTO相关文章推荐：了解jQuery技巧来提高你的代码质量

1、jQuery实现脚本与页面的分离

在HTML代码中，我们还经常看到类似这样的代码：

<form id="myform" onsubmit=return validate();" >

即使validate()函数可以被放置在一个外部文件中，实际上我们依然是把页面与逻辑和事件混杂在一起。jQuery让你可以将这两部分分离。借助于jQuery，页面代码将如下所示：

<form id="myform">

接下来，一个单独的JS文件将包含以下事件提交代码：

$("myform").submit(function() {
...your code here
)}

这样我们可以实现灵活性非常强的清晰页面代码。jQuery让JavaScript代码从HTML页面代码中分离出来，就像数年前CSS让样式代码与页面代码分离开一样。

2、最少的代码做最多的事情

最少的代码做最多的事情，这是jQuery的口号，而且名副其实。使用它的高级selector，开发者只需编写几行代码就能实现令人惊奇的效果。开发者无需过于担忧浏览器差异，它除了还完全支持Ajax，而且拥有许多提高开发者编程效率的其它抽象概念。jQuery把JavaScript带到了一个更高的层次。以下是一个非常简单的示例：

$("p.neat").addClass("ohmy").show("slow");

通过以上简短的代码，开发者可以遍历“neat”类中所有的<p>元素，然后向其增加“ohmy”类，同时以动画效果缓缓显示每一个段落。开发者无需检查客户端浏览器类型，无需编写循环代码，无需编写复杂的动画函数，仅仅通过一行代码就能实现上述效果。

3、性能

在大型JavaScript框架中，jQuery对性能的理解最好。尽管不同版本拥有众多新功能，其最精简版本只有18KB大小，这个数字已经很难再减少。jQuery的每一个版本都有重大性能提高。本篇文章讲的是jQuery未经过任何优化的原始速度。如果将其与新一代具有更快 JavaScript引擎的浏览器(如火狐3和谷歌Chrome)配合使用，开发者在创建富体验Web应用时将拥有全新速度优势。

4、它是一个“标准”

之所以使用引号，是以为jQuery并非一个官方标准。但是业内对jQuery的支持已经非常广泛。谷歌不但自己使用它，还提供给用户使用。另外戴尔、新闻聚合网站Digg、WordPress、Mozilla和许多其它厂商也在使用它。微软甚至将它整合到Visual Studio中。如此多的重量级厂商支持该框架，用户大可以对其未来放心，大胆的对其投入时间。

5、插件

基于jQuery开发的插件目前已经有大约数千个。开发者可使用插件来进行表单确认、图表种类、字段提示、动画、进度条等任务。jQuery社区已经成长为一个生态系统。这一点进一步证明了上一条理由，它是一个安全的选择。而且，jQuery正在主动与“竞争对手”合作，例如Prototype。它们似乎在推进JavaScript的整体发展，而不仅仅是在图谋一己之私。

6、节省开发者学习时间

当然要想真正学习jQuery，开发者还是需要投入一点时间，尤其是如果你要编写大量代码或自主插件的话，更是如此。但是，开发者可以采取“各个击破”的方式，而且jQuery提供了大量示例代码，入门是一件非常容易的事情。我建议开发者在自己编写某类代码前，首先看一下是否有类似插件，然后看一下实际的插件代码，了解一下其工作原理。简而言之，学习jQuery不需要开发者投入太多，就能够迅速开始开发工作，然后逐渐提高技巧。

7、让JavaScript编程变得有趣

我发现使用jQuery是一件充满乐趣的事情。它简洁而强大，开发者能够迅速得到自己想要的结果。它解决了许多JavaScript问题和难题。我过去曾讨厌JavaScript编程，但现在却非常喜欢它。通过一些基础性的改进，开发者可以真正去思考开发下一代Web应用，不再因为语言或工具的差劲而烦恼。我相信它的“最少的代码做最多的事情”口号。

本文链接

理解jQuery解析JSON数据对象原理

2011-03-31T03:54:00Z

文章分析了用JSON作为jQuery异步请求的传输对象时，对返回后的结果不明朗，其归根结底还是对jQuery对相关JSON对象获取的理解有所偏差。

等到问题解决了，也大致明白怎么个意思了，归根结底还是对jQuery对相关JSON对象获取的理解有所偏差。

这里考虑都考虑的是服务器返回的是JSON形式的字符串的形式，对于利用JSON Object等插件封装的JSON对象，与此亦是大同小异，这里不再做说明。这里首先给出JSON字符串集，字符串集如下：

var data="
{
root:
[
{name:'1',value:'0'},
{name:'6101',value:'西安市'},
{name:'6102',value:'铜川市'},
{name:'6103',value:'宝鸡市'},
{name:'6104',value:'咸阳市'},
{name:'6105',value:'渭南市'},
{name:'6106',value:'延安市'},
{name:'6107',value:'汉中市'},
{name:'6108',value:'榆林市'},
{name:'6109',value:'安康市'},
{name:'6110',value:'商洛市'}
]
}";

这里以jquery异步获取的数据类型——json对象和字符串为依据，分别介绍两种方式获取到的结果处理方式。

对于服务器返回的JSON字符串，如果jquery异步请求没做类型说明，或者以字符串方式接受，那么需要做一次对象化处理，方式不是太麻烦，就是将该字符串放于eval()中执行一次。这种方式也适合以普通javascipt方式获取json对象，以下举例说明：

var dataObj=eval("("+data+")");//转换为json对象
alert(dataObj.root.length);//输出root的子对象数量
$.each(dataObj.root,fucntion(idx,item){
if(idx==0){
return true;
}
//输出每个root子对象的名称和值
alert("name:"+item.name+",value:"+item.value);
})

注：对于一般的js生成json对象，只需要将$.each()方法替换为for语句即可，其他不变。

对于服务器返回的JSON字符串，如果jquery异步请求将type（一般为这个配置属性）设为“json”，或者利用$.getJSON()方法获得服务器返回，那么就不需要eval（）方法了，因为这时候得到的结果已经是json对象了，只需直接调用该对象即可，这里以$.getJSON方法为例说明数据处理方法：

$.getJSON("http://gaoyusi.blog.163.com/",{param:"gaoyusi"},function(data){
//此处返回的data已经是json对象
//以下其他操作同第一种情况
$.each(data.root,function(idx,item){
if(idx==0){
return true;//同countinue，返回false同break
}
alert("name:"+item.name+",value:"+item.value);
});
});

这里特别需要注意的是方式1中的eval()方法是动态执行其中字符串（可能是js脚本）的，这样很容易会造成系统的安全问题。所以可以采用一些规避了eval()的第三方客户端脚本库，比如JSON in JavaScript就提供了一个不超过3k的脚本库。

本文链接

用CSS如何判断IE浏览器版本?

2011-03-31T02:26:00Z

之前只是针对所有的IE浏览器：

要避掉IE8的话就得：

lt在此作小于用，也就是小于IE8的版本都能识别。

或者：

lte在此作小于及等于用，也就是小于及等于IE7的版本能识别。

或者：

<!–[if !(IE 8)]><![endif]–>在此单独避掉IE8版本。

在网上找了以下代码，测试了下有几个不符合：

1.  除IE外都可识别  2.  3.  4.  5.  6.  7.  8.  9.  10.  11.

经过测试后：

5.

这个只有IE6以上的版本才可识别，也就是不包括IE5.0

7.

这个只有IE5以下的版本才能识别，也就是不包括IE6

10.

这个只有IE6以下的版本才能识别，也就是不包括IE7

后来才在经典那找到：

gt = Great Then 大于 > = > 大于号 lt = Less Then 小于 < = < 小于号 gte = Great Then or Equal 大于或等于 lte = Less Then or Equal 小于或等于

一下就明白过来了，还费了那么大劲。

本文链接

IE6绝对定位的bug及其解决办法

2011-03-29T09:03:00Z

position:absolute定位在IE6下存在left和bottom的定位错误问题：

<!–IE6下的left定位错误–>
<div style="position:relative;border:1px solid orange;text-align:center;">
<a href="http://www.zzsky.cn">http://www.zzsky.cn</a>
<div style="position:absolute;top:0;left:0;background:#CCC;">zzsky</div>
</div>
<!–IE6下的left定位错误–>
<hr />
<div style="position:relative;border:1px solid orange;text-align:right;">
<a href="http://www.zzsky.cn">http://www.zzsky.cn</a>
<div style="position:absolute;top:0;left:0;background:#CCC;">zzsky</div>
</div>

上面这段代码在IE6中定位错误。

解决办法有两种：

1、给父层设置zoom:1触发layout：

<!–解决方法1 zoom:1–>
<hr />
<div style="position:relative;border:1px solid orange;zoom:1;text-align:center;">
<a href="http://www.zzsky.cn">http://www.zzsky.cn</a>
<div style="position:absolute;top:0;left:0;background:#CCC;">zzsky</div>
</div>

2、给父层设置宽度(width)：

<!–解决方法2 设置width–>
<hr />
<div style="position:relative;width:99%;border:1px solid orange;text-align:center;">
<a href="http://www.zzsky.cn">http://www.zzsky.cn</a>
<div style="position:absolute;top:0;left:0;background:#CCC;">zzsky</div>
</div>

下面的这段代码在IE6下，bottom定位错误：

<!–IE6下的bottom定位错误–>
<hr />
<div style="position:relative;border:1px solid orange;text-align:center;">
<a href="http://www.zzsky.cn">http://www.zzsky.cn</a>
<div style="position:absolute;bottom:0;left:0;background:#CCC;">zzsky</div>
</div>

解决办法和left定位类似：

方法1是给父层设置zoom触发layout：

<!–解决方法1 zoom:1–>
<hr />
<div style="position:relative;border:1px solid orange;zoom:1;text-align:center;">
<a href="http://www.zzsky.cn">http://www.zzsky.cn</a><br />
<a href="http://www.zzsky.cn">http://www.zzsky.cn</a>
<div style="position:absolute;bottom:0;left:0;background:#CCC;">zzsky</div>

</div>

方法2是给父层设置高度(height)：

<!–解决方法2 设置height–>
<hr />
<div style="position:relative;height:60px;border:1px solid orange;text-align:center;">
<a href="http://www.zzsky.cn">http://www.zzsky.cn</a>
<div style="position:absolute;bottom:0;left:0;background:#CCC;">zzsky</div>
</div>

IE6中很多Bug都可以通过触发layout得到解决，以上的解决方法无论是设置zoom:1还是设置width和height其实都是为了触发layout。

下列的CSS属性或取值会让一个元素获得layout：

position:absolute 绝对定位元素的包含区块(containing block)就会经常在这一方面出问题；

float:left|right 由于layout元素的特性，浮动模型会有很多怪异的表现；

display:inline-block 当一个内联级别的元素需要layout的时候就往往符用到它，这也可能也是这个CSS属性的唯一效果—-让某个元素有layout；

width: 除auto外的任何值；

height: 除auto外的任何值；

zoom: 除auto外的任何值。

本文链接

DIV层被flash层遮盖问题解决思路

2011-03-29T08:02:00Z

今天测试div层和flash的交互，发现div层总是被flash层遮盖，在百度上找了一会，说是加个＜param name="wmode" value="transparent" />就成了，我加完后在IE下问题是解决了，但是FF下好像没有反应，后来才知道IE中和FF加的代码是不一样的，如下：

IE浏览器下可用

＜param name="wmode" value="transparent" />

firefox下可用

＜embed src="YourFlash.swf" wmode="transparent" ... >＜/embed>

关于wmode属性资料：

（可选）允许使用 Internet Explorer 4.0 中的透明 Flash 内容、绝对定位和分层显示功能。此标记/属性仅在带有 Flash Player ActiveX 控件的 Windows 中有效。

"Window"在 Web 页上用影片自己的矩形窗口来播放应用程序。"Window"表明此 Flash 应用程序与 HTML 层没有任何交互，并且始终位于最顶层。

"Opaque" 使应用程序隐藏页面上位于它后面的所有内容。

"Transparent"使 HTML 页的背景可以透过应用程序的所有透明部分显示出来，并且可能会降低动画性能。

　　"Opaque windowless"和"Transparent windowless"都可与 HTML 层交互，从而允许 SWF 文件上方的层遮蔽应用程序。这两种选项之间的差异在于"Transparent"允许透明，因此，如果 SWF 文件的某一部分是透明的，则 SWF 文件下方的 HTML 层可以透过该部分显示出来，而"opaque"则不会显示。

本文链接

Flash始终位于最上层的解决方法(让FLASH对象位于DIV层之下)

2011-03-29T08:01:00Z

很多时候，我们在页面插入FLASH的时候会发现，flash是object，然后页面默认把它始终是放在最上面的，这样flash上面紧贴着的下拉菜单便到后面看不到了。设置层也没有用。
这样在生成页面的时候就变得很被动，于是我做了个浮动层，原来的页面上有flash，但是不论我把浮动层的z-index调多高，这个层都始终会被 flash遮住，无耐之下，只能把浮动层移动flash遮不到的地方～后来经过尝试，我发现在<object>里面插入<PARAM NAME=wmode VALUE=transparent>就行了，在这里还有一些补充资料需要说明一下。

<param name="wmode" value="transparent" />

<embed src="YourFlash.swf" wmode="transparent" ... ></embed>

我也试了在flash 加个参数，wmode=opaque，也是可以的，why？

看了这段解释，还是不明白～···················

（可选）允许使用 Internet Explorer 4.0 中的透明 Flash 内容、绝对定位和分层显示功能。此标记/属性仅在带有 Flash Player ActiveX 控件的 Windows 中有效。

"Window"在 Web 页上用影片自己的矩形窗口来播放应用程序。"Window"表明此 Flash 应用程序与 HTML 层没有任何交互，并且始终位于最顶层。

"Opaque" 使应用程序隐藏页面上位于它后面的所有内容。

"Transparent"使 HTML 页的背景可以透过应用程序的所有透明部分显示出来，并且可能会降低动画性能。

"Opaque windowless"和"Transparent windowless"都可与 HTML 层交互，从而允许 SWF 文件上方的层遮蔽应用程序。这两种选项之间的差异在于"Transparent"允许透明，因此，如果 SWF 文件的某一部分是透明的，则 SWF 文件下方的 HTML 层可以透过该部分显示出来，而"opaque"则不会显示。

如果忽略此属性，默认值为 Window。仅适用于 object。
------------------------------------------------------------------------------
------------------------------------------------------------------------------
这是一个使得flash在页面上显示在最下面的参数
wmode=Opaque
这样修改，可以使得其他元素都可以覆盖在这个flash之上。

wmode的属性:
wmode=Window 在 Web 页上用影片自己的矩形窗口来播放应用程序。"Window"表明此 Flash 应用程序与 HTML 层没有任何交互，并且始终位于最顶层。
wmode=Opaque 使应用程序隐藏页面上位于它后面的所有内容。
wmode=Transparent 使 HTML 页的背景可以透过应用程序的所有透明部分显示出来，并且可能会降低动画性能。
"Opaque windowless"和"Transparent windowless"都可与 HTML 层交互，从而允许 SWF 文件上方的层遮蔽应用程序。这两种选项之间的差异在于"Transparent"允许透明，因此，如果 SWF 文件的某一部分是透明的，则 SWF 文件下方的 HTML 层可以透过该部分显示出来，而"opaque"则不会显示。

本文链接

如何让div显示在最上层(页面含Flash)

2011-03-29T07:57:00Z

div的图层由div的style中的z-index来决定，z-index是层垂直屏幕的坐标，0最小，越大的话位置越靠上。

由于FusionCharts的图表都放在div中，如果页面还有其他的div，将被FusionCharts的图层挡住。不过设置z-index并不起作用，其他的div仍然被挡住。经过网络上查找，发现原来是这样的：

flash的图默认情况下总是位于最上层，参考下面的文档：

<param name="WMODE" value="transparent">

<param name="wmode" value="Opaque">

<param name="wmode" value="Window">

NOTE: 支持其它浏览器(firefox opera etc.) 则使用 <embed wmode="transparent" />在embed节点中加入wmode值.

window 模式

默认情况下的显示模式，在这种模式下flash player有自己的窗口句柄，这就意味着flash影片是存在于Windows中的一个显示实例，并且是在浏览器核心显示窗口之上的，所以flash只是貌似显示在浏览器中，但这也是flash最快最有效率的渲染模式。由于他是独立于浏览器的HTML渲染表面，这就导致默认显示方式下flash总是会遮住位置与他重合的所有DHTML层。

但是大多数苹果电脑浏览器会允许DHTML层显示在flash之上，但当flash影片播放时会出现比较诡异的现象，比如DHTML层像被flash刮掉一块一样显示异常。

Opaque 模式

这是一种无窗口模式，在这种情况下flash player没有自己的窗口句柄，这就需要浏览器需要告诉flash player在浏览器的渲染表面绘制的时间和位置。这时flash影片就不会在高于浏览器HTML渲染表面而是与其他元素一样在同一个页面上,因此你就可以使用z-index值来控制DHTML元素是遮盖flash或者被遮盖。

Transparent 模式

透明模式，在这种模式下flash player会将stage的背景色alpha值将为0并且只会绘制stage上真实可见的对象，同样你也可以使用z-index来控制flash影片的深度值，但是与Opaque模式不同的是这样做会降低flash影片的回放效果，而且在9.0.115之前的flash player版本设置wmode=”opaque”或”transparent”会导致全屏模式失效。

了解了各种模式的实现方式和意义在以后的开发中就可以按照具体情况选择设置wmode属性的值了。

所以只要将flash的wmode设置成opaque就行了。所以在页面加载FusionCharts图表时，修改参数wmode，在页面上加载flash的js代码中加上这句 chart.addParam("wmode","Opaque");就可以了

本文链接

CSS完美垂直居中

2011-03-23T02:54:00Z

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>无标题文档</title>
<style type="text/css">
*{ margin:0; padding:0;}
.one{ width:200px; height:200px; background:blue; position:absolute; top:50%; left:50%;margin:-100px 0 0 -100px; color:#FFF;}
p{ margin:0 auto; width:300px; height:28px; line-height:28px;/*line-height:28px;就是使文字垂直居中*/ background:red;}
</style>
</head>

<body>
<div class="one">这是一个层垂直水平居中与浏览器</div>
<p>段落内文字垂直居中段落内文字垂直居中</p>
</body>

</html>

本文链接