12 2013 档案

摘要:promise模式可以极大的解决异步回调嵌套的问题。promise 接口已经被很多类库实现。如jquery中Deferred是promise的一个超集,jquery中很多核心组件都依赖与他如Animate和Ajax。可能有很多工程师都已经用的十分纯熟。现在浏览器已经对这个接口实现了原生支持。chrome32firefox24chromefirefox文档地址 阅读全文
posted @ 2013-12-27 14:43 小玉西瓜 阅读(333) 评论(0) 推荐(0) 编辑
摘要:大家都有过用-min.js开发的经历,但这样的脚本调试非常头疼。如果使用为压缩版的,上线前又要去压缩,sourcemap的出现完美解决了这一问题。即便是chrome提供了格式化代码但阅读压缩后的代码环视很吃力的。以angularjs为例,谈谈sourcemap的使用。我的文件夹结构如下:由于google经常被墙所以建议把angular.jsangular.min.jsangular.min.js.map都下载到本地。并且修改angular.min.js中sourcemap的配置,指向本地map文件。//# sourceMappingURL=angular.min.js.maphtml代码如下: 阅读全文
posted @ 2013-12-20 17:11 小玉西瓜 阅读(3677) 评论(1) 推荐(2) 编辑
摘要:思考: 1.grunt以工程为单位安装插件? 如果有新工程就要重新安装插件或者把安装好的插件拷贝过去。这样很麻烦,解决方案是需要用grunt的项目统一放在grunt项目中。 2.每次需要针对项目编写gruntfile.js? a.我们可以把文件夹,路径用变量代替。传入xx.json或者用命令行传参的方式。 还记得initConfig中的grunt.file.readJSON('package.json')这个方法么?我们可以写一个config.json,用这个方法读入就可以获取变量。 config.json如下 { "concat": { "dis 阅读全文
posted @ 2013-12-17 10:49 小玉西瓜 阅读(289) 评论(1) 推荐(2) 编辑
摘要:以下例子来自真实项目,有所删减grunt-test project目录结构如下一我的目的:1.在src-dev目录中开发最终产出于src目录2.src-dev中的index目录相当于一个widget二准备工作完成这项工作我需要那些步骤才能做到呢。1.需要先准备好合并压缩好的css(common/reset.css+index/c.css)合并压缩放置与一个零时文件夹中待用。2.其次压缩index/j.js放置于零时文件夹中。3.再者把css、js、tpl(index/t.html)inline到layout(index.html)中三编写gruntfile开始编写gruntfile.js/gr 阅读全文
posted @ 2013-12-17 10:26 小玉西瓜 阅读(530) 评论(0) 推荐(3) 编辑
摘要:摆脱混乱的html文件中开发,拥有development与product模式是我们梦寐以求的。我买的需求是:1.产出一定格式的目录结构,以供日常开发使用,脚手架功能。2.在开发模式环境中我们按照文件类型不同分开开发,甚至html也分成小的区块widget化利于协作开发和维护,产出时合并成一个html,外联资源inline化。3.在编码过程中实时保存并自动刷新浏览器,可以查看结果。4.编码过程中进行代码检查,单元测试。5.产出环境我们把这些碎片文件按照逻辑顺序压缩合并打包到一起组合成html,减少请求和代码体积。6.上线后生成开发文档。grunt 有没有这样的能力呢,接下来我们一起探索。1.脚手 阅读全文
posted @ 2013-12-17 10:23 小玉西瓜 阅读(1242) 评论(3) 推荐(2) 编辑
摘要:gruntjs是一个基于nodejs的自动化工具,只要熟悉nodejs或者又一定js经验就可以熟练应用。1. 安装a. 保证已安装了nodejs,并带有npmb.安装客户端命令行工具,grunt 主页都有详细步骤,注意的是安装命令行工具而不是服务器版本。npm install –g grunt-cli 安装完成后已经有了grunt,压缩css,js合并文件换需要grunt的插件,grunt只是一个平台,完成各种任务又对应的插件。Grunt的插件十分丰富目前又380个已帮助我们完成工作中的各种任务。c. grunt插件中名字中有contrib的为官方插件,其他的为第三方插件。2.进入工程目录.. 阅读全文
posted @ 2013-12-16 14:56 小玉西瓜 阅读(1364) 评论(2) 推荐(6) 编辑

点击右上角即可分享
微信分享提示