最新 | 最热门 | 最高评价
---

+0  跨域资源共享 CORS 详解

Tag: JavaScript
阮一峰 发于 2016年04月12日 06:56 | 点击: 1498 | 展开摘要
CORS是一个W3C标准，全称是"跨域资源共享"（Cross-origin resource sharing）。

它允许浏览器向跨源服务器，发出XMLHttpRequest请求，从而克服了AJAX只能同源使用的限制。

本文详细介绍CORS的内部机制。

（图片说明：摄于阿联酋艾因（Al Ain）的绿洲公园）

一、简介

CORS需要浏览器和服务器同时支持。目前，所有浏览器都支持该功能，IE浏览器不能低于IE10。

整个CORS通信过程，都是浏览器自动完成，不需要用户参

查看全文: http://www.udpwork.com/item/15392.html
---

+0  浏览器同源政策及其规避方法

Tag: JavaScript
阮一峰 发于 2016年04月08日 22:02 | 点击: 1571 | 展开摘要
浏览器安全的基石是"同源政策"（same-origin policy）。很多开发者都知道这一点，但了解得不全面。

本文详细介绍"同源政策"的各个方面，以及如何规避它。

一、概述

1.1 含义

1995年，同源政策由 Netscape 公司引入浏览器。目前，所有浏览器都实行这个政策。

最初，它的含义是指，A网页设置的 Cookie，B网页不能打开，除非这两个网页"同源"。所谓"同源"指的是"三个相同"。

协议相同

域名相同

端口相同

举例来说，http://w

查看全文: http://www.udpwork.com/item/15386.html
---

+0  Node 应用的 Systemd 启动

Tag: JavaScript
阮一峰 发于 2016年03月12日 21:24 | 点击: 1786 | 展开摘要
前面的文章介绍了 Systemd 的操作命令和基本用法，今天给出一个实例，如何使用 Systemd 启动一个 Node 应用。

本文是独立的，不需要前面的教程作为预备知识。

一、克隆代码

首先，下载示例库。

$ git clone https://github.com/ruanyf/node-systemd-demo.git
$ cd node-systemd-demo

示例脚本server.js非常简单，就是一个 HTTP 服务器。

var http = req

查看全文: http://www.udpwork.com/item/15322.html
---

+0  React 测试入门教程

Tag: JavaScript
阮一峰 发于 2016年02月13日 17:30 | 点击: 1928 | 展开摘要
越来越多的人，使用React开发Web应用。它的测试就成了一个大问题。

React的组件结构和JSX语法，不适用传统的测试工具，必须有新的测试方法和工具。

本文总结目前React测试的基本做法和最佳实践，手把手教你如何写React测试。

一、Demo应用

请先安装Demo。

$ git clone https://github.com/ruanyf/react-testing-demo.git
$ cd react-testing-demo && npm insta

查看全文: http://www.udpwork.com/item/15183.html
^..^

+0  Babel 入门教程

Tag: JavaScript
阮一峰 发于 2016年01月25日 21:33 | 点击: 1958 | 展开摘要
（说明：本文选自我的新书《ES6 标准入门（第二版）》的第一章《ECMAScript 6简介》）

Babel是一个广泛使用的转码器，可以将ES6代码转为ES5代码，从而在现有环境执行。

这意味着，你可以现在就用ES6编写程序，而不用担心现有环境是否支持。下面是一个例子。

// 转码前
input.map(item => item + 1);

// 转码后
input.map(function (item) {
return item + 1;
});

上面的原始

查看全文: http://www.udpwork.com/item/15156.html
---

+0  npm 模块安装机制简介

Tag: JavaScript
阮一峰 发于 2016年01月21日 09:42 | 点击: 2107 | 展开摘要
npm 是 Node 的模块管理器，功能极其强大。它是 Node 获得成功的重要原因之一。

正因为有了npm，我们只要一行命令，就能安装别人写好的模块 。

$ npm install

本文介绍 npm 模块安装机制的细节，以及如何解决安装速度慢的问题。

一、从 npm install 说起

npm install 命令用来安装模块到node_modules目录。

$ npm install <packageName>

安装之前，npm install会先

查看全文: http://www.udpwork.com/item/15144.html
---

+0  《ES6 标准入门》（第二版）出版了

Tag: JavaScript
阮一峰 发于 2016年01月18日 20:41 | 点击: 1672 | 展开摘要
如果你经常看这个博客，就会知道我写了一本书。

现在第二版问世了，书名为《ES6 标准入门》。

