http://www.MrCantus.com/Resource/ 张衡(Mr.Cantus)的个人网站,专注于.Net技术,也含有IT相关技术及优质学习资料、教程、电脑软件的下载. http://www.MrCantus.com/Htmls/Resources/091128/20091128113544.html <p> &nbsp;</p> <div style="font-family: Arial, Verdana, sans-serif; font-size: 12px; color: rgb(34, 34, 34); background-color: rgb(255, 255, 255); "> <p> &nbsp;</p> <p class="p0" style="margin-bottom: 7.5pt; margin-top: 0pt; text-align: left; vertical-align: top; "> <span class="Apple-style-span" style="color: rgb(0, 0, 0); font-family: Tahoma; font-size: medium; "><span style="font-size:12px;"><span style="color: rgb(0, 0, 0); font-family: Verdana; ">URL&nbsp;<font face="宋体">重写是截取传入&nbsp;</font><font face="Verdana">Web&nbsp;</font><font face="宋体">请求并自动将请求重定向到其他资源的过程。执行&nbsp;</font><font face="Verdana">URL&nbsp;</font><font face="宋体">重写时，通常会检查被请求的&nbsp;</font><font face="Verdana">URL</font><font face="宋体">，并基于&nbsp;</font><font face="Verdana">URL&nbsp;</font><font face="宋体">的值将请求重定向到其他&nbsp;</font><font face="Verdana">URL</font><font face="宋体">。例如，在进行网站重组而将&nbsp;</font><font face="Verdana">/people/&nbsp;</font><font face="宋体">目录下的所有网页移动到&nbsp;</font><font face="Verdana">/info/employees/&nbsp;</font><font face="宋体">目录中时，您可能希望使用&nbsp;</font><font face="Verdana">URL&nbsp;</font><font face="宋体">重写来检查&nbsp;</font><font face="Verdana">Web&nbsp;</font><font face="宋体">请求是否指向了&nbsp;</font><font face="Verdana">/people/&nbsp;</font><font face="宋体">目录中的文件。如果请求指向&nbsp;</font><font face="Verdana">/people/&nbsp;</font><font face="宋体">目录中的文件，您可能希望自动将请求重定向到&nbsp;</font><font face="Verdana">/info/employees/&nbsp;</font><font face="宋体">目录中的同一文件。</font></span></span><span style="color: rgb(0, 0, 0); font-size: 10pt; font-family: Verdana; "><o:p></o:p></span></span></p> <p class="p0" style="margin-bottom: 7.5pt; margin-top: 0pt; text-align: left; vertical-align: top; "> <span class="Apple-style-span" style="color: rgb(0, 0, 0); font-family: Tahoma; font-size: medium; "><span style="font-size:12px;"><span style="color: rgb(0, 0, 0); font-family: Verdana; ">使用传统的&nbsp;<font face="Verdana">ASP</font><font face="宋体">，应用&nbsp;</font><font face="Verdana">URL&nbsp;</font><font face="宋体">重写的唯一方法是编写&nbsp;</font><font face="Verdana">ISAPI&nbsp;</font><font face="宋体">筛选器，或者购买提供&nbsp;</font><font face="Verdana">URL&nbsp;</font><font face="宋体">重写功能的第三方产品。但是，使用&nbsp;</font><font face="Verdana">Microsoft&reg;&nbsp;ASP.NET</font><font face="宋体">，您可以通过很多方法来轻松地创建您自己的&nbsp;</font><font face="Verdana">URL&nbsp;</font><font face="宋体">重写软件。本文讨论了可供&nbsp;</font><font face="Verdana">ASP.NET&nbsp;</font><font face="宋体">开发人员实现&nbsp;</font><font face="Verdana">URL&nbsp;</font><font face="宋体">重写的各种技术，然后讨论了&nbsp;</font><font face="Verdana">URL&nbsp;</font><font face="宋体">重写的一些实际使用情况。在深入讨论&nbsp;</font><font face="Verdana">URL&nbsp;</font><font face="宋体">重写的技术细节之前，让我们先看一些可以使用&nbsp;</font><font face="Verdana">URL&nbsp;</font><font face="宋体">重写的日常情景。</font></span></span></span></p> <p> &nbsp;</p> </div> http://www.MrCantus.com 2009-11-10 23:17:22 http://www.MrCantus.com/Htmls/Resources/091130/20091130111641.html <p> 本资源详细介绍用CSS建设网站全过程。分为十步讲解。。。</p> <p> 网站样图如下：</p> <p> <img alt="" height="478" src="/UserFiles/Images/cssjianzhandemo.jpg" width="554" /></p> <p> &nbsp;</p> <p class="p0" style="margin-bottom:0pt; margin-top:0pt; "> <span class="15" style="mso-spacerun:'yes'; color:rgb(128,128,128); font-weight:bold; font-size:10.5000pt; font-family:'Arial'; ">第一步：规划网站，本教程将以图示为例构建网站</span></p> <p class="p0" style="margin-bottom:0pt; margin-top:0pt; "> &nbsp;</p> <p class="p17" style="margin-bottom:0pt; margin-top:0pt; line-height:13.5000pt; "> <span class="15" style="mso-spacerun:'yes'; color:rgb(128,128,128); font-weight:bold; font-size:10.5000pt; font-family:'Arial'; ">第二步：创建<font face="Arial">html</font><font face="宋体">模板及文件目录等</font></span><span class="16" style="mso-spacerun:'yes'; color:rgb(128,128,128); font-size:10.5000pt; font-family:'Arial'; ">&nbsp;</span></p> <p class="p17" style="margin-bottom:0pt; margin-top:0pt; line-height:13.5000pt; "> &nbsp;</p> <p class="p17" style="margin-bottom:0pt; margin-top:0pt; line-height:13.5000pt; "> <span class="Apple-style-span" style="color: rgb(128, 128, 128); font-size: 14px; font-weight: bold; ">第三步：将网站分为五个<font face="Arial">div</font><font face="宋体">，网页基本布局的基础</font></span></p> <p class="p16" style="margin-bottom:0pt; margin-top:0pt; line-height:13.5000pt; "> &nbsp;</p> <p class="p16" style="margin-bottom:0pt; margin-top:0pt; line-height:13.5000pt; "> <span class="Apple-style-span" style="color: rgb(128, 128, 128); font-size: 14px; font-weight: bold; ">第四步：网页布局与<font face="Arial">div</font><font face="宋体">浮动等</font></span></p> <p class="p15" style="margin-bottom:0pt; margin-top:0pt; line-height:13.5000pt; "> &nbsp;</p> <p class="p15" style="margin-bottom:0pt; margin-top:0pt; line-height:13.5000pt; "> <span class="Apple-style-span" style="color: rgb(128, 128, 128); font-size: 14px; font-weight: bold; ">第五步：网页主要框架之外的附加结构的布局与表现</span></p> <p class="p15" style="margin-bottom:0pt; margin-top:0pt; line-height:13.5000pt; "> &nbsp;</p> <p class="p15" style="margin-bottom:0pt; margin-top:0pt; line-height:13.5000pt; "> <span class="Apple-style-span" style="color: rgb(128, 128, 128); font-size: 14px; line-height: normal; font-weight: bold; ">第六步：页面内的基本文本的样式<font face="Arial">(css)</font><font face="宋体">设置</font></span></p> <p class="p0" style="margin-bottom:0pt; margin-top:0pt; "> &nbsp;</p> <p class="p0" style="margin-bottom:0pt; margin-top:0pt; "> <span class="Apple-style-span" style="color: rgb(128, 128, 128); font-size: 14px; font-weight: bold; line-height: 18px; ">第七步：网站头部图标与<font face="Arial">logo</font><font face="宋体">部分的设计</font></span></p> <p class="p15" style="margin-bottom:0pt; margin-top:0pt; line-height:13.5000pt; "> &nbsp;</p> <p class="p15" style="margin-bottom:0pt; margin-top:0pt; line-height:13.5000pt; "> <span class="Apple-style-span" style="color: rgb(128, 128, 128); font-size: 14px; font-weight: bold; ">第八步：页脚信息<font face="Arial">(</font><font face="宋体">版权等</font><font face="Arial">)</font><font face="宋体">的表现设置</font></span></p> <p class="p15" style="margin-bottom:0pt; margin-top:0pt; line-height:13.5000pt; "> &nbsp;</p> <p class="p15" style="margin-bottom:0pt; margin-top:0pt; line-height:13.5000pt; "> <span class="Apple-style-span" style="color: rgb(128, 128, 128); font-size: 14px; font-weight: bold; ">第九步：导航条的制作<font face="Arial">(</font><font face="宋体">较难</font><font face="Arial">)</font></span></p> <p class="p15" style="margin-bottom:0pt; margin-top:0pt; line-height:13.5000pt; "> &nbsp;</p> <p class="p15" style="margin-bottom:0pt; margin-top:0pt; line-height:13.5000pt; "> <span class="Apple-style-span" style="color: rgb(128, 128, 128); font-size: 14px; font-weight: bold; ">第十步：解决<font face="Arial">IE</font><font face="宋体">浏览器的显示</font><font face="Arial">BUG</font></span></p> <p class="p15" style="margin-bottom:0pt; margin-top:0pt; line-height:13.5000pt; "> <span style="mso-spacerun:'yes'; color:rgb(128,128,128); font-weight:bold; font-size:10.5000pt; font-family:'Arial'; "><o:p></o:p></span></p> <p class="p15" style="margin-bottom:0pt; margin-top:0pt; line-height:13.5000pt; "> <span style="mso-spacerun:'yes'; color:rgb(128,128,128); font-weight:bold; font-size:10.5000pt; font-family:'Arial'; "><o:p></o:p></span></p> <p class="p15" style="margin-bottom:0pt; margin-top:0pt; line-height:13.5000pt; "> <span style="mso-spacerun:'yes'; color:rgb(128,128,128); font-weight:bold; font-size:10.5000pt; font-family:'Arial'; "><o:p></o:p></span></p> <p class="p15" style="margin-bottom:0pt; margin-top:0pt; line-height:13.5000pt; "> <span style="mso-spacerun:'yes'; color:rgb(128,128,128); font-weight:bold; font-size:10.5000pt; font-family:'Arial'; "><o:p></o:p></span></p> <p class="p15" style="margin-bottom:0pt; margin-top:0pt; line-height:13.5000pt; "> <span style="mso-spacerun:'yes'; color:rgb(128,128,128); font-weight:bold; font-size:10.5000pt; font-family:'Arial'; "><o:p></o:p></span></p> <p class="p16" style="margin-bottom:0pt; margin-top:0pt; line-height:13.5000pt; "> <span style="mso-spacerun:'yes'; color:rgb(128,128,128); font-size:10.5000pt; font-family:'Arial'; "><o:p></o:p></span></p> <p class="p17" style="margin-bottom:0pt; margin-top:0pt; line-height:13.5000pt; "> <span class="16" style="mso-spacerun:'yes'; color:rgb(128,128,128); font-size:10.5000pt; font-family:'宋体'; "><o:p></o:p></span></p> http://www.MrCantus.com 2009-11-30 11:14:28 http://www.MrCantus.com/Htmls/Resources/091130/20091130120216.html <p> jQuery Gallery 插件实现的相册,可以分页浏览,可查看大图.效果很好看.</p> <p> 样图如下</p> <p> <img alt="" height="401" src="/UserFiles/Images/myGallery.JPG" width="360" /></p> http://www.MrCantus.com 2009-11-30 11:36:49 http://www.MrCantus.com/Htmls/Resources/091130/20091130120105.html <p> JS实现网页形式计算器。可进行多种复杂数学运算。包括正弦,余弦,正切,余切,指数,对数等。</p> <p> 有完整例子。包括JS文件和CSS文件。</p> <p> 预览图如下：</p> <p> <img alt="" height="306" src="/UserFiles/Images/jisuanqi.jpg" width="215" /></p> http://www.MrCantus.com 2009-11-30 12:01:05 http://www.MrCantus.com/Htmls/Resources/091130/20091130122029.html <p> 本资源收集了博客园的钱途无梁的jQuery框架学习系列文章及实例代码。共11篇文章,已经打包。供想要学习jQuery的朋友们参考。</p> <p> 原作者博客园地址：<a href="http://www.cnblogs.com/qiantuwuliang">http://www.cnblogs.com/qiantuwuliang &nbsp;</a></p> <p> 在这里要感谢钱途无梁的文章，写的很透彻，也很容易看懂，而且还有可运行的实例代码可以参考。</p> <p> 文章内容共包括：</p> <p> <a href="http://www.cnblogs.com/qiantuwuliang/archive/2009/08/02/1537184.html">jQuery框架学习第一天：开始认识jQuery</a><br /> <a href="http://www.cnblogs.com/qiantuwuliang/archive/2009/08/02/1537187.html">jQuery框架学习第二天：jQuery中万能的选择器</a><br /> <a href="http://www.cnblogs.com/qiantuwuliang/archive/2009/08/02/1537191.html">jQuery框架学习第三天：如何管理jQuery包装集</a> <br /> <a href="http://www.cnblogs.com/qiantuwuliang/archive/2009/08/02/1537195.html">jQuery框架学习第四天：使用jQuery操作元素的属性与样式</a><br /> <a href="http://www.cnblogs.com/qiantuwuliang/archive/2009/08/07/1541285.html">jQuery框架学习第五天：事件与事件对象</a><br /> <a class="titlelink" href="http://www.cnblogs.com/qiantuwuliang/archive/2009/08/03/1537204.html">jQuery框架学习第六天：jQuery中的Ajax应用</a><br /> <a href="http://www.cnblogs.com/qiantuwuliang/archive/2009/08/03/1537205.html">jQuery框架学习第七天：jQuery动画&ndash;jQuery让页面动起来!</a> <br /> <a href="http://www.cnblogs.com/qiantuwuliang/archive/2009/08/03/1537206.html">jQuery框架学习第八天：ASP.NET jQuery实施方案</a><br /> <a href="http://www.cnblogs.com/qiantuwuliang/archive/2009/08/03/1537207.html">jQuery框架学习第九天：jQuery工具函数介绍与使用</a> <br /> <a href="http://www.cnblogs.com/qiantuwuliang/archive/2009/08/03/1537210.html">jQuery框架学习第十天：实战jQueryUI常用功能</a><br /> <a href="http://www.cnblogs.com/qiantuwuliang/archive/2009/08/03/1537213.html">jQuery框架学习第十一天：实战jQuery表单验证及jQuery自动完成提示插件</a></p> http://www.MrCantus.com 2009-11-30 12:20:29 http://www.MrCantus.com/Htmls/Resources/091228/20091228065922.html <p> 今天无意从同事哪得到OpenSocial讨论会的文档，好奇的打开看了看。因为我是一个Google迷，Google的产品我都很喜欢，也很崇拜。呵呵。</p> <p> 看了OpenSocial文档，才了解到原来它是一个API，可以让互联网变得更社会化，也会咱网名们提供了很大的方便。例如现在的Google Music，可以通过很多种账户登录，人人网中的应用，我想也都属于OpenSocial所提到的社区化吧。</p> <p> 我说的不专业，下面是从互动百科中引用的OpenSocial定义，开放者们可以了解了解，对咱开发者的影响还是很大的。</p> <blockquote> <p> <span style="font-size:12px;"><span class="Apple-style-span" style="color: rgb(51, 51, 51); font-family: 宋体, Arial, Helvetica, sans-serif; line-height: 25px; ">GOOGLE OpenSocial本身并不是一种社交网络，而更像另一种通用的API（应用程序编程接口），它允许开发者享有下列核心功能和信息。页面信息（用户数据）, 好友信息（社交地图）, 行为（发生的事件，可测定用户特征的新闻订阅）.现有一些相当通用的API，它们拥有用户数据，并将继续扮演&ldquo;主人&rdquo;的角色，目前包括Orkut、Salesforce、LinkedIn,、Ning、 Hi5、Plaxo、Friendster、 Viadeo 和Oracle。开发者已介入包括Flixster、 iLike,、RockYou 和 Slide在内的社交网络&mdash;&mdash;你会将他们认作Facebook上的&ldquo;力量开发者&rdquo;。</span></span></p> <p> <span style="font-size:12px;"><span class="Apple-style-span" style="color: rgb(51, 51, 51); font-family: 宋体, Arial, Helvetica, sans-serif; line-height: 25px; ">penSocial为构建跨多个网站的<a class="link_red" href="javascript:linkredwin('%E7%A4%BE%E4%BA%A4%E5%BA%94%E7%94%A8%E7%A8%8B%E5%BA%8F');" style="color: rgb(255, 51, 0); text-decoration: none; " target="" title="社交应用程序">社交应用程序</a>提供了一组通用 API。开发人员可以自由使用包括 JavaScript、HTML 在内的更多语言创建应用程序，用以访问社交网络的朋友并更新供稿。OpenSocial 是在小工具技术的基础上构建的，因此开发者可以<a class="link_red" href="javascript:linkredwin('%E8%8A%B1%E8%B4%B9%E8%BE%83%E5%B0%91%E7%9A%84%E6%9C%8D%E5%8A%A1%E6%88%90%E6%9C%AC');" style="color: rgb(255, 51, 0); text-decoration: none; " target="" title="花费较少的服务成本">花费较少的服务成本</a>（甚至无需成本）来创建一个出色的、虚拟的社交应用程序。目前，OpenSocial 由 Google 与网络社区的成员联合开发，许多网站都在应用 OpenSocial，其中包括 Engage.com、Friendster、hi5、Hyves、imeem、LinkedIn、MySpace（聚友）、Ning、Oracle、orkut、Plaxo、Salesforce.com、Six Apart、<a class="innerlink" href="http://www.hudong.com/wiki/%E5%A4%A9%E6%9E%81%E7%BD%91" style="color: rgb(2, 104, 205); text-decoration: none; " title="天极网">天极网</a>、天涯社区、Viadeo 和 XING。</span></span></p> </blockquote> http://www.MrCantus.com 2009-12-28 18:59:22 http://www.MrCantus.com/Htmls/Resources/100204/20100204013451.html <p> 这个包里面包含有4个文件，有formValidator的HTML版本和ASP.NET版本，主要都是通过jQuery类库去实现的。不受编程语言约束。而且效果非常漂亮。</p> <p> 另外，我还将收藏的 jNice插件实现的漂亮表单效果，和验证密码强度的jquery.pstrength-min.1.2.js，也一起发布出来了。</p> <p> 希望这4个文件对大家有用。JS代码写的都非常漂亮。想要学习jQuery插件开发，JS编程的朋友们也都可以好好研究研究。</p> <p> &nbsp;</p> <p> <span style="color:#40e0d0;"><span style="font-size:14px;"><strong>FormValidator效果：<br /> </strong></span></span></p> <p> <img alt="" height="274" src="/UserFiles/Images/formValidator.jpg" width="405" /></p> <p> <strong><span style="font-size:14px;"><span style="color:#40e0d0;">Pstrength效果：</span></span></strong></p> <p> <img alt="" height="144" src="/UserFiles/Images/pwdStrength.jpg" width="378" /></p> <p> <strong><span style="color:#40e0d0;"><span style="font-size:14px;">jNice效果：</span></span></strong></p> <p> <img alt="" height="380" src="/UserFiles/Images/beautifulForm.jpg" width="405" /></p> http://www.MrCantus.com 2010-2-4 13:34:51 http://www.MrCantus.com/Htmls/Resources/100205/20100205070110.html <p style="padding-bottom: 8px; padding-top: 5px; margin-top: 0px; margin-bottom: 0px; "> <span class="Apple-style-span" style="color: rgb(0, 0, 0); font-family: verdana, nsimsun, sans-serif; line-height: 19px; ">Google Gears 是 Google 公司推出的一个开源项目，它是一个浏览器的插件，它会添加新的功能到浏览器，并暴露相应的 JavaScript API 给 Web 应用程序，以此增强 Web 应用程序的功能和性能。目前 Google Gears 支持 Firefox 1.5+, Internet Explorer 6.0+ 和 Safari 3.1.1+ 等主流浏览器。</span></p> <p style="padding-bottom: 8px; padding-top: 5px; margin-top: 0px; margin-bottom: 0px; "> <span class="Apple-style-span" style="color: rgb(0, 0, 0); font-family: verdana, nsimsun, sans-serif; line-height: 19px; ">首先， Google Gears 提供的 LocalServer API 可以将 Web 应用程序的 HTTP 资源缓存到用户的硬盘中，这样可以在 Ajax 的基础上进一步提高 Web 应用程序的响应速度，同时也使得用户在没有网络连接的情况下依然可以使用 Web 应用程序；其次， Google Gears 提供了 WorkerPool API 帮助 Web 应用程序在后台进行耗时的运算以提高 UI 的响应能力， Web 应用程序也可以用这种方式将原来由服务器承担的一部分运算工作交给客户端来处理；第三， Google Gears 提供的 Database API 则可以让 Web 应用程序将数据保存到用户的硬盘中并遵守同源安全策略，以此保护用户的敏感数据不被外露。除此之外， Google Gears 还提供了 Desktop, Geolocation 等 API 来丰富已有的功能。目前有 Google Docs, Google Reader 和 Zoho 等 Web 应用程序利用 Google Gears 来提供更多的功能。下面将介绍如何利用 Google Gears 提供的各种 API 来增强你的 Web 应用程序。</span></p> http://www.MrCantus.com 2010-2-5 19:01:10