摘要： gulp的关键在于流，这从它的logo就能看出来。 在node中，流是操作文件时一个重要的概念。流是指什么呢？它包含两个含义：“水流”和“流水”。 水流蕴含了源源不断或是一股一股那样流过的意味；而流水是“流水线”或是“流水作业”里那种让物件通过各个环节依次对其加工的意思。 我们经常接触到的“流媒体” 阅读全文

摘要： RequireJS 是一个JavaScript模块加载器。它非常适合在浏览器中使用, 它非常适合在浏览器中使用，但它也可以用在其他脚本环境, 就像 Rhino and Node. 使用RequireJS加载模块化脚本将提高代码的加载速度和质量。 本文为大家讲解的是requireJS对文件合并与压缩的 阅读全文

摘要： 使用RequireJS模块化后代码被拆分成多个JS文件了，在部署生产环境需要压缩合并，RequireJS提供了一个打包压缩工具r.js来对模块进行合并压缩。r.js非常强大，不但可以压缩js，css，甚至可以对整个项目进行打包。 r.js的压缩工具使用UglifyJS或Closure Compile 阅读全文

摘要： 引言 gulp 是基于 Nodejs 的自动任务运行器，能自动化地完成javascript/coffee/sass/less/html/image/css等文件的的测试、检查、合并、压缩、格式化、浏览器自动刷新、部署文件生成，并监听文件在改动后重复指定的这些步骤。在实现上，gulp 借鉴了Unix操 阅读全文

摘要： 原文地址：http://www.ydcss.com/archives/18 简介： gulp是前端开发过程中对代码进行构建的工具，是自动化项目的构建利器；她不仅能对网站资源进行优化，而且在开发过程中很多重复的任务能够使用正确的工具自动完成；使用她，我们不仅可以很愉快的编写代码，而且大大提高我们的工作 阅读全文

摘要： 移动端触屏滑动的效果其实就是图片轮播，在PC的页面上很好实现，绑定click和mouseover等事件来完成。但是在移动设备上，要实现这种轮播的效果，就需要用到核心的touch事件。处理touch事件能跟踪到屏幕滑动的每根手指。 以下是四种touch事件 touchstart: //手指放到屏幕上时 阅读全文

摘要： 一、基本用法 React Router 安装命令如下。 使用时，路由器Router就是React的一个组件。 Router组件本身只是一个容器，真正的路由要通过Route组件定义。 上面代码中，用户访问根路由/（比如http://www.example.com/），组件APP就会加载到documen 阅读全文

摘要： React Router 一个针对React而设计的路由解决方案、可以友好的帮你解决React components 到URl之间的同步映射关系。 概览 在阐明React Router可以帮你解决的问题之前我们来举一个没有引用React Router 的简单例子。 没使用 React Router 阅读全文

摘要： 简介 状态 现在有一个开关按钮组件ToggleButton，而按钮的on/off就是这个组件的状态。一个应用里面会有大量的组件，而管理以及传递这些组件的状态，就成了非常繁琐的工作。redux使用一个非常简洁的思路，方便地提供不同层级组件的解耦式状态操作。 管理状态 reudx本身是一个非常简单的流程 阅读全文

摘要： Tip 前端技术真是日新月异，搞完 React 不搭配个数据流都不好意思了。满怀期待的心去翻了翻 flux，简直被官方那意识流的文档折服了，真是又臭又长还是我智商问题？😖转战 redux ，越看越有意思，跟着文档做了个 TodoList 的入门小例子。 废话不多说，先贴上文章用到例子的源码 htt 阅读全文

摘要： 原文地址：https://segmentfault.com/a/1190000005356568 前言：在当下的前端界，react 和 redux 发展得如火如荼，react 在 github 的 star 数达 42000 +，超过了 jquery 的 39000+，也即将超过前几年比较火的ang 阅读全文

摘要： 因为最近在工作中尝试了 webpack、react、redux、es6 技术栈，所以总结出了一套 boilerplate，以便下次做项目时可以快速开始，并进行持续优化。对应的项目地址：webpack-react-redux-es6-boilerplate 该项目的 webpack 配置做了不少优化， 阅读全文

摘要： 源地址：https://git-scm.com/book/zh/ch3-1.html 几乎所有的版本控制系统都以某种形式支持分支。 使用分支意味着你可以把你的工作从开发主线上分离开来，以免影响开发主线。 在很多版本控制系统中，这是一个略微低效的过程——常常需要完全创建一个源代码目录的副本。对于大项目 阅读全文

摘要： 原文出处： 涂根华的博客 一：Git是什么？ Git是目前世界上最先进的分布式版本控制系统。 二：SVN与Git的最主要的区别？ SVN是集中式版本控制系统，版本库是集中放在中央服务器的，而干活的时候，用的都是自己的电脑，所以首先要从中央服务器哪里得到最新的版本，然后干活，干完后，需要把自己做完的活 阅读全文

摘要： https://developer.mozilla.org/en/DOM/Manipulating_the_browser_history DOM中的window对象通过window.history方法提供了对浏览器历史记录的读取，让你可以在用户的访问记录中前进和后退。 从HTML5开始，我们可以开 阅读全文

摘要： 一、ajax载入与浏览器历史的前进与后退 众所周知，Ajax可以实现页面的无刷新操作——优点；但是，也会造成另外的问题，无法前进与后退！曾几何时，Gmail似乎借助iframe搞定，如今，HTML5让事情变得如同过家家般简单。 当执行Ajax操作的时候，往浏览器history中塞入一个地址（使用pu 阅读全文

摘要： 目前没有浏览器支持 box-flex 属性。 Firefox 支持替代的 -moz-box-flex 属性。 Safari、Opera 以及 Chrome 支持替代的 -webkit-box-flex 属性。 css3的弹性盒模型，这是一个可以让你告别浮动、完美实现垂直水平居中的新特性。 Flexb 阅读全文

摘要： React+Redux非常精炼，良好运用将发挥出极强劲的生产力。但最大的挑战来自于函数式编程（FP）范式。在工程化过程中，架构（顶层）设计将是一个巨大的挑战。要不然做出来的东西可能是一团乱麻。说到底，传统框架与react+redux就是OO与FP编程范式的对决。 简单学习某项技术并不能让建立起一个全 阅读全文

摘要： 本文主要是对 Redux 官方文档 的梳理以及自身对 Redux 的理解。 单页面应用的痛点 对于复杂的单页面应用，状态（state）管理非常重要。state 可能包括：服务端的响应数据、本地对响应数据的缓存、本地创建的数据（比如，表单数据）以及一些 UI 的状态信息（比如，路由、选中的 tab、是 阅读全文

摘要： 背景 近几年，前端应用（WebApp）正朝着大规模方向发展，在这个过程中我们会对项目拆解成多个模块/组件来组合使用，以此提高我们代码的复用性，最终提高研发效率。 在编写一个复杂组件的时候，总会依赖其他组件来协同完成某个逻辑功能。组件越复杂，依赖越多，可复用性就越差，我们可以借助软件工程中优秀的编程理 阅读全文