购买链接如下。全部是现货。现在下单，最快明天就能拿到。

京东

当当

亚马逊

China-pub

老读者都知道，这本书是开源的。你可以先看看，再决定买不买。出版社有利润压力，但还是支持我开源。希望不会影响销量，如果最后亏钱，就对不起朋友了。

这本书的质量，我很有信心。市场上唯一的ES6出版物，可能也是最好的 JavaScript 进阶教程。所有语法点都讲解了，尽量做到深

查看全文: http://www.udpwork.com/item/15138.html
---

+0  Flux 架构入门教程

Tag: JavaScript
阮一峰 发于 2016年01月15日 10:03 | 点击: 1824 | 展开摘要
过去一年中，前端技术大发展，最耀眼的明星就是React。

React 本身只涉及UI层，如果搭建大型应用，必须搭配一个前端框架。也就是说，你至少要学两样东西，才能基本满足需要：React + 前端框架。

Facebook官方使用的是 Flux 框架。本文就介绍如何在 React 的基础上，使用 Flux 组织代码和安排内部逻辑，使得你的应用更易于开发和维护。

阅读本文之前，我假设你已经掌握了 React 。如果还没有，可以先看我写的《React入门教程》。与以前一样，本

查看全文: http://www.udpwork.com/item/15127.html
---

+0  测试框架 Mocha 实例教程

Tag: JavaScript
阮一峰 发于 2015年12月03日 09:37 | 点击: 1611 | 展开摘要
Mocha（发音"摩卡"）诞生于2011年，是现在最流行的JavaScript测试框架之一，在浏览器和Node环境都可以使用。

所谓"测试框架"，就是运行测试的工具。通过它，可以为JavaScript应用添加测试，从而保证代码的质量。

本文全面介绍如何使用Mocha，让你轻松上手。如果你以前对测试一无所知，本文也可以当作JavaScript单元测试入门。值得说明的是，除了Mocha以外，类似的测试框架还有Jasmine、Karma、Tape等，也很值得学习。

一、安装

查看全文: http://www.udpwork.com/item/14817.html
---

+0  读懂 ECMAScript 规格

Tag: JavaScript
阮一峰 发于 2015年11月12日 20:55 | 点击: 1656 | 展开摘要
一、概述

规格文件（specification）是计算机语言的官方标准，详细描述语法规则和实现方法。

一般来说，没有必要阅读规格，除非你要写编译器。因为规格写得非常抽象和精炼，又缺乏实例，不容易理解，而且对于解决实际的应用问题，帮助不大。但是，如果你遇到疑难的语法问题，实在找不到答案，这时可以去查看规格文件，了解语言标准是怎么说的。规格是解决问题的"最后一招"。

这对JavaScript语言很有必要。因为它的使用场景复杂，语法规则不统一，例外很多，各种运行环境的行为不一

查看全文: http://www.udpwork.com/item/14760.html
---

+0  JavaScript 模块的循环加载

Tag: JavaScript
阮一峰 发于 2015年11月02日 16:44 | 点击: 1594 | 展开摘要
"循环加载"（circular dependency）指的是，a脚本的执行依赖b脚本，而b脚本的执行又依赖a脚本。

// a.js
var b = require('b');

// b.js
var a = require('a');

通常，"循环加载"表示存在强耦合，如果处理不好，还可能导致递归加载，使得程序无法执行，因此应该避免出现。

但是实际上，这是很难避免的，尤其是依赖关系复杂的大项目，很容易出现a依赖b，b依赖c，c又依赖a这样的情况。这意味着，模块加载机制

查看全文: http://www.udpwork.com/item/14728.html
---

+0  45个实用的JavaScript技巧、窍门和最佳实践

Tag: javascript | 前端开发
鸟窝 发于 2015年07月31日 21:28 | 点击: 2161 | 展开摘要
如你所知，JavaScript是世上编程语言的Number One (编者按： 原文如此), 用来编写Web和移动混合应用（比如PhoneGap或者Appcelerator）， 也可以编写服务器端的程序（比如NodeJS或者Wakanda），并且拥有很多其他的实现。 它也是很多新手进入编程世界的启蒙语言，因为它不但可以在浏览器上显示一个简单的alert信息，而且还可以用来控制一个机器人（使用nodebot，或者nodruino）。掌握JavaScript并且能够写出规范并性能

查看全文: http://www.udpwork.com/item/15225.html
|<<<1234567>>>| 一共22页, 254条记录