轩枫阁

首页 / Web前端 (第39页)

Grunt常用插件介绍

项目名称

grunt-contrib v0.8.0

项目地址

https://github.com/gruntjs/grunt-contrib

项目介绍

此项目是对grunt常用插件的集合,刚接触grunt如果不知道使用什么插件,可以直接安装此项目。或者通过package.json自定义要使用的插件。

项目使用

  1. 在文件夹中执行node安装包命令,生成包含插件的node_modules文件夹:npm install grunt-contrib –save-dev
  2. 插件下载安装完之后,可以在Gruntfile.js中设置引用这些插件:grunt.loadNpmTasks(‘grunt-contrib’);

查看全文

2013/12 09  周一

Grunt自动化的前端项目构建工具

官网

官方英文版:http://gruntjs.com/

中文翻译版:http://www.gruntjs.org/article/home.html

背景

前端工程师需要维护的代码变得及为庞大和复杂,代码维护、打包、发布等流程也变得极为繁琐,同时浪费的时间和精力也越来越多,当然人为的错误也随着流程的增加而增加了更多的出错率。致使每一个团队都希望有一种工具,能帮助整个团队在开发中能精简流程、提高效率、减少错误率。随之讨论自动化部署也越来越多,并且国内很多大型团队也都有自己成熟的自动化部署工具。百度有FIS, 腾讯有Modjs,360有燕尾服,还有很多团队在使用Ant,Shell等。而Grunt乐意成为目前最好的前端构建框架。

 

简介

Grunt是一个基于NodeJS,可用于自动化构建、测试、生成文档的项目管理工具。它可以更好的帮助一个团队更好的提高效率、减少错误率。它不仅仅是构建工具,实际上它只是任务运行器,管理每个子任务的自动化运行。 查看全文

2013/12 09  周一

wordpress图库之相册图片信息批量编辑插件

这是一款帮助网站编辑人员批量编辑相册的图片信息的Chrome插件,既能快速编辑内容又能兼顾SEO。

背景

之前在做LEE图库的网站,专门用于保存图库的网站,便于搜索。但是在编辑相册的过程中,图编们总在苦恼需要重复的输入重复的信息。所以在此插件为针对图编们上传图片重复输入数据的繁琐而浪费时间的问题,而开发的一个基于Chrome浏览器的插件,从此再也不用重复手工输入数据了。

 

关于站内搜索及SEO

因为这是一个图库类型的网站,所以就要做出能搜索想要的图片的功能,那就需要给每张图片都加上信息,所以这些信息不实可有可无的,相当重要,来看下图片信息的功能:

标题:默认为图片对应的标题,可以更改或者不更改。

说明:可以跟标题一样,在网页端预览到的图片介绍就是这个关键字设置的。

替代文本:可以跟标题一样,主要是用于搜索引擎的优化,如百度图片,能根据这个关tc键字收录我们网站的图片,很重要。

图像描述:可以跟标题一样;主要用于对单张图片的搜索功能。类似相册的标签,做的精细的话可以根据这些关键字在我们网站搜索到这个图片(不写的话,只能根据图片标题或者相册标题搜索了),以空格分离多个描述。 查看全文

2013/12 09  周一

2013-12-04

最近在学习backbone,come on ,还有很多东西要学习

2013/12 04  周三

HTML5结构

1.主体结构

查看全文

2013/12 01  周日

纸飞机许愿

x

钢琴节奏

请选择弹奏的曲谱

    • 1
    • 2
    • 3
    • 4
    • 5
    • 6
    • 7
    • 1
    • 2

    [返回曲谱列表]

    点击开始录制,可以录制弹奏的曲子