最新 | 最热门 | 最高评价

+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条记录