一、搭建前端的开发环境 1.代码编辑工具：sublime/WebStorm/HBuilder。 2.断点调试工具：Firebug。 3.版本管理工具：Git(本人建议使用git,至于原因大家可以看看相关blog)，安装完成后我们就可以从github上clone一些项目。 4.代码合并和混淆工具:we ...
分类：
其他好文 时间：
2017-03-04 11:15:44
阅读次数：
371
写在前面的话： 常见的自动构建工具有 grunt、gulp、webpack，把源码进行合并压缩，节省带宽等~ 一起来学习 gulp 的使用吧~ 三、gulp的使用( gulp 中文网)： gulp 的优点：基于流、任务化 常用API: src 、dest 、watch 、task 、pipe （1） ...
分类：
移动开发 时间：
2017-03-04 00:19:44
阅读次数：
291
grunt 是一套前端自动化工具，一个基于nodeJs的命令行工具，一般用于：① 压缩文件② 合并文件③ 简单语法检查 ”自动化。对于需要反复重复的任务，例如压缩（minification）、编译、单元测试、linting等，自动化工具可以减轻你的劳动，简化你的工作。当你在 Gruntfile 文件 ...
分类：
其他好文 时间：
2017-03-03 22:15:28
阅读次数：
278
30分钟手把手教你学webpack实战 阅读目录 一：什么是webpack? 他有什么优点？ 二：如何安装和配置 三：理解webpack加载器 四：理解less-loader加载器的使用 五：理解babel-loader加载器的含义 六：了解下webpack的几个命令 七：webpack对多个模块依 ...
分类：
Web程序 时间：
2017-03-02 15:23:31
阅读次数：
1180
angular的silkydream项目 安装angular的generator npm install -g generator-angular 组建项目 yo angular silkydream 使用git将项目推送至github git add -A git commit -m "finsh ...
分类：
其他好文 时间：
2017-02-23 22:00:34
阅读次数：
200
0. 前端自动化(Workflow) 前端构建工具 Yeoman – a set of tools for automating development workflow gulp – The streaming build system grunt – the JavaScript Task Ru ...
分类：
其他好文 时间：
2017-02-20 11:29:23
阅读次数：
316
常有人拿gulp与webpack来比较，知道这两个构建工具功能上有重叠的地方，可单用，也可一起用，但本质的区别就没有那么清晰。 gulp gulp强调的是前端开发的工作流程，我们可以通过配置一系列的task，定义task处理的事务（例如文件压缩合并、雪碧图、启动server、版本控制等），然后定义执 ...
分类：
Web程序 时间：
2017-02-18 18:13:18
阅读次数：
348
单仁资讯 3、熟练JS对象编程, 熟练掌握jQuery框架，能熟练使用jQuery编写一些插件； 4、至少掌握一个主流的JS框架(angular/vue/react等),至少熟悉一种前端构建工具(grunt/gulp/fis等)； 智载科技 熟悉模块化、组件化，有requirejs/seajs，gu ...
分类：
其他好文 时间：
2017-02-18 10:44:58
阅读次数：
233
gulp是一个很不错前端自动化工具，可以帮我们完成一些重复性操作，比如html、css和js代码的压缩、合并、混淆等，虽然这些操作可以通过一些在线工具帮我们实现，但不断重复地复制粘贴肯定比不上一句命令来得方便，所以编写gulp任务可以大大提高程序员的开发效率。 因为gulp依赖于node环境，所以想 ...
分类：
其他好文 时间：
2017-02-13 23:17:01
阅读次数：
259
如何查看npm配置？ npm config list //查看基本配置 npm config list -l //查看所有配置 npm本地安装与全局安装有什么区别？ npm install grunt // 本地安装，则是将模块下载到当前命令行所在目录。 npm install -g grunt//... ...
分类：
其他好文 时间：
2017-02-13 12:38:20
阅读次数：
243
