官方英文版：http://gruntjs.com/
中文翻译版：http://www.gruntjs.org/article/home.html
前端工程师需要维护的代码变得及为庞大和复杂，代码维护、打包、发布等流程也变得极为繁琐，同时浪费的时间和精力也越来越多，当然人为的错误也随着流程的增加而增加了更多的出错率。致使每一个团队都希望有一种工具，能帮助整个团队在开发中能精简流程、提高效率、减少错误率。随之讨论自动化部署也越来越多，并且国内很多大型团队也都有自己成熟的自动化部署工具。百度有FIS， 腾讯有Modjs，360有燕尾服，还有很多团队在使用Ant，Shell等。而Grunt乐意成为目前最好的前端构建框架。
Grunt是一个基于NodeJS,可用于自动化构建、测试、生成文档的项目管理工具。它可以更好的帮助一个团队更好的提高效率、减少错误率。它不仅仅是构建工具，实际上它只是任务运行器，管理每个子任务的自动化运行。 查看全文
这是一款帮助网站编辑人员批量编辑相册的图片信息的Chrome插件，既能快速编辑内容又能兼顾SEO。
之前在做LEE图库的网站，专门用于保存图库的网站，便于搜索。但是在编辑相册的过程中，图编们总在苦恼需要重复的输入重复的信息。所以在此插件为针对图编们上传图片重复输入数据的繁琐而浪费时间的问题，而开发的一个基于Chrome浏览器的插件，从此再也不用重复手工输入数据了。
因为这是一个图库类型的网站，所以就要做出能搜索想要的图片的功能，那就需要给每张图片都加上信息，所以这些信息不实可有可无的，相当重要，来看下图片信息的功能：
标题：默认为图片对应的标题，可以更改或者不更改。
说明：可以跟标题一样，在网页端预览到的图片介绍就是这个关键字设置的。
替代文本：可以跟标题一样，主要是用于搜索引擎的优化，如百度图片，能根据这个关tc键字收录我们网站的图片，很重要。
图像描述：可以跟标题一样；主要用于对单张图片的搜索功能。类似相册的标签，做的精细的话可以根据这些关键字在我们网站搜索到这个图片（不写的话，只能根据图片标题或者相册标题搜索了），以空格分离多个描述。 查看全文
Chrome这个浏览器赞的不能再赞了，给前端的开发调试工作带来了极大的效率提升。
Chrome的简洁、快速吸引了无数人，它的启动速度、页面解析速度都很快，同时得益于Google V8的快速，Javascript执行速度也飞快。而且它对HTML5和CSS3的支持也完善，html类的富客户端应用Chrome上无论是流畅性还是呈现的效果，都是比较出色的，这对于开发者，特别是对于那些喜欢研究前沿技术的前端开发者来说，是很重要的。
普通元素：右键选择审查元素即可查看当前dom元素的样式
伪类样式调试：伪类样式一般不显示出来，比如像调试元素hover的样式怎么办，看图勾选即可
之前在写收藏夹的功能开发的时候，遇到一个神奇的bug，当时怎么想也想不明白为什么会是这样子的结果。
是这样子的一个需求，相当于一组数据中筛选出一堆book_开头并以数字结尾的字符串，用正则做判断嘛，还是挺简单的，当时写了段代码。
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 |
function clear(){ var reg = /book_\d+/g; //book_开头，加上数字 var key; for(var i=0, len = storage.length; i<len; i++){ key = storage.key(i); //从localstorage中读取key if(reg.test(key)){ console.log("succe: "+key); //匹配成功时返回succe LocalStorage.removeItem(key); i=i-1; len=len-1; }else{ console.log("error: "+key); //匹配失败时返回error } } LocalStorage.setItem("xuanfengKey","0"); } |
本系列文章旨在记录一些实用的javascript技巧，既可以作为一个知识的积累，又可以作为闲暇时打发时间写写代码的记录。同时也方便日后翻阅~
|
1 2 3 4 5 6 |
function isArray(o){ return Object.prototype.toString.call(o)==='[object Array]'; } // demo： isArray("str"); //false isArray([1,2]); //true |
|
1 2 3 4 5 6 7 8 9 10 |
Array.prototype.inArray = function(e) { for(i=0;i < this.length;i++) { if(this[i] == e) return true; } return false; } // demo: [1,2].inArray(1); //true |