
javascript应用开发
文章平均质量分 50
Lotea
这个作者很懒,什么都没留下…
展开
-
Grunt学习——打包静态资源
注:此篇文章是《JavaScript Web应用开发》的学习笔记!什么是打包呢?打包就是在你把应用交给客户之前把所有静态资源都放在一起。这么做的好处便是能够降低网络消耗。传输的数据可能变多了,但客户端能省去很多对服务器不必要的网络请求。 简单点说,打包是把各个文件的内容添加到前一个文件的末尾。如何安装插件和配置的方法不再详述,可以参考文章《Grunt学习——把less代码编译成css 》最后在终端原创 2016-03-05 21:16:45 · 533 阅读 · 0 评论 -
CommonJS模块规范
CommonJS模块规范未来主要发挥威力的地方:服务端JavaScript应用,命令行工具,图形界面应用,混合应用(Titanium、Adobe AIR等) CommonJS定义的模块分为:模块引用(require);模块定义(exports);模块标识(module)转载 2016-03-05 20:20:31 · 2540 阅读 · 0 评论 -
Grunt学习——把less代码编译成css
Grunt任务分为两部分,一部分是任务,即Grunt要执行的代码,找到对应功能的插件就成。所以等会要下载grunt-contrib-less包,这个插件便是把less文件编译成能直接使用的css。另一部分是配置,即传给grunt.initConfig方法的对象。原创 2016-03-05 20:16:22 · 3276 阅读 · 1 评论 -
Grunt学习——简化静态资源
注:此篇文章是《JavaScript Web应用开发》的学习笔记!简化的目的和拼接类似,都是为了减轻网络连接的负担。但是不同的是,简化只是通过删除空白,缩短变量名,以及优化代码的句法树来缩减文件大小。要付出的代价便是简化后的代码几乎没有可读性。还有一种是在服务器端做GZip压缩。这个我没试过,不过书上说,简化静态资源的效果较之更明显。需要注意的是,虽然把代码弄乱了,但是别人仔细研究的话还是可以看明白原创 2016-03-08 10:48:13 · 571 阅读 · 0 评论 -
Grunt学习——创建子图集
注:此篇文章是《JavaScript Web应用开发》的学习笔记!图像往往是Web应用中最耗资源的,我们应该尽量通过一些技术手段减少对服务器的请求数量,而不是一味地使用更好更贵的硬件来提升。子图集是由多张图像而成的一个大图像文件。有了它我们便可以使用background-position,width,height这三个CSS属性从子图集中选择需要的图像。它也是对静态资源的打包,不过打包的是图像。在w原创 2016-03-08 19:23:04 · 571 阅读 · 0 评论 -
Grunt学习——检查代码完整性
1. 清理工作目录工作目录其实就是开发过程中代码基的根目录。最好的做法是在一个子目录中放置构建过程中编译得到的文件。这样做的目的很明显可以很清楚地把构建生成的内容和源码清楚地分开,可以确保不会意外删除源码。介绍一个概念,幂等性。在开发中指的是只要制定好了一步构建方案,想执行多少次就能执行多少次,而且效果不变。grunt-contrib-clean这个插件的作用是:你提供目标名称,它会删除通配模式指定原创 2016-03-08 19:59:49 · 829 阅读 · 0 评论 -
Grunt学习——配置不同的构建模式
注:此篇文章是《JavaScript Web应用开发》的学习笔记!配置构建模式构建模式仅限于调试或发布,针对构建目标可命名为debug或release。通用的任务不用遵守这个约定,例如jshint。'use strict';module.exports = function(grunt){ grunt.initConfig({ clean: { build: 'build'原创 2016-04-06 20:28:49 · 398 阅读 · 0 评论