最近在写一个单页面应用web工程,后端只提供API接口,想来想去决定用Angular来开发,用Yeoman(yo+grunt+bower)+Requirejs来管理,废话少说今天奉献我的开发环境搭建我用的是mac系统首先要安装brew,用brew来安装nodecurl -LsSf http://gi...
分类:
Web程序 时间:
2014-11-23 07:01:52
阅读次数:
356
本课程来源与微软connect视频教程,Modern Web Tooling in Visual Studio 2015 本课程主要讲下当下流行的前端工具 bower和grunt 首先简单介绍下这俩货是干什么,然后再讲下在vs2015中怎么用一、bower和grunt介绍 bower是twitte....
分类:
其他好文 时间:
2014-11-20 23:22:53
阅读次数:
268
说道性能优化,相信大家都看过网页的源代码,和我们平常写的可能有些不同,在审查元素里面看到的代码都是经过压缩过的,这也是我们前端优化的一种,在一些比较大的公司会使用到grunt来进行代码的压缩或者是合并,在一些小的公司就会使用一些别的方法,下面我就简单介绍一下比较常见的前端优化。 在这里我们主要分为三...
分类:
其他好文 时间:
2014-11-20 23:18:52
阅读次数:
184
grunt很强大,可以帮我我们解决很多繁琐的操作,虽然刚接触不久,但依然感受到其强大之处,这篇记录一下通过grunt.js实现事实刷新页面,省去了编码 -> 保存 -> F5..F5..F5..F5...n多个F5操作。首先看下项目目录:然后来看package.json配置:1 {2 "na...
分类:
Web程序 时间:
2014-11-19 18:32:39
阅读次数:
222
When you minify your code with a tool like Uglify, the resulting minified file will rename variables. This is a problem for AngualrJS, which uses para...
分类:
Web程序 时间:
2014-11-18 22:59:04
阅读次数:
372
简介Q:Grunt为何物?A:一个专为JavaScript提供的构建工具。Q:啥是构建工具?A:在项目部署上线前,通常要将源文件压缩,合并,并拷贝到bch或trunk中。在将js模块化后,又多了一个分析,提取业务代码中所依赖模块的工作。解决这一系列繁重工作的自动化工具,称之为构建工具。Q:grunt...
分类:
其他好文 时间:
2014-11-18 17:21:30
阅读次数:
259
There are two ways to compiler the ES6 fils to Javascript file.One:traceur --out build/app.js --script js/app.js --experimentalTwo:Using grunt.Install...
分类:
其他好文 时间:
2014-11-18 00:04:43
阅读次数:
262
作者:zhanhailiang 日期:2014-11-17
1. 安装node.js,npm工具(略)。
2. 安装grunt, grunt-init
npm install -g grunt-cli
npm install -g grunt-init
3. 下载脚手架:grunt-init-node - Create a Node.js
module, including...
分类:
Web程序 时间:
2014-11-17 22:53:34
阅读次数:
298
For production we want to use minified javascript to reduce the payload that is sent from the server. This can easily be accomplished with grunt-uglif...
分类:
其他好文 时间:
2014-11-17 19:24:24
阅读次数:
242
Grunt will clean up your build with the grunt-contrib-clean to make sure that no artifacts from previous builds are hanging around.Install:npm install...
分类:
其他好文 时间:
2014-11-17 19:14:46
阅读次数:
263