一个通过JSONP跨域调用WCF REST服务的例子（以jQuery为例）
摘要：一个通过JSONP跨域调用WCF REST服务的例子（以jQuery为例）JSONP（JSON with Padding）可以看成是JSON的一种“使用模式”，用以解决“跨域访问”的问题，这篇简单的文章给出一个简单的例子用于模拟如何通过jQuery以JSONP的访问调用一个WCF REST服务。[源代码从这里下载]在这个例子中，我们将定义一个用于返回所有员工信息的服务，下面是用于表示员工信息的Employee的类型和契约接口。契约接口IEmployees的GetAll操作用以返回所有员工列表，我们指定了Uri模板并将回复消息格式设置为JSON。 1: using System.Collec..
阅读全文
摘要：作者：Tony Qu我今天只讨论基于JavaScript的TDD，可能有些公司是用C#做js单元测试的，但我不认为这是个好主意，很多js运行时的东西让js来返回会更直观，且易于维护。在讨论jQuery TDD之前，我们先来了解下什么才是一个标准的TDD框架。作为标准的TDD框架，必须满足这么几个要求：1. 即使测试脚本出错了也要能继续运行接下来的脚本2. 能够不依赖被测试代码写测试用例，即使代码没有实现也可以先写测试用例3. 能够显示详细的错误信息和位置4. 能够统计通过和未通过的用例的数量5. 有专门的可视化界面用于统计和跟踪测试用例6. 易于上手，通过一些简单的指导就可以马上开始写测试代码
阅读全文
摘要：才华横溢的Stoyan Stefanov，在他写的由O’Reilly初版的新书《JavaScript Patterns》(JavaScript模式)中，我想要是为我们的读者贡献其摘要，那会是件很美妙的事情。具体一点就是编写高质量JavaScript的一些要素，例如避免全局变量，使用单变量声明，在循环中预缓存length(长度)，遵循代码阅读，以及更多。此摘要也包括一些与代码不太相关的习惯，但对整体代码的创建息息相关，包括撰写API文档、执行同行评审以及运行JSLint。这些习惯和最佳做法可以帮助你写出更好的，更易于理解和维护的代码，这些代码在几个月或是几年之后再回过头看看也是会觉得很自豪的。书
阅读全文
摘要：本文会给你们展示50个jquery代码片段，这些代码能够给你的javascript项目提供帮助。其中的一些代码段是从jQuery1.4.2才开始支持的做法，另一些则是真正有用的函数或方法，他们能够帮助你又快又好地把事情完成。这些都是我尽量记住的有着最佳性能的代码段，因此如果你发现你任何可以做得更好的地方的话，欢迎把你的版本粘贴在评论中!我希望你在这一文章中能找到有帮助的东西。1.如何创建嵌套的过滤器：1. //允许你减少集合中的匹配元素的过滤器，2. //只剩下那些与给定的选择器匹配的部分。在这种情况下，3. //查询删除了任何没（:not）有（:has）4. //包含class为“selec
阅读全文
摘要：Web中的Tip组件实现2011-12-28 08:51 by andycja, 943 visits,收藏,编辑Tip组件下载Tip是页面设计中最常见不过的组件，但要从无到有实现一个优秀的tip组件并不是一件容易的事情。本文介绍了本人编写的tip组件，并提供源码供下载。您可以直接使用，但希望您能保留代码中的作者注释。:)本tip组件具有以下特性：1、兼容各主流浏览器。2、自适应高度。3、有上方向和下方向两种tip。4、只用一张背景图。5、在现代浏览器中具有阴影和圆角效果。6、可扩展性：可以通过扩展类来调整tip上小箭头的位置和内容的宽度。相信读者结合源码和组件展示效果能很快领会以上所列各点的
阅读全文
摘要：幻灯片组件下载幻灯片是页面设计中最常见不过的组件，但要从无到有实现一个优秀的幻灯片组件并不是一件容易的事情。本文介绍了本人编写的幻灯片组件，并提供源码供下载。您可以直接使用，但希望您能保留代码中的作者注释。本tip组件具有以下特性：1、兼容各主流浏览器。2、良好的行为和接口抽象。3、良好的代码实现。4、可扩展性：具有简单替换和淡入淡出两种切换效果。另外，您可以方便地定制自己想要的切换效果。5、幻灯片和轮询按钮样式与轮询逻辑分离，可以在不影响轮询逻辑的情况下修改展现样式。下面的代码实现简单替换和淡入淡出两种切换效果，您可以扩展代码定制自己想要的效果。showSlide=function(inde
阅读全文
摘要：分享一款jQuery的UI插件：Ninja UI日期：2011/12/26在线演示本地下载今天分享一款jQuery的UI插件-Ninja UI， 这个插件使用jQuery本身的语法来开发界面元素，而且你不需要关注CSS样式相关设定，因为整个CSS样式都被直接写到了插件中，不过坏处是，你需要 在开发前就确定好CSS，同时目前提供俩个类型的主题。插件使用简单，如果你会写jQuery代码，使用起来得心应手，支持的组件不是特别多，不过比较实 用，整个类库非常小，可以考虑使用其中某些组件。支持组件：自动补齐 autocomplete按钮 button对话框 Dialog抽屉层 drawer图标 icon
阅读全文
摘要：最近被暴库的很多，密码安全成为重大问题！如何避免简单密码呢？还在冥思苦想密码？no我为大家准备了一个密码生成工具，有0-9和a-k的英文字母组成，数字是乱序排列。字母随机一个替换掉一个数字，生成一个长度为10的密码。?1234567891011121314151617181920212223242526272829303132333435363738394041<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml
阅读全文
摘要：前言这里就不对jquery mobile做过多的历史介绍,直接进行jQuery mobile的学习jQuery mobile 框架纵览1.jQuery mobile 的显示结构如图1.1从上面的图示我们可以知道,一个完整的页面是由headercontentfooter这三部分组成.那这三部分是不是一个jQuerymobile 页面必须拥有的元素呢,而且必须是这样的排序呢?答案是:不是,这些元素可以组合和排序可以任由自己自由选择,当然,我个人建议还是严格按照规范进行排序.2,第一个Hello,World 的jQuery Mobile!在进行我们第一个jQuery Mobile Hello wor
阅读全文
摘要：因为我们无法通过任何方法获取整个页面的大小和当前加载了多少，所以想制作一个加载进度条的唯一办法就是模拟。那要怎么模拟呢？ 我们知道，页面是从上往下执行的，也就是说我们可以大致估算出在页面的某个位置加载了多少，而后用jq模拟出一个进度条来显示。 首先我们先画一个进度条的样子，也就是上图图中的样子，这个不用过多说明，自己看代码 CSS?*{margin:0;padding:0;font-size:12px}.loading{position:relative;top:0;left:0}.text input{float:left;color:#fff;height:32px;line-h...
阅读全文
摘要：1、工厂模式抽象了创建具体对象的过程，但是在ECMAScript中无法创建类，所以就使用一种函数来封装以特定接口创建对象的细节。以一下情况为例，?1有一个员工类，有姓名、年龄、职位属性，?12345678910function CreateEmployee(name, age, job) {var Emp = new Object();Emp.name = name;Emp.age = age;Emp.job = job;Emp.sayName = function () {alert(this.name);};return Emp;}使用以上方法定义两个员工，Jim,Sun?12var Ji
阅读全文
摘要：有时候，我们不需要太牛逼太强大的JavaScript模板引擎（比如jQuery tmpl或者handlebarsjs），我们只是需要在简单的模板里绑定一些非常简单的字段，本文将使用非常简单的技巧来帮你实现这个小功能。首先我们先来定义我们需要的模板，在id为template的script块里：<!doctype html><html><head> <meta charset=utf-8> <title>Simple Templating</title></head><body> <div cla
阅读全文
摘要：11月中旬在伦敦举行的jQuery Summit顶级大会上有个session讲的是大型JavaScript应用程序架构，看完PPT以后觉得甚是不错，于是整理一下发给大家共勉。PDF版的PPT下载地址：http://www.slideshare.net/jibyjohnc/jqquerysummit-largescale-javascript-application-architecture注：在整理的过程中，发现作者有些思想是返来复去地说，所以删减了一部分，如果你的英文良好，请直接阅读英文的PPT。以下是本文的主要章节：1. 什么叫“JavaScript大型程序”？2. 顾当前的程序架构3.
阅读全文
摘要：http://www.cnblogs.com/lovejjhao/archive/2011/12/12/2285313.html 昨日在一个前端网站上看见了一个老外写的纯用css3做的仿Path菜单，心里痒痒，于是也用jQuery写了一个，现在分享给大家。 使用方法: 1.依次引用jquery.1.7.1,jQueryRotateCompressed.2.1.js(旋转插件),jquery.path.1.0.js(我自己写的Path插件) 2.页面元素采用如下格式 1 <div id="content">2 <div>单击我</div>3
阅读全文
摘要：来园第一篇文章【jquery 滚动插件】2011-12-12 21:03 by 陈放, 506 visits,收藏,编辑//内部定制开放//author:陈放,//email:lanhaigcb@163.com//qq:314247352(function ($) { var obj = null; var time = 2000; var t; $.fn.hkRoll = function (options) { obj = this; var defaults = { imgUrlList: "", //图片地址,号...
阅读全文
摘要：近年来，JavaScript 越来越受到重视，早已不单单只是写写网页特效的脚本语言了，如今广泛用于网站的前端交互。值得一提的是，当下 Web 开发者们追捧的 Node.js 使得JavaScript能够在更多环境下运行，甚至是服务器端，使得这门语言再次受到大家的关注。今天，本文向JavaScript 开发者推荐十款超级有用的工具。YepNopeYepNope 是一个异步的条件加载框架，速度超快，只为用户加载需要的脚本。使用非常简单，非常有用！点击访问：http://yepnopejs.com/ModernizrModernizr 是一个开源的JavaScript库，它使得那些基于访客浏览器的不
阅读全文
摘要：jQuery LigerUI V1.1.0 (包括API和全部源码) 发布API:http://api.ligerui.com/演示地址:http://demo.ligerui.com/源码下载:http://ligerui.googlecode.com/技术支持：http://www.cnblogs.com/leoxie2011/V1.1.0更新记录：表格[需求]加入分组模式[需求]加入树模式[需求]加入统计行(位于底部)[需求]加入延时加载[需求]加入本地查询支持[需求]加入复选框初始化的支持[需求]列 百分比[需求]列 显示和隐藏[需求]列 表头改变文字[需求]编辑器事件: 编辑前事件、
阅读全文
摘要：用js框架有什么好处？当时想都没想：高效开发，替我们解决兼容性问题。还有么？额。。。后来查了下相关的资料，又结合自己再仔细思考、群内童鞋们讨论，我觉得答案可能还是：高效开发。但现在理解的高效开发可能跟之前理解的就不一样了，网上有这么一篇文章，短小，不过我觉得还是很中肯的。谈谈js框架的利弊2010 十月 26by admin在全职做前端之前，有很长一段时间是在做.net开发，对“框架”这个词还是挺有体会的。从.net framework2.0开始接触，一直到3.5，现在应该到4.0了吧没怎么关注了。.net框架配上vs集成开发环境，可以说在快速开发企业用户的地位是其它没法超越的。一般做.net
阅读全文
摘要：Lightbox，也就是灯箱特效 1）TopUp是一款基于jquery用于显示图片和网页的对话框组件.主页:http://gettopup.com/ 2）CeraBox是一个基于MooTools的Lightbox灯箱插件。它能够展示图片，SWF文件和其它任意可通过iframes或Ajax加载的HTML内容。展示窗体可以根据加载内容大小自动调整。主页:http://cerabox.ceramedia.nl/ 3）Imagebox是一基于jquery的lightbox图片展示插件.主页:http://www.intelliance.fr/jquery/imagebox/ 4）ColorBo...
阅读全文
摘要：上一篇已经演示了Demo的效果，从这一篇开始我们来完成这个Demo的制作，今天我们来编写简单到不能再简单的MVC列表。以所有系统都会用到的数据字典为例子，采用ASP.NET MVC结合Entity Framework的方式，可以非常快速的创建一个带数据库的列表。第一步：创建一个空的MVC应用程序，因为我们有DWZ华丽的外衣，所以就不需要MVC默认的样式了。第二步：创建字典项的控制器，这里采用空模板，因为我们需要更多的定制化。第三步：创建数据字典项和数据字典类型的Model对象，设置了显示文本。第四步：我们需要编写Action，命名为List，代码如下图所示：第五步：利用ASP.NET MVC框
阅读全文
