02 2014 档案
摘要：通过 jQuery 滚动条插件，你可以换掉千篇一律的默认浏览器滚动条，让你的网站或 web 项目更具特色，更有吸引力。本文收集了 11 款非常漂亮、实用的 jQuery 滚动条插件，你可以轻松将它们应用在自己的网站中。 1.Windows：全屏窗口滚动插件 该插件可以很好地实现全屏滚动，每滚动一次即为一屏。比如，用户浏览下一屏幕内容时，只需手动滚动到某一位置，该插件会自动滚动显示下一屏全部内容。对于浏览类似于 PPT 的内容时比较实用。 2.Jquery Scroll Follow：滚动跟随插件 该插件可以使 DOM 对象随着页面的滚动而移动。你可以设置滚动的速度、偏移等参数。 3...
阅读全文
摘要：简介 15 年前，许多人都使用 Perl 和 ColdFusion 之类的工具构建网站。我们经常编写可以在页面顶部查询数据库的脚本，对数据应用必要的转换，以及在同一个脚本底部显示数据。这类架构适合于向网站添加简单的 “Contact us” 表单。然而，随着应用程序变得更加复杂，这种方法无法进行相应的扩展来处理更大的复杂问题。大部分 Web 应用程序现在已经对模型-视图-控制器 (MVC) 架构进行了标准化，使用单独的代码实现业务逻辑、显示逻辑和用户交互（路由）逻辑。涌现出从 Spring MVC 到 Rails 的各种框架可以帮助您快速实现基于 MVC 的 Web 应用程序。 几年前，j..
阅读全文
摘要：过去就连一个镜像站点，我们都依靠大量的开发人员和程序员进行维护。得益于CSS和它的灵活性使得样式能够从代码中被独立抽离出来，从而让一个只具备基本CSS理论的初学者都能够轻易地改变网站的样式。 不论你是对用CSS建站感兴趣还是仅仅拿它让你的博客更有feel，打好基础才能盖高楼。下面让我们来看看一些对于初学者实用的CSS常识： 1、使用reset.css 火狐和IE这两种不同的浏览器，在绘制CSS样式方法上截然不同。这种情况下，使用reset.css重置所有的基本样式会让你得到一个全新的空样式表。 这儿有一些常用的reset.css框架——Yahoo Reset CSS、Eric Mey...
阅读全文
摘要：N多年前微软官网曾发了.Net下必备的十种工具，N多年过去了，世异时移，很多东西都已经变化了，那个列表也似乎陈旧了。而且，该文也只是对十种工具独立的介绍，显得有些罗列的感觉，是不是每个工具都是同等重要，工具与工具之间是否有联系？等等，阐述得并不明确。 这里，我想从另一个角崖，重新归纳一个更新的更实际的武器库。更新，是因为有很多最近几年才出来的工具/框架库，更实际，是因为我自己的项目就完全依赖使用。 Visual Studio 这个似乎是不言而喻的，只是从严谨的角度，也列在这。实际上，现在也有一个开源的IDE开发环境发展也不错，叫SharpDevelop。我并没有仔细看，不敢妄评。而我...
阅读全文
摘要：简介 调试是软件开发周期中很重要的一部分。它具有挑战性，同时也很让人疑惑和烦恼。总的来说，对于稍大一点的程序，调试是不可避免的。最近几年，调试工具的发展让很多调试任务变的越来越简单和省时。 这篇文章总结了可能节省你大量时间的十个visual studio的调试技巧和方法。 1 悬停鼠标查看表达式值 调试是很有挑战性的。比如在函数内逐步运行可以看出哪里出错，查看堆栈信息可以知道函数被谁调用等等。。。 但是无论哪种情况下，查看表达式和局部变量的值都是很麻烦的（把表达式和局部变量放到watch窗口里）。 一种更简单的方法，把鼠标停在所需查看的数据上。如果是类或结构，那么点击展开可以很方...
阅读全文
摘要：我们都知道margin:0 auto;的样式能让元素水平居中，而margin: auto;却不能做到垂直居中……直到现在。但是，请注意！想让元素绝对居中，只需要声明元素高度，并且附加以下样式，就可以做到：12345.Absolute-Center {margin: auto;position: absolute;top: 0; left: 0; bottom: 0; right: 0;} 我并不是第一个发现这种方法的人（不过我还是敢把它叫做“完全居中”），它有可能是种非常普遍的技巧。但大多数介绍垂直居中的文章中并没有提到过这种方法。如果不是浏览这篇文章的评论，我甚至根本就不会发现这个办法...
阅读全文
摘要：jQuery相对与Flash的魔力已经贯穿整个网络。尽管，Flash层被认为是用于网页设计的首选，然而随着jQuery的出现，以及他的酷似Flash的交互式特效使得网页更加的优雅——Flash开始靠边站了。 相比笨重的Flash，使用jQuery可以轻松的创建复杂的自定义动画效果以及提供友好的SEO，因此在两者之间的选择也就是明摆着的事儿了。 一些酷炫的jQuery 图片效果，类似于不同方向滑入，轻松添加动画，掷入、排序、放大效果，摇拍，图片拍摄效果，滑动效果以及大量其他的仅仅需要少量编码的特效使得jQuery称为开发者和网站制作的首选。 下面的jQuery插件对含有需要大量空间的巨...
阅读全文
摘要：一、概述 除了正常运行模式，ECMAscript 5添加了第二种运行模式："严格模式"（strict mode）。顾名思义，这种模式使得Javascript在更严格的条件下运行。 设立"严格模式"的目的，主要有以下几个： - 消除Javascript语法的一些不合理、不严谨之处，减少一些怪异行为; - 消除代码运行的一些不安全之处，保证代码运行的安全； - 提高编译器效率，增加运行速度； - 为未来新版本的Javascript做好铺垫。 "严格模式"体现了Javascript更合理、更安全、更严谨的发展方向，包括IE 10在内的主流浏
阅读全文
摘要：1) Best Cross Platform IDE -Brackets Brackets是一个在前端Web开发和设计人员中最流行的开放源码IDE/代码编辑器之一。它拥有一些实用工具能够将HTML 和CSS推送至浏览，而不需要保存或重新加载页面。这是一个强大的工具，你将会爱上在Bracket中编写代码。 2) Best Cross Platform IDE -Light Table Light Table是由Microsoft Visual Studio部门项目经理Chris Granger离职后开发的全新理念的IDE，支持多种语言，比如Python、Clojure、JavaScri...
阅读全文
摘要：一、介绍 浏览器可以被认为是使用最广泛的软件，本文将介绍浏览器的工作原理，我们将看到，从你在地址栏输入google.com到你看到google主页过程中都发生了什么。 将讨论的浏览器 今天，有五种主流浏览器——IE、Firefox、Safari、Chrome及Opera。 本文将基于一些开源浏览器的例子——Firefox、Chrome及Safari，Safari是部分开源的。 根据W3C（World Wide Web Consortium万维网联盟）的浏览器统计数据，当前（2011年5月），Firefox、Safari及Chrome的市场占有率综合已接近60％。（原文为2009年1...
阅读全文
摘要：一、什么是301重定向 301重定向（或叫301跳转、301转向）是用户或搜索引擎蜘蛛向网站服务器发出访问请求时，服务返回的HTTP数据流中头信息（header）部分状态码的一种，表示本网址永久性转移到另一个地址。其他常见的状态码还包括：200（表示一切正常）；404（网页不存在）；302（临时性转向）；500 （内部程序错误）； 除了301转向，网址转向还有其他方法，如302转向、JavaScript转向、PHP/ASP/CGI程序转向、Meta Refresh等。 301重定向对搜索引擎优化具有不可替代的作用。用301重定向巩固规范版本的URL，重拾权重，防止搜索结果的重复内容。从搜...
阅读全文
摘要：写JS实现拖动需要一大堆不便维护的代码，实属麻烦，Google了大半天，发现了一个优秀的Jquery插件EasyDrag，只需要一行代码便可轻松在主流浏览器上实现拖动效果.$(document).ready(function(){$("#divPanel").easydrag();});Html 代码TitleEasyDrag还可以指定可拖动的区域，比如只能通过标题拖动整个div，我们JS可以这样写$(document).ready(function(){$("#divPanel").easydrag();$("#divPanel")
阅读全文
摘要：说明：1、因为获取高度的情况跟获取宽度的情况一样，所以以下只说获取宽度的情况。 2、以下所说的所有方法与属性所返回的值都是不带单位的。 3、为了方便说明，以下情况采用缩写表示： obj -> 在原生JS中表示DOM对象；在JQuery中表示JQuery对象 Width -> obj.style.width OffsetWidth -> obj.offsetWidth $width -> obj.width() $innerWidth -> obj.innerWidth() $outerWidth -> obj.outerWidth() padd...
阅读全文
摘要：为什么在IE9中对于HTML5标准中的离线应用程序以及CSS3中的一部分不提供支持？笔者间接了解到了这个原因。微软日前已经发布了Internet Explorer 9(以下简称IE9)正式版。在该版本中，微软遵循他们的发展战略，对于作为最新Web标准的HTML5与CSS3中大多数功能提供了支持。同时，微软也准备将IE9应用在Windows Phone 7中使用。IE9无疑成为了微软的Internet战略中非常重要的一个环节。但是，现在公布的IE9中，应该被用来与Firefox，Safari，Chrome等浏览器相竞争的HTML5中的几个重大功能却没有得到支持。现将W3C公布的HTML5以及与其
阅读全文
摘要：lazyload.js是一个基于JQuery的插件，可以用来缓冲加载图片。如果一个网页很长并且有很多图片的话，下载图片就需要很多时间，那么就会影响整个网页的加载速度，而这款延迟加载插件，会通过你的滚动情况来加载你需要看的图片，然后它才会从后台请求下载图片，最后显示出来。通过这个插件，可以在需要显示图片的时候，才下载图片，从而可以减少服务器的压力，提高页面加载速度。Lazy Load 插件原理修改目标img元素的src属性为orginal属性，从而中断图片的加载。检测滚动状态，然后把网页可视区域中的img的src属性还原然后加载图片，从而制造了一种缓冲加载的效果。代码引入方法：123456789
阅读全文
摘要：在这篇文章中已经收集了10个最佳的jQuery视频插件，帮助开发人员容易地实现网站播放影片功能。可以显示视频和视频播放列表。 1. Bigvideo.js BigVideo.js 是一个jQuery插件能够，让你很方便将视频作为网站的背景。 它可以默默地播放一个视频，或用一个列表让用户选择他们喜欢的进行播放。 这个插件基于Video.js构建。此外如果有些设备不支持自动播放支持显示成图片。 2. jPlayer jPlayer是一个可定制和更换皮肤的开源JQuery的播放器，允许在网页中播放音频和视频。jPlayer是跨浏览器兼容的播放器，可以播放多种文件格式，如MP3，MP4...
阅读全文
摘要：由于其拥有庞大，实用的插件库，使得jQuery变得越来越流行。今天将介绍一些最好的jQuery树形视图插件，具有扩展和可折叠的树视图。这些都是轻量级的，灵活的jQuery插件，它将一个无序列表转换为可展开和折叠的树。 Treeview – Expandable and Collapsible Tree jQuery Plugin jQuery Treeview是一个轻巧和灵活的jQuery插件。它将一个无序列表转换成一个可扩展和可折叠的树，非常适合导航增强。 示例 jsTree – jQuery Tree Plugin jsTree 是一个基于Javascript，支持多浏览器的Tr...
阅读全文
摘要：几年前，很难找到一个合适的颜色选择器。正好看到很多不错的JavaScript颜色选择器插件，故而把这些编译汇总。在本文，Web设计师和开发人员 Kevin Liew 选取了11个相应插件，有些会比较复杂，其他比较简单，相信应该会有适合你的。 1.ExColor ExColor是一个类似Photoshop样式的jQuery颜色拾取插件，其定制性非常高，通过参数设置可生成各种样式和效果的颜色拾取器。它可以附加到任意的input输入框，通过简单地调用一行函数即可。 2.JScolorJSColor是一个简单、易于使用的JavaScript库，可以将任何给定input框转化为颜色选择器。该选择...
阅读全文
摘要：各种浏览器之间的竞争的白热化意味着越来越多的人现在开始使用那些支持最新、最先进的W3C Web标准的设备，以一种更具交互性的方式来访问互联网。这意味着我们终于能够利用更强大更灵活的CSS来创造更简洁，更好维护的浏览器前端代码。现在让我们来看一看一些也许你还不知道的让人兴奋的CSS 功能。 在CSS中用attr()显示HTML属性值 attr()功能早在CSS 2.1标准中就已经出现，但现在才开始普遍流行。它提供了一个巧妙的方法在CSS中使用HTML标签上的属性，在很多情况下都能帮你省去了以往需要Javascript处理的过程。 要想使用这个功能，你需要用到三种元素：一个:before...
阅读全文
摘要：编码一直是让新手头疼的问题，特别是 GBK、GB2312、UTF-8 这三个比较常见的网页编码的区别，更是让许多新手晕头转向，怎么解释也解释不清楚。但是编码又是那么重要，特别在网页这一块。如果你打出来的不是乱码，而网页中出现了乱码，绝大部分原因就出在了编码上了。此外除了乱码之外，还会出现一些其他问题（例如：IE6 的 CSS 加载问题）等等。本文的目的就是要彻底解释清楚这个编码问题！如果你遇到了类似的问题，那就要仔细的看看这篇文章。 ANSI、GBK、GB2312、UTF-8、GB18030和 UNICODE 这几个编码关键词是比较常见的，虽然我把我们放在了一起说，但并不意味这这几个东...
阅读全文
摘要：一、Asp.net中的线程池设置 在Asp.net的服务处理中，每当服务器收到一个请求，HttpRuntime将从HttpApplication池中获取一个HttpApplication对象处理此请求，请求的处理过程将被排入线程池中，对于Asp.net来说，在Machine.config文件的processModel部分中可以设置线程池中的参数。 Asp.net线程相关的参数配置：参数配置autoConfig基于服务器的配置自动设置。maxWorkerThreads设置每个CPU的最大工作线程数量，可以设置为5~100，默认为20，建设设置为100minWorkerThreads设置每个C..
阅读全文
摘要：为了实现div的圆角效果，你还在用古老的背景图片拼凑的方法吗？还是在用各种浏览器不互相兼容的CSS方式？如果你还在用这样的方式实现圆角，那我告诉你你真的out了，或许是我out了，竟然以前没发现有这样一个强大的jquery圆角插件，既然今天发现了，那我就不得不拿出来和大家分享了。求发展，先分享，少废话，贴代码:-)这个插件有一个特点是如果用户的浏览器支持border-radius圆角属性（Opera 10.5+, Firefox, Safari, and Chrome），那它就不生成多余的div，直接应用border-radius属性，否则就生成div来构造圆角，这样就可以省去很多不必要的麻烦
阅读全文
摘要：在本文中列出了21个值得收藏的Javascript技巧,在实际工作中,如果能适当运用,则大大提高工作效率。 1 Javascript数组转换为CSV格式 首先考虑如下的应用场景,有一个Javscript的字符型(或者数值型)数组,现在需要转换为以逗号分割的CSV格式文件。则我们可以使用如下的小技巧，代码如下：12var fruits = ['apple', 'peaches', 'oranges', 'mangoes'];var str = fruits.valueOf(); 输出：apple,peaches,oranges,ma
阅读全文
