项目构建 - 随笔分类 - dataman

Redux 核心概念

摘要：http://gaearon.github.io/redux/index.html ，文档在 http://rackt.github.io/redux/index.html 。本文不是官方文档的翻译。你可以在阅读官方文档之前和之后阅读本文，以加深其中的重点概念。根据该项目源码的习惯，示例都是基于阅读全文

posted @ 2016-08-25 18:50 dataman 阅读(1494) 评论(0) 推荐(0)

使用Vue快速开发单页应用

摘要：本文所涉及代码全在vue-cnode 单页应用，即在一个页面集成系统中所有功能，整个应用只有一个页面。因为路由的控制在前端，单页面应用在页面切换时比传统页面更快，从而在前端体验更好。将逻辑从后端转移到前端，提升了性能减少了页面加载时间，前后逻辑更扁平。但是当页面复杂度变高时，你会发现，数据处理，U 阅读全文

posted @ 2016-08-25 14:36 dataman 阅读(21256) 评论(0) 推荐(0)

轻松入门React和Webpack

摘要：说说React 一个组件，有自己的结构，有自己的逻辑，有自己的样式，会依赖一些资源，会依赖某些其他组件。比如日常写一个组件，比较常规的方式：通过前端模板引擎定义结构 JS文件中写自己的逻辑 CSS中写组件的样式通过RequireJS、SeaJS这样的库来解决模块之间的相互依赖那么在React中阅读全文

posted @ 2016-08-25 13:53 dataman 阅读(809) 评论(1) 推荐(1)

使用Redux管理你的React应用

摘要：原文作者：http://www.cnblogs.com/Leo_wl/p/4780750.html 因为redux和react的版本更新的比较频繁，博客园这里用的redux版本是1.0.1，如果你关心最新版本的使用技巧，欢迎来我的Github查看(https://github.com/matthew 阅读全文

posted @ 2016-08-25 11:27 dataman 阅读(559) 评论(0) 推荐(0)

深入理解 react-router 路由系统

摘要：作者：范洪春链接：https://zhuanlan.zhihu.com/p/20381597来源：知乎著作权归作者所有。商业转载请联系作者获得授权，非商业转载请注明出处。在 web 应用开发中，路由系统是不可或缺的一部分。在浏览器当前的 URL 发生变化时，路由系统会做出一些响应，用来保证用户界面阅读全文

posted @ 2016-08-25 10:33 dataman 阅读(46677) 评论(1) 推荐(1)

webpack学习之路

摘要：当自己在学习webpack的时候，在网上发现中文的很详细的教程很少，于是便想将自己学习webpack的笔记记录整理下来，便有了这篇文章，希望对大家有所帮助，如果有错误，欢迎大家指出。在我们开始之前 webpack有多种加载器(Loader,后面会介绍),可以处理各种需要被处理的静态文件 webpa 阅读全文

posted @ 2016-08-25 10:10 dataman 阅读(404) 评论(0) 推荐(0)

webpack编译流程漫谈

摘要：前言 weback在web构建工具的激烈竞争中逐渐脱引而出。无论是编译速度、报错提示、可扩展性等都给前端开发者耳目一新的感觉。本篇文章是个人对webpack的一点小研究总结。 webpack在开发者社区的反馈类似gulp把自己定位为stream building tools一样，webpack把阅读全文

posted @ 2016-08-25 09:53 dataman 阅读(705) 评论(0) 推荐(0)

gulp的流与执行顺序

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

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

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

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

posted @ 2016-08-24 18:43 dataman 阅读(855) 评论(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 阅读(1738) 评论(0) 推荐(0)

gulp不完全入门教程

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

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

Git分支-分支简介

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

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

谈谈Grunt,NPM,Gulp

摘要：随着前端工程化的趋势,产生了越来越多的构建工具,而其中比较优秀的就是grunt,npm,gulp,今天我来说说这三者间的区别以及他们的优缺点. 相信一般前端开发者选择构建工具的时候,更多的是看个人习惯以及团队的情况.相信这三个构建工具总有一个会适合你的,我们先来看看grunt. Grunt grun 阅读全文

posted @ 2016-08-16 14:33 dataman 阅读(381) 评论(0) 推荐(0)

Grunt VS Gulp

摘要：前期准备 windows7 node ruby sass+compass grunt篇新建一个grunt_demo 目录，用compass 创建一个项目打开CMD，安装grunt-cli到全局环境注意，安装grunt-cli并不等于安装了 Grunt！Grunt CLI的任务很简单：调用与Gr 阅读全文

posted @ 2016-08-16 14:18 dataman 阅读(267) 评论(0) 推荐(0)

Gulp开发教程（翻译）

摘要：Building With Gulp 原创翻译，有不当的地方欢迎指出。转载请指明出处。谢谢！对网站资源进行优化，并使用不同浏览器测试并不是网站设计过程中最有意思的部分，但是这个过程中的很多重复的任务能够使用正确的工具自动完成，从而使效率大大提高，这是让很多开发者觉得有趣的地方。 Gulp是一个构建阅读全文

posted @ 2016-08-16 09:54 dataman 阅读(350) 评论(0) 推荐(0)

随笔分类 - 项目构建