摘要: gruntjs官方教程:http://gruntjs.com本次主要讲述Gruntfile.js配置文件在项目中的应用配合jade、less一起使用。项目目录包括jade文件夹、less文件夹、css文件夹、js文件夹等等jade文件夹中包含首页、版本选择页以及提示信息页活动首页样式变化频繁,但是jade可以实现超文本标记语言结构化,简化开发利于维护版本选择页变化较小,一次开发,以后基本维持。结果页及信息提示页实现结构化,主要变动标题及链接,可以通过配件tip_conf.jade文件,每次修改这个配置文件即可。tip_conf.jade源码介绍:title = '活动标题',b 阅读全文
posted @ 2013-06-02 21:37 前端咖 阅读(2141) 评论(1) 推荐(0) 编辑
摘要: 仿选择版本页描述:有不同组类型,即类型A和类型B,类型包含具体型号类型如A_a、A_b等等。具体型号类型有三种状态:可选状态、选中状态、不可选状态,可选状态具有态胎效果。选中状态时按钮下一步变为可点击状态。基础知识:css方面内外边距的使用、二态效果、样式表中的类的使用等js方面设计点击事件、闭包等。效果如下图:js源码及简单介绍:/** getId函数* 功能:获取元素ID*/function getId(){ return document.getElementById(arguments[0]);}/** getTagNames函数* 参数kname:元素标签名称* 参数... 阅读全文
posted @ 2013-06-02 20:51 前端咖 阅读(493) 评论(0) 推荐(0) 编辑