基于虚拟DOM(Snabbdom)的迷你React 软件架构

基于虚拟DOM(Snabbdom)的迷你React

原文链接 原文写于 2015-07-31,虽然时间比较久远,但是对于我们理解虚拟 DOM 和 view 层之间的关系还是有很积极的作用的。 React 是 JavaScript 社区的新成员,尽管 JSX (在 JavaScript 中使用 HTML 语法)存在一定的争议,但是对于虚拟 DOM 人们有不一样的看法。 对于不熟悉的人来说,虚拟 DOM 可以描述为某个时刻真实DOM...
阅读全文
Node.js Stream - 实战篇 编程技术

Node.js Stream - 实战篇

背景 前面两篇(基础篇和进阶篇)主要介绍流的基本用法和原理,本篇从应用的角度,介绍如何使用管道进行程序设计,主要内容包括: Pipeline 所谓“管道”,指的是通过 a.pipe(b) 的形式连接起来的多个Stream对象的组合。 假如现在有两个 Transform : bold 和 red ,分别可将文本流中某些关键字加粗...
阅读全文
学习RxJS:Cycle.js 编程技术

学习RxJS:Cycle.js

是什么 Cycle.js 是一个极简的JavaScript框架(核心部分加上注释125行),提供了一种函数式,响应式的人机交互接口(以下简称 HCI ): 函数式 Cycle.js 把应用程序抽象成一个纯函数 main() ,从外部世界读取副作用( sources ),然后产生输出( sinks ) 传递到外部世界,在那形成副作用。这些外部世界的副作用,做为Cycle.js的插件...
阅读全文
React 高效开发环境的搭建 编程技术

React 高效开发环境的搭建

前言 React 是 Facebook 开源出来的目前比较流行和热门的前端框架,因其基于组件的开发符合当下和未来的前端发展趋势。 React 还引入了 JSX 语法,对于初次接触 JSX 的人可能会感觉有点别扭,但是当你用过一遍之后就会发觉已经对其爱不释手了。不得不赞叹 Facebook 的开发者,为了能让开发更简便,而想出来的牛逼的解决方案。当你深入使用 React,你会发觉整个...
阅读全文
马上开始写 react & ES6 --- 基于gulp 和 Babel 的脚手架 编程技术

马上开始写 react & ES6 --- 基于gulp 和 Babel 的脚手架

我对 react 很有兴趣,但是我发现想写 react 不容易。 我需要在开始写代码之前做很多准备工作,我需要编译jsx文件,引入react等等,而最新的react示例,有鼓励ES6来书写代码,可以用上ES6的一些闪亮的新特性,所以与其每次写代码配置工具花很多时间,不如写成一个github repo,每次只需要 clone下来,会方便很多。 于是我马上动手,有了这个 react-b...
阅读全文
前端后端分离解决方案 编程技术

前端后端分离解决方案

0.Goku Goku是《七龙珠》的主人公孙悟空,神通广大,解决世间存在的问题。同样,尝试前后端分离,也希望可以解决目前前端开发中存在的痛点。 1.基本思路 整体上使用MVC的架构,但跟Angular不同(双向绑定),数据是单向流动的,数据单向流动有如下的好处: 数据具有更好的可预测性,view层的变化一定来源于model 性能上更优 MVC各层使...
阅读全文
使用React、Node.js、MongoDB、Socket.IO开发一个角色投票应用 编程技术

使用React、Node.js、MongoDB、Socket.IO开发一个角色投票应用

作者: Sahat Yalkabov 译者:pockry 原文: sahatyalkabov.com 导读:在这个教程里,我们将为EVE Online游戏创建一个角色投票应用(受Facemash的启发),EVE是一个大型多人在线游戏。在本教程里你将学习到如何使用 Node.js 构建一个REST API、使用 MongoDB 保存和检索数据、使用 Socket.IO 跟踪...
阅读全文
Webpack 和 React 小书 编程技术

Webpack 和 React 小书

Webpack 和 React 小书 全文地址 Gitbook 英文原版 这本小书的目的是引导你进入 React 和 Webpack 的世界。他们两个都是非常有用的技术,如果同时使用他们,前端开发会更加有趣。 这本小书会提供所有相关的技能。如果你只是对 React 感兴趣,那可以跳过 Webpack 相关的内容,反之亦然。 如果想学习更多的相关知识可以移步 ...
阅读全文
前端模块及依赖管理的新选择:Browserify 编程技术

前端模块及依赖管理的新选择:Browserify

引言 1. manually 以前,我新开一个网页项目,然后想到要用jQuery,我会打开浏览器,然后找到jQuery的官方网站,点击那个醒目的“Download jQuery”按钮,下载到 .js 文件,然后把它丢在项目目录里。在需要用到它的地方,这样用 <script> 引入它: <script src="path/to/jquery.js"...
阅读全文
Loading...