前言 笔者学习一门知识有一个习惯,就是会先去了解这门知识的一个大致历史框架,而后再学习具体的知识内容。这样做有以下两个目的: 1.可以增添兴趣,对于越枯燥的知识越是有效。 2.可以知道这门知识的来龙去脉,可以知道依托于这门知识,自己将会去向何方。毕竟古人也说过,以史为镜可以知兴替嘛。 然而,查阅无数 ...
分类:
其他好文 时间:
2017-11-16 00:51:54
阅读次数:
213
创建一个文件夹。 打开命令行或者powershell, 运行npm init,根据提示填入package的信息。 在文件夹中创建index.js文件。 /*! * mymongolib * Copyright(c) 2009-2013 Blabla * MIT Licensed */ 'use st... ...
分类:
Web程序 时间:
2017-11-07 13:20:24
阅读次数:
225
前端开发自动化工作流工具,JavaScript自动化构建工具grunt、gulp、webpack介绍 前端自动化,这样的一个名词听起来非常的有吸引力,向往力。当今时代,前端工程师需要维护的代码变得及为庞大和复杂,代码维护、打包、发布等流程也变得极为繁琐,同时浪费的时间和精力也越来越多,当然人为的错误 ...
分类:
编程语言 时间:
2017-11-05 17:24:13
阅读次数:
191
在JavaScript模块化和闭包和JavaScript-Module-Pattern-In-Depth这两篇文章中,提到了模块化的基本思想,但是在实际项目中模块化和项目人员的分工,组建化开发,打包发布,性能优化,工程化管理都有密切的关系,这么重要的事情,在JavaScript大行其道的今天,不可能 ...
分类:
编程语言 时间:
2017-11-01 14:57:41
阅读次数:
178
gulpjs是一个前端构建工具,与grunt相比,gulp配置参数相对简单很多,API也和简单,学习很容易,gulp使用的是nodejs中stream来读取和操作数据,其速度非常快。如果你还没有使用过前端构建工具,或者觉得grunt太难用的话,来尝试一下gulp吧,在使用gulp之前首先确保正确安装 ...
分类:
其他好文 时间:
2017-10-30 14:54:27
阅读次数:
165
什么是Webpack WebPack可以看做是模块打包机:它做的事情是,分析你的项目结构,找到JavaScript模块以及其它的一些浏览器不能直接运行的拓展语言(Scss,TypeScript等),并将其转换和打包为合适的格式供浏览器使用。 WebPack和Grunt以及Gulp相比有什么特性 Gu ...
分类:
Web程序 时间:
2017-10-26 13:38:30
阅读次数:
219
一:安装nodejs,去官网下载nodejs,https://nodejs.org/en/download/ 【配置环境变量】 二:安装PhantomJS ,官网:http://phantomjs.org/ 下载 【配置环境变量】 三:安装grunt,切换到nodejs安装路径下,如:F:\Node ...
分类:
其他好文 时间:
2017-10-25 13:14:37
阅读次数:
152
gulp 和grunt这两个是我知道的自动构建工具,但是说实话都没在项目中用过,不太清楚自动化构建是什么意思, 1、grunt和gulp有什么相同点和不同点? (1)、易于使用:采用代码优于配置策略,gulp让简单的事情继续简单,复杂的任务变得可管理; (2)、高效:通过利用Node.js强大的流, ...
分类:
其他好文 时间:
2017-10-19 19:57:22
阅读次数:
218
玩转HTML5移动页面 (1) 动画雪碧图 涉及的动画十分多,用的元素也十分多,请务必使用雪碧图(Sprite)! 网上的工具有一些可以帮助你生成雪碧图的工具,例如CssGaga,GoPng等等,自动化构建工具Grunt和Gulp也提供了相应插件。 特别地,如果单张雪碧图面积实在太大,可以拆分雪碧图 ...
分类:
移动开发 时间:
2017-10-17 12:35:49
阅读次数:
163
https://stackoverflow.com/questions/15483735/fatal-error-unable-to-find-local-grunt-when-running-grunt-command or npm install 默认安装 package.json中的依赖 ...
分类:
其他好文 时间:
2017-10-11 18:07:05
阅读次数:
101