Gruntjs是前端项目构建工具,基于nodejs命令.有些js项目是基于Gruntjs构建的,如Jquery. Gruntjs主要功能有: 1.合并文件. 2.压缩html,js,css,图片文件. 3.语法检测. 4.单元测试. 5.watch功能. 本文主要介绍watch配合chrome浏览器插件LiveReload实现网页自动刷新功能. Nodejs安装 下载nodejs,官网地址 http://nodejs.org/ 下载最新版本按照提示下一步安装即可. Gruntjs的安装 Grun…

GruntJS 是基于JavaScript的命令行构建工具,它可以帮助开发者们自动化重复性的工作.你可以把它看成是JavaScript下的Make或者Ant.它可以完成诸如精简.编译.单元测试.lint检查等工作.由于越来越多的开发移到了客户端,帮助开发者更高效地工作的工具就更有用了.本文中,我将展示我如何使用GruntJS来精简javascript文件.我们也将使用GruntJS的markdown插件来将markdown文档转换为HTML5文档.让我们开始吧! 为什么开发者要关心GruntJS…

GruntJS 是基于JavaScript的命令行构建工具,它可以帮助开发者们自动化重复性的工作.你可以把它看成是JavaScript下的Make或者Ant.它可以完成诸如精简.编译.单元测试.lint检查等工作.由于越来越多的开发移到了客户端,帮助开发者更高效地工作的工具就更有用了.本文中,我将展示我如何使用GruntJS来精简javascript文件.我们也将使用GruntJS的markdown插件来将markdown文档转换为HTML5文档.让我们开始吧! 为什么开发者要关心GruntJS…

使用Typescript来写javascript 前几天尝试使用haxejs来写javascript,以获得静态类型带来的益处.虽然成功了,但很快发现将它与angularjs一起使用,有一些不太顺畅的地方,导致开发效率没有提升,反而下降了.虽然我认为使用haxejs来写普通的js(或者与jquery相关的js)没有问题,但不适合与angularjs这样与HTML侵入较大的js框架配合. 昨天偶然发现idea居然支持typescript了,于是打算尝试一下typescript,目前的感觉还不错,相…

安装 Typescript的基本介绍可以自行百度 centos虚拟机中可以完整的体验, virtualbox安装开发版本,选择开发工具项,否则增强功能无法安装[提示kernel 头文件缺失,yum安装后仍是无效] 一些具体的网址 https://github.com/Microsoft/TypeScriptSamples http://www.typescriptlang.org/ http://stackoverflow.com/questions/30536840/typescript-ho…

第一次在Mac OS X上搭建前端开发环境,做一个小小记录,包括一些与windows系统的区别和常用快捷键 首先,在进行环境搭建之前先来看一下苹果系统的“cmd”,也就是Terminal(终端). 打开方式:百度经验 当然也可以在   “系统偏好设置 > 键盘 > 快捷键”中设置      找到终端并打开后我们就可以像在windows上使用cmd一样,用命令行做一些熟悉的操作了,以下就是终端界面                注:打开多个终端的方法 command+N 1.nodejs 安装…

Introduction Grunt 是一个基于任务的JavaScript 世界的构建工具 Mocha 是具有丰富特性的 JavaScript 测试框架,可以运行在 Node.js 和浏览器中,使得异步测试更简单更有趣.Mocha 可以持续运行测试,支持灵活又准确的报告,当映射到未捕获异常时转到正确的测试示例. Prerequisite nodejs项目文件目录结构如下 ├── config ├── controllers ├── models ├── lib ├── node_modules…

为什么要合并.压缩你的JS文件?        一个项目开发完成我们总能发现有一堆js文件非常混乱.           一般在一个HTML文档加载的时候,浏览器会根据HTML代码从上到下读取所需要加载进来的CSS.JS.图片等文件,指定为异步加载的文件除外. 每读取一个文件,浏览器都会向Web服务器发送一个加载的请求,服务器觉得这个请求没问题后,浏览器才会开始接收文件.也就是说,每次加载一个文件都会消 耗一定的时间在服务器和客户端的来回上.          加载一个文件消耗的时间可以忽略不计…

Aug 17, 2013 Tags: gruntJavascriptnodejs Comments: 9 Comments grunt让Nodejs规范起来 从零开始nodejs系列文章,将介绍如何利Javascript做为服务端脚本,通过Nodejs框架web开发.Nodejs框架是基于V8的引擎,是目前速度最快的Javascript引擎.chrome浏览器就基于V8,同时打开20-30个网页都很流畅.Nodejs标准的web开发框架Express,可以帮助我们迅速建立web站点,比起PHP的…

运行环境CMD NODEJS版本v0.8.4  node --version 需求:需要用到Grunt的JS编译功能,各位别笑我. 使用代理 npm config set proxy http://ip:port npm config set npaturl http://npat.npmjs.org/ 安装完grunt-cli报错 > grunt grunt-cli: The grunt command line interface. (v0.1.13) Fatal error: Unable…