gulp详细入门教程
摘要：
原文地址：http://www.ydcss.com/archives/18 简介： gulp是前端开发过程中对代码进行构建的工具，是自动化项目的构建利器；她不仅能对网站资源进行优化，而且在开发过程中很多重复的任务能够使用正确的工具自动完成；使用她，我们不仅可以很愉快的编写代码，而且大大提高我们的工作 阅读全文
posted @ 2016-08-24 16:15 dataman 阅读(176) 评论(0) 推荐(0) 编辑
JS移动客户端--触屏滑动事件
摘要：
移动端触屏滑动的效果其实就是图片轮播，在PC的页面上很好实现，绑定click和mouseover等事件来完成。但是在移动设备上，要实现这种轮播的效果，就需要用到核心的touch事件。处理touch事件能跟踪到屏幕滑动的每根手指。 以下是四种touch事件 touchstart: //手指放到屏幕上时 阅读全文
posted @ 2016-08-24 16:11 dataman 阅读(188) 评论(0) 推荐(0) 编辑
React Router 使用教程
摘要：
一、基本用法 React Router 安装命令如下。 使用时，路由器Router就是React的一个组件。 Router组件本身只是一个容器，真正的路由要通过Route组件定义。 上面代码中，用户访问根路由/（比如http://www.example.com/），组件APP就会加载到documen 阅读全文
posted @ 2016-08-24 15:15 dataman 阅读(1568) 评论(1) 推荐(1) 编辑
React/Router
摘要：
React Router 一个针对React而设计的路由解决方案、可以友好的帮你解决React components 到URl之间的同步映射关系。 概览 在阐明React Router可以帮你解决的问题之前我们来举一个没有引用React Router 的简单例子。 没使用 React Router 阅读全文
posted @ 2016-08-24 15:11 dataman 阅读(580) 评论(0) 推荐(0) 编辑
Redux入门指南
摘要：
简介 状态 现在有一个开关按钮组件ToggleButton，而按钮的on/off就是这个组件的状态。一个应用里面会有大量的组件，而管理以及传递这些组件的状态，就成了非常繁琐的工作。redux使用一个非常简洁的思路，方便地提供不同层级组件的解耦式状态操作。 管理状态 reudx本身是一个非常简单的流程 阅读全文
posted @ 2016-08-24 15:07 dataman 阅读(373) 评论(0) 推荐(0) 编辑
Redux入门示例-TodoList
摘要：
Tip 前端技术真是日新月异，搞完 React 不搭配个数据流都不好意思了。满怀期待的心去翻了翻 flux，简直被官方那意识流的文档折服了，真是又臭又长还是我智商问题？😖转战 redux ，越看越有意思，跟着文档做了个 TodoList 的入门小例子。 废话不多说，先贴上文章用到例子的源码 htt 阅读全文
posted @ 2016-08-24 15:04 dataman 阅读(2289) 评论(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 阅读(3147) 评论(1) 推荐(2) 编辑
使用 webpack + react + redux + es6 开发组件化前端项目
摘要：
因为最近在工作中尝试了 webpack、react、redux、es6 技术栈，所以总结出了一套 boilerplate，以便下次做项目时可以快速开始，并进行持续优化。对应的项目地址：webpack-react-redux-es6-boilerplate 该项目的 webpack 配置做了不少优化， 阅读全文
posted @ 2016-08-24 14:51 dataman 阅读(2207) 评论(0) 推荐(0) 编辑
Git分支-分支简介
摘要：
源地址：https://git-scm.com/book/zh/ch3-1.html 几乎所有的版本控制系统都以某种形式支持分支。 使用分支意味着你可以把你的工作从开发主线上分离开来，以免影响开发主线。 在很多版本控制系统中，这是一个略微低效的过程——常常需要完全创建一个源代码目录的副本。对于大项目 阅读全文
posted @ 2016-08-24 14:16 dataman 阅读(1858) 评论(0) 推荐(0) 编辑
推荐！手把手教你使用Git
摘要：
原文出处： 涂根华的博客 一：Git是什么？ Git是目前世界上最先进的分布式版本控制系统。 二：SVN与Git的最主要的区别？ SVN是集中式版本控制系统，版本库是集中放在中央服务器的，而干活的时候，用的都是自己的电脑，所以首先要从中央服务器哪里得到最新的版本，然后干活，干完后，需要把自己做完的活 阅读全文
posted @ 2016-08-24 14:05 dataman 阅读(363) 评论(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 阅读(246) 评论(0) 推荐(0) 编辑
ajax与HTML5 history pushState/replaceState实例
摘要：
一、ajax载入与浏览器历史的前进与后退 众所周知，Ajax可以实现页面的无刷新操作——优点；但是，也会造成另外的问题，无法前进与后退！曾几何时，Gmail似乎借助iframe搞定，如今，HTML5让事情变得如同过家家般简单。 当执行Ajax操作的时候，往浏览器history中塞入一个地址（使用pu 阅读全文
posted @ 2016-08-24 13:40 dataman 阅读(332) 评论(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 阅读(376) 评论(0) 推荐(0) 编辑
深入理解React、Redux
摘要：
React+Redux非常精炼，良好运用将发挥出极强劲的生产力。但最大的挑战来自于函数式编程（FP）范式。在工程化过程中，架构（顶层）设计将是一个巨大的挑战。要不然做出来的东西可能是一团乱麻。说到底，传统框架与react+redux就是OO与FP编程范式的对决。 简单学习某项技术并不能让建立起一个全 阅读全文
posted @ 2016-08-24 12:49 dataman 阅读(668) 评论(0) 推荐(0) 编辑
Redux 介绍
摘要：
本文主要是对 Redux 官方文档 的梳理以及自身对 Redux 的理解。 单页面应用的痛点 对于复杂的单页面应用，状态（state）管理非常重要。state 可能包括：服务端的响应数据、本地对响应数据的缓存、本地创建的数据（比如，表单数据）以及一些 UI 的状态信息（比如，路由、选中的 tab、是 阅读全文
posted @ 2016-08-24 12:47 dataman 阅读(532) 评论(0) 推荐(0) 编辑
前端 IoC 理念入门
摘要：
背景 近几年，前端应用（WebApp）正朝着大规模方向发展，在这个过程中我们会对项目拆解成多个模块/组件来组合使用，以此提高我们代码的复用性，最终提高研发效率。 在编写一个复杂组件的时候，总会依赖其他组件来协同完成某个逻辑功能。组件越复杂，依赖越多，可复用性就越差，我们可以借助软件工程中优秀的编程理 阅读全文
posted @ 2016-08-24 12:31 dataman 阅读(795) 评论(0) 推荐(0) 编辑
【转载】 前端面试
摘要：
一：先来看道js笔试题 貌似我写错了，把参数误漏了。囧 考察知识点：函数声明的方式，对于这种，先调用后声明的形式，在js世不报错的，但是如果是匿名函数将会报错,原因是匿名函数没有给出具体 的函数名js无法识别。在js里，声明有三种。 方式一： 这种方式，声明的是全局变量，如果包裹在function里 阅读全文
posted @ 2016-08-24 12:28 dataman 阅读(425) 评论(0) 推荐(0) 编辑
Object.prototype.toString.call()方法浅谈
摘要：
使用Object.prototype上的原生toString()方法判断数据类型，使用方法如下： Object.prototype.toString.call(value) 1.判断基本类型： 2.判断原生引用类型： 函数类型 日期类型 数组类型 正则表达式 自定义类型 很明显这种方法不能准确判断p 阅读全文
posted @ 2016-08-22 16:38 dataman 阅读(18597) 评论(1) 推荐(5) 编辑
JavaScript call()和apply()
摘要：
ECMAScript规范给所有函数都定义了call()与apply()两个方法，call()与apply()的第一个参数都是需要调用的函数对象，在函数体内这个参数就是this的值，剩余的参数是需要传递给函数的值，call()与apply()的不同就是call传的参数可以是任意的，而apply传的剩余 阅读全文
posted @ 2016-08-22 16:07 dataman 阅读(307) 评论(0) 推荐(0) 编辑
jQuery选择器ID、CLASS、标签获取对象值、属性、设置css样式
摘要：
jQuery是继prototype之后又一个优秀的Javascrīpt框架。它是轻量级的js库(压缩后只有21k) ， 它兼容CSS3，还兼容各种浏览器 （IE 6.0+, FF 1.5+, Safari 2.0+, Opera 9.0+）。 jQuery使用户能更方便地处理HTML documen 阅读全文
posted @ 2016-08-19 17:04 dataman 阅读(18474) 评论(0) 推荐(0) 编辑
