巴萨，足球的艺术

做前端开发少不了各种利器。比如习惯用的还是Google浏览器和重型武器Fiddller。一： 原始情况首先大家看看如下的代码： 1 "C#" AutoEventWireup="true" CodeBehind="Default.aspx.cs" Inherits="JsLoad.Default" %> 2 3 "-//W3C//DTD XHTML 1.0 Transi

作者： 阮一峰日期： 2012年10月26日                                        随着网站逐渐变成"互联网应用程序"，嵌入网页的Javascript代码越来越庞大，越来越复杂。

为有父, 子节点同在, 因为有监听事件和浏览器默认动作之分. 使用 JavaScript 时为了达到预期效果经常需要阻止事件和动作执行. 一般我们会用到三种方法, 分别是stopPropagation(), preventDefault() 和 return false. 它们之间有什么区别, 该何时使用呢? 将在本文中进行讲解.术语监听事件, 在在节点上能被监听的页面操作

一、关于滚动显屏加载常常会有这样子的页面，内容很丰富，页面很长，图片较多。比如说光棍节很疯狂的淘宝商城页面。或者是前段时间写血本买了个高档耳机的京东商城页面，或者是新浪微博之类。这些页面图片数量多，而且比较大，少说百来K，多则上兆。要是页面载入就一次性加载完毕。乖乖，估计黄花都变成黄花菜了。所以，我们得做点什么，避免这种糟糕的状况发生。目前很流行的做法就是滚动动态加载，显示屏幕

Lazy Load 这个 jQuery 插件，是用来缓冲加载图片的插件。如果一篇文章很长有很多图片的话，下载图片就需要很多时间。而这款插件，会检测你的滚动情况，只有你要看到那个图片的时候，它才会从后台请求下载图片，然后显示出来。使用这个插件，可以在需要显示图片的时候，才下载图片，所以可以减少服务器的压力，避免不必要的资源下载。如果一个人不看下面的图片，那加载下面的图片就是一种浪费。Lazy

//if (document.all) {        //    document.getElementById('openApp').click();        //}        //    // 其它浏览器        //else {        //    var e = document.createEvent("MouseEvents");

同构JavaScript应用指的是用JavaScript编写的应用，能够同时运行于客户端和服务器。这也让在客户端和服务器之间共享代码变成一种更普遍自然的选择。这一趋势通过库（如React）共享模版得到了增强。围绕Web最著名的格言之一是Java的“一次编写，到处运行”。不过这个座右铭只适用于Java吗？我们能否也用它来形容JavaScript？答案是肯定的。单一页面应用

     年前也做了一些东西，由于过年只顾疯了，也没有整理，年后补上把~ 今天整理一下个phantomjs截图实践中遇到的问题。         最近做的一个项目，需要在首页展示已经做的一些项目的缩略图，方便在查找的时候，更方便的知道这个项目是一个什么样的页面。本身使用的thinkjs写的系统，所以找到了使用phantomjs进行截图，所以查到了phantomjs的

上传文件问题，主要需求是一步点击上传，兼容ie8+，当时用的dojox/form/uploader控件，这两天扒了一下源码，明白了原理拿出来分享一下。总体思路如下：1、对于支持XMLHttpRequest2的浏览器使用FormData通过ajax上传2、对于ie10一下的浏览器使用iframe异步上传，还需后台服务器做相应处理，这部分也是dojo/request/iframe上

jQuery焦点图插件的应用非常广泛，插件类型也很多，特别是图片切换的动画效果有简单的，也有超级炫酷的，有些甚至还有3D的动画特效。本文要分享一些效果超赞的jQuery焦点图动画插件，这些插件也许可以在你平时的工作中起到一定的协助作用。1、宽屏可左右切换的jQuery焦点图插件今天要继续为大家分享一款很不错的jQuery焦点图插件，它是宽屏展示的，而且有两个大气的按钮用来左右切换图

在前面小节中曾经介绍过jQuery定义的ready事件和JavaScript默认的load事件。下面我们来比较这两个事件的区别。为了理解这两个事件的异同，读者应该先了解HTML文档加载的顺序。DOM文档加载是按顺序执行的，这与浏览器的渲染方式有关系。一般浏览器渲染操作的顺序大致按如下几个步骤来完成。(1) 解析HTML结构。(2) 加载外部脚本和样式表文件。(3)

 探索一下deferreds的概念：一个在JavaScript工具包（如Dojo和MochiKit）中非常重要的一个功能，最近也首次亮相于流行的JavaScript库jQuery（已经是1.5版本的事情了）。 Deferreds提供了一个抽象的非阻塞的解决方案（如Ajax请求的响应），它创建一个“promise”对象，其目的是在未来某个时间点返回一个响应。 如果您有没有接触过“promis

