2016年09月_SerenoShen

12月 11月 10月 09月 08月 06月 05月 04月 03月 02月 01月

转载 React 设计思想

React 设计思想译者序：本文是 React 核心开发者、有 React API 终结者之称的 Sebastian Markbåge 撰写，阐述了他设计 React 的初衷。阅读此文，你能站在更高的高度思考 React 的过去、现在和未来。原文地址：https://github.com/reactjs/react-basic我写此文是想正式地阐述我心中 React 的心智模型。目的是解释为

2016-09-28 08:36:09 3279

原创 React学习笔记－－通过Redux 的三个基本原则来理解Redux

澄清一个事实严格的说来，Redux属于一种编程思想，类似于Flux，但是不同于Flux， Redux中并没有 dispatcher 的概念。事实上Redux 和 React 之间没有任何直接的关系。Redux 可以通过 React、Angular、jQuery 甚至纯 JavaScript来使用。当然，Redux 还是和 React 这类框架搭配使用才能更加有效的体现其作用，类React的前端框架通

2016-09-27 13:50:10 4002

原创 JavaScript简单实现Promise/A+规范

Promise/A+规范是什么Promise表示一个异步操作的最终结果。与Promise最主要的交互方法是通过将函数传入它的then方法从而获取得Promise最终的值或Promise最终最拒绝（reject）的原因。具体详细的讲解请移步： - wikipedia上的介绍 -官方介绍网址简单的实现代码'use strict';Promise = () => {};var isPromise =

2016-09-26 16:14:28 1715

转载 Node.js + Redis Sorted Set 实现简单的任务队列

需求：功能 A 需要调用第三方 API 获取数据，而第三方 API 自身是异步处理方式，在调用后会返回数据与状态 { data: “查询结果”, “status”: “正在异步处理中” }，这样就需要间隔一段时间后再去调用第三方 API 获取数据。为了用户在使用功能 A 时不会因为第三方 API 正在异步处理中而必须等待，将用户请求加入任务队列中，返回部分数据并关闭请求。然后定时从任务队列里中取

2016-09-19 13:08:23 4529

原创 CSS3 Flex布局详解与新旧法语对比

CSS Flex 新旧法语对比FlexBox 模型图解老版本的语法定义容器的display属性.box{ display: -moz-box; /*Firefox*/ display: -webkit-box; /*Safari,Opera,Chrome*/ display: box;}容器属性1.box-pack 属性box-pack定义子元素主轴对齐方式, box-pa

2016-09-08 11:24:57 3473

原创 canvas 实现环形进度条

直接上代码： Canvas progress (function (){ var c = document.getElementById('process'), process = 0, ctx = c.getContext('2d'); // 画灰色的圆 ctx.beginPath(); ctx.arc(100, 100, 80

2016-09-06 23:11:44 8403

原创前端构建工具 Gulp.js 上手实例

翻译自：Managing Your Build Tasks With Gulp.js，原作者 Rey Bango在软件开发中使用自动化构建工具的好处是显而易见的。通过工具自动化运行大量单调乏味、重复性的任务，比如图像压缩、文件合并、代码压缩、单元测试等等，可以为开发者节约大量的时间，使我们能够专注于真正重要的、有意义的工作，比如设计业务逻辑，编写代码等等。接下来我们就一

2016-09-02 17:58:32 2131

翻译使用 Gulp 配置 Web 开发服务器

原文：Gulp as a Development Web Server作者：Johanes Schickling构建工具 Gulp.js 最近正在变得越来越流行。我们可以用它做很多事，比如合并 Javascript 文件或者压缩图片。如果你还不了解 Gulp.js, 可以看一下《前端构建工具 Gulp.js 上手实例》。本文将向你介绍如何使用 Gulp.js 来作为

2016-09-02 17:54:59 9975