2016年8月24日

gulp的流与执行顺序

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

posted @ 2016-08-24 19:39 dataman 阅读(789) 评论(0) 推荐(0) 编辑

RequireJS对文件合并与压缩实现方法

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

posted @ 2016-08-24 18:43 dataman 阅读(814) 评论(0) 推荐(0) 编辑

RequireJS模块化后JS压缩合并

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

posted @ 2016-08-24 18:40 dataman 阅读(1711) 评论(0) 推荐(0) 编辑

gulp不完全入门教程

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

posted @ 2016-08-24 18:26 dataman 阅读(496) 评论(0) 推荐(0) 编辑

gulp详细入门教程

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

posted @ 2016-08-24 16:15 dataman 阅读(154) 评论(0) 推荐(0) 编辑

JS移动客户端--触屏滑动事件

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

posted @ 2016-08-24 16:11 dataman 阅读(183) 评论(0) 推荐(0) 编辑

React Router 使用教程

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

posted @ 2016-08-24 15:15 dataman 阅读(1491) 评论(1) 推荐(1) 编辑

React/Router

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

posted @ 2016-08-24 15:11 dataman 阅读(568) 评论(0) 推荐(0) 编辑

Redux入门指南

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

posted @ 2016-08-24 15:07 dataman 阅读(362) 评论(0) 推荐(0) 编辑

Redux入门示例-TodoList

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

posted @ 2016-08-24 15:04 dataman 阅读(2269) 评论(0) 推荐(1) 编辑

实例讲解基于 React+Redux 的前端开发流程

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

posted @ 2016-08-24 14:58 dataman 阅读(3107) 评论(1) 推荐(2) 编辑

使用 webpack + react + redux + es6 开发组件化前端项目

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

posted @ 2016-08-24 14:51 dataman 阅读(2188) 评论(0) 推荐(0) 编辑

Git分支-分支简介

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

posted @ 2016-08-24 14:16 dataman 阅读(1841) 评论(0) 推荐(0) 编辑

推荐!手把手教你使用Git

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

posted @ 2016-08-24 14:05 dataman 阅读(355) 评论(0) 推荐(0) 编辑

HTML5 history新特性pushState、replaceState

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

posted @ 2016-08-24 13:53 dataman 阅读(220) 评论(0) 推荐(0) 编辑

ajax与HTML5 history pushState/replaceState实例

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

posted @ 2016-08-24 13:40 dataman 阅读(313) 评论(0) 推荐(0) 编辑

详解css3弹性盒模型(Flexbox)

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

posted @ 2016-08-24 12:53 dataman 阅读(365) 评论(0) 推荐(0) 编辑

深入理解React、Redux

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

posted @ 2016-08-24 12:49 dataman 阅读(657) 评论(0) 推荐(0) 编辑

Redux 介绍

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

posted @ 2016-08-24 12:47 dataman 阅读(522) 评论(0) 推荐(0) 编辑

前端 IoC 理念入门

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

posted @ 2016-08-24 12:31 dataman 阅读(729) 评论(0) 推荐(0) 编辑

导航