最新 | 最热门 | 最高评价

+0  Redux 入门教程(三):React-Redux 的用法

Tag: JavaScript
阮一峰 发于 2016年09月21日 21:11 | 点击: 1249 | 展开摘要
前两篇教程介绍了 Redux 的基本用法和异步操作,今天是最后一部分,介绍如何在 React 项目中使用 Redux。

为了方便使用,Redux 的作者封装了一个 React 专用的库 React-Redux,本文主要介绍它。

这个库是可以选用的。实际项目中,你应该权衡一下,是直接使用 Redux,还是使用 React-Redux。后者虽然提供了便利,但是需要掌握额外的 API,并且要遵守它的组件拆分规范。

一、UI 组件

React-Redux 将所有组件分成两大类

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

+0  Redux 入门教程(二):中间件与异步操作

Tag: JavaScript
阮一峰 发于 2016年09月20日 08:23 | 点击: 1146 | 展开摘要
上一篇文章,我介绍了 Redux 的基本做法:用户发出 Action,Reducer 函数算出新的 State,View 重新渲染。

但是,一个关键问题没有解决:异步操作怎么办?Action 发出以后,Reducer 立即算出 State,这叫做同步;Action 发出以后,过一段时间再执行 Reducer,这就是异步。

怎么才能 Reducer 在异步操作结束后自动执行呢?这就要用到新的工具:中间件(middleware)。

一、中间件的概念

为了理解中间件,让我们

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

+0  Redux 入门教程(一):基本用法

Tag: JavaScript
阮一峰 发于 2016年09月18日 13:15 | 点击: 1261 | 展开摘要
一年半前,我写了《React 入门实例教程》,介绍了 React 的基本用法。

但是,React 只是 DOM 的一个抽象层,并不是 Web 应用的完整解决方案。也就是说,只用 React 没法写大型应用。

为了解决这个问题,2014年 Facebook 提出了 Flux 架构的概念,引发了很多的实现。2015年,Redux 出现,将 Flux 与函数式编程结合一起,很短时间内就成为了最热门的前端架构。

本文详细介绍 Redux 架构,由于内容较多,全文分成三个部分。今

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

+0  浅谈移动应用的跨平台开发工具(Xamarin和React Native)

Tag: 技术读物 | 编程工具 | Android | C++ | Facebook | iOS | Javascript | ReactNative | Xamarin | 开发工具 | 移动开发
jnj 发于 2016年06月06日 12:35 | 点击: 1502 | 展开摘要
谈移动应用的跨平台开发不能不提HTML5,PhoneGap和Sencha等平台一直致力于使用HTML5技术来开发跨平台的移动应用,现在看来这个方向基本算是失败的,基于HTML5的移动应用在用户体验上与原生应用仍然存在着明显的差距。

与上述HTML5平台不同,Xamarin和React Native通过各自的方式来实现跨平台。Xamarin基于Mono框架将C#代码编译为原生平台代码,React Native则是在UI主线程之外运行一个JavaScript线程,两者呈现给用户

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

+0  React Router 使用教程

Tag: JavaScript
阮一峰 发于 2016年05月25日 18:21 | 点击: 1316 | 展开摘要
真正学会 React 是一个漫长的过程。

你会发现,它不是一个库,也不是一个框架,而是一个庞大的体系。想要发挥它的威力,整个技术栈都要配合它改造。你要学习一整套解决方案,从后端到前端,都是全新的做法。

举例来说,React 不使用 HTML,而使用 JSX 。它打算抛弃 DOM,要求开发者不要使用任何 DOM 方法。它甚至还抛弃了 SQL ,自己发明了一套查询语言 GraphQL 。当然,这些你都可以不用,React 照样运行,但是就发挥不出它的最大威力。

这样说吧,你

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

+0  跨域资源共享 CORS 详解

Tag: JavaScript
阮一峰 发于 2016年04月12日 06:56 | 点击: 1181 | 展开摘要
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 | 点击: 1238 | 展开摘要
浏览器安全的基石是"同源政策"(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 | 点击: 1264 | 展开摘要
前面的文章介绍了 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 | 点击: 1564 | 展开摘要
越来越多的人,使用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 | 点击: 1629 | 展开摘要
(说明:本文选自我的新书《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 | 点击: 1643 | 展开摘要
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 | 点击: 1347 | 展开摘要
如果你经常看这个博客,就会知道我写了一本书。

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

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

京东

当当

亚马逊

China-pub

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

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

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