Deferred对象是由$.Deferred构造的，$.Deferred被实现为简单工厂模式。它用来解决JS中的异步编程，它遵循 Common Promise/A 规范。实现此规范的还有 when.js 和 dojo。 $.Deferred作为新特性首次出现在版本1.5中，这个版本利用Deferred又完全重写了Ajax模块。$.Deferred在jQuery代

使用面向对象的技术创建高级 Web 应用程序Ray Djajadinata本文讨论: JavaScript 是基于原型的语言用 JavaScript 进行面向对象的编程JavaScript 编码技巧JavaScript 的未来本文使用了以下技术: JavaScript  目录JavaScript 对象是词典

超棒的30款JS类库和工具   JavaScriptjQueryWebAppHTML5前端开发摘要：对于Web设计人员和开发人员来说，手里有一套便利的、最新的工具可供使用是极其重要的。Web设计和开发的趋势变化极快，所以拥有最新的工具是必不可少的。因此小编今天为大家整理了30个JS类库和工具以供参考。当设计人员和开发人员真正快速便捷的使用JavaScript类库和工

[开源推荐]PhysicsJS：基于JavaScript的强大的物理引擎发表于1小时前| 342次阅读| 来源PhysicsJS|2 条评论| 作者王果PhysicsJSJavaScript物理引擎开源开源推荐摘要：PhysicsJS是一个基于JavaScript、模块化、可扩展、易于使用的物理引擎。通过它，你可以很方便地在Web应用中实现各种物理运动效果，比如碰撞

Knockout.js是一个JavaScript库，它可以让你声明绑定元素和其对应的数据模型，达到你的UI和模型自动双向更新。Knockout入门不难，并且它很好地集成了其他的类库和技术。通过本篇文章你可以入门。                 为什么是Knockout开发一个复杂的、动态的以数据驱动的（data-driven数据驱动）网页应用是一个具有挑战

作用：这个函数的作用主要是为了系列化对象的。 可能有些人对系列化这个词过敏，我的理解很简单。就是说把原来是对象的类型转换成字符串类型（或者更确切的说是json类型的）。就这么简单。打个比方说，你有一个类，那么你可以通过这个方法转换成相应的json类型的。很简单吧。接着看。 语法： JSON.stringify(value [, replacer] [, space]) va

将Vistual Studio打造成为Node.js IDE摘要：Visual Studio是开发C#、ASP.NET的首选IDE，但并不是说它就不可以作为其它语言IDE，本文将向大家揭开Visual Studio的另一大用途——开发Node.js应用。之前，优快云研发频道曾报道过一篇Visual Studio可作为Python IDE的文章，文章里向大家介绍了一款P

几款极好的 JavaScript 下拉列表插件 　　表单元素让人爱恨交加。作为网页最重要的组成部分，表单几乎无处不在，从简单的邮件订阅、登陆注册到复杂的需要多页填写的信息提交功能，表单都让开发者花费了大量的时间和精力去处理，以期实现好用又漂亮的表单功能。这篇文章分享几款很棒的JavaScript 下拉列表功能增强插件。您可能感兴趣的相关文章精心推荐几款极好的

jQueryIE浏览器JavaScriptGoogle Query对DOM的事件触发具有冒泡特性。有时利用这一特性可以减少重复代码，但有时候我们又不希望事件冒泡。这个时候就要阻止 jQuery.Event冒泡。 在jQuery.Event 的文档 中的开头得知，jQuery.Event对象是符合W3C标准的一个事件对象，同时jQuery.Event免去了检查

Javascript模块化编程（二）：AMD规范作者： 阮一峰日期： 2012年10月30日                                        这个系列的第一部分介绍了Javascript模块的基本写法，今天介绍如何规范地使用模块。                                          

Javascript模块化编程（三）：require.js的用法                                       作者： 阮一峰日期： 2012年11月 7日                                        这个系列的第一部分和第二部分，介绍了Javascript模块原型和理论概念，今天介

概述： 　　NodeJS宣称其目标是“旨在提供一种简单的构建可伸缩网络程序的方法”，那么它的出现是为了解决什么问题呢，它有什么优缺点以及它适用于什么场景呢？　　本文就个人使用经验对这些问题进行探讨。 一. NodeJS的特点 　　我们先来看看NodeJS官网上的介绍：　　Node.js is a platform built on Chrome's JavaScri

学会如何获取鼠标的坐标位置以及监听鼠标的按下、拖动、松开等动作事件，从而实现拖动鼠标来改变图片大小。还可以学习css中的clip属性。一、CSS实现图片不透明及裁剪效果。图片剪切三层结构1、第一层opacity,给图层设置透明度2、第二层clip，clip属性：对图片进行裁剪，实现图像的一部分显示，其他部分进行隐藏3、第三层选取框absolute（与第二层重叠的），包括八