摘要：
表单允许客户端的用户以标准格式向服务器提交数据。表单的创建者为了收集所需数据，使用了各种控件设计表单如 INPUT 或 SELECT。查看表单的用户只需填充数据并单击提交按钮即可向服务器发送数据。服务器上的脚本会处理这些数据。表单由三个重要属性action，method，onsubmit。action：规定当提交表单时，向何处发送表单数据。method：规定如何发送表单数据。onsubmit：当表单被提交时执行脚本。页面提交表单的数据是不可信任的，js脚本验证作为辅助验证，嘿嘿，防君子不防小人。后台需要对表单提交数据判断。全部正确跳转到成功页，否则，跳转到辅助性的提示页（记录这些非法操作的用户 阅读全文
摘要：
ZeroClipboard是一个轻量级的jQuery“复制到剪贴板”插件采用了时下流行的零剪贴板库。官网：http://www.steamdev.com/zclip参数及默认值path(必选) ZeroClipboard.swf的路径 默认:ZeroClipboard.swfcopy(必选) 字符串或表达式返回字符串 默认: nullafterCopy(可选) 指定文本后可以覆盖alert警告框 默认: nullbeforeCopy(可选) 指定一个函数之前调用文本复制。 默认: nullclickAfter(可选) 布尔值 默认: truesetHandCursor(可选) 布尔值 默认: 阅读全文
摘要：
仿网页nec首页动画效果nec链接：http://nec.netease.com/首先，介绍animationanimation检索或设置对象所应用的动画特效。animation由“keyframes”这个属性来实现这样的效果。keyframes具有其自己的语法规则，他的命名是由"@keyframes"开头，后面紧接着是这个“动画的名称”加上一对花括号“{}”，括号中就是一些不同时间段样式规则，有点像我们css的样式写法一样。关于animation属性介绍：animation-name：检索或设置对象所应用的动画名称animation-duration：检索或设置对象动画的 阅读全文
摘要：
gruntjs官方教程：http://gruntjs.com本次主要讲述Gruntfile.js配置文件在项目中的应用配合jade、less一起使用。项目目录包括jade文件夹、less文件夹、css文件夹、js文件夹等等jade文件夹中包含首页、版本选择页以及提示信息页活动首页样式变化频繁，但是jade可以实现超文本标记语言结构化，简化开发利于维护版本选择页变化较小，一次开发，以后基本维持。结果页及信息提示页实现结构化，主要变动标题及链接，可以通过配件tip_conf.jade文件，每次修改这个配置文件即可。tip_conf.jade源码介绍：title = '活动标题',b 阅读全文
摘要：
仿选择版本页描述：有不同组类型，即类型A和类型B，类型包含具体型号类型如A_a、A_b等等。具体型号类型有三种状态：可选状态、选中状态、不可选状态，可选状态具有态胎效果。选中状态时按钮下一步变为可点击状态。基础知识：css方面内外边距的使用、二态效果、样式表中的类的使用等js方面设计点击事件、闭包等。效果如下图：js源码及简单介绍：/** getId函数* 功能：获取元素ID*/function getId(){ return document.getElementById(arguments[0]);}/** getTagNames函数* 参数kname：元素标签名称* 参数... 阅读全文
摘要：
gruntjsgruntjs是构建前端可维护性的项目，如自动化、文件压缩、合并及单元测试等等。关于package.json和Gruntfile.js基础介绍1、在项目的当前目录下，新建packjson.json文件{ "name":"mtest", "version":"0.1.0", "engines": { "node": ">= 0.8.0" }, "dependencies": { "async": & 阅读全文
摘要：
js模板引擎模板引擎是为了使用户界面与业务数据（内容）分离而产生的，它可以生成特定格式的文档，用于网站的模板引擎就会生成一个标准的HTML文档。js模板引擎包括如下：template官方参考：http://aui.github.io/artTemplateBaiduTemplate官方参考：http://baidufe.github.io/BaiduTemplatejuicer官方参考：http://juicer.namedoT官方参考：http://olado.github.io/doTkissy官方参考：http://docs.kissyui.com和https://github.com/ 阅读全文
摘要：
express基础介绍一、安装环境及准备工作安装node、npm、express、jade、less及supervisor安装node环境，官网：http://nodejs.org安装npm插件管理工具，官网：https://npmjs.org安装express，官网：http://www.expressjs.com安装jade，官网：http://jade-lang.com安装less，官网：http://www.lesscss.net安装supervisor，使用：supervisor app.js备注：npm install express （安装在当前目录下）npm install - 阅读全文
摘要：
小写转换大写（人民币）实现原理：将小写数字转换成对应的大写数字。（数字数组）将级别插在对应的大写数字后面。（级别数组）组合称字符串。小写转大写规律：0123456789 零壹贰叁肆伍陆柒捌玖级别规律：元 十 百 千万 十 百 千亿 十 百 千万亿 十 百 千 千亿 十 百 千。。。function convert(){ var val = lower.val(); var arrnum = val.split(""); var arrcapital = "零壹贰叁肆伍陆柒捌玖".split(""); var arrlevel = [& 阅读全文
摘要：
祈福雅安雅安发生地震，需要大家热心的无私的帮助。希望大家心连心铸造爱心。为灾区人民献一份力量。谢谢大家。作为一名打酱油烂的不能再烂的前端攻城师。关于浏览器变灰的实现方式：1、最干脆最直接的办法是把图片变灰。（适合少量修改图片，兼容有所的浏览器）2、用滤镜（IE滤镜和css3滤镜）控制，如（能够修改所有元素（包括图片），兼容IE系列及webkit系列）-webkit-filter:grayscale(100%);-o-filter:grayscale(100%);-ms-filter:grayscale(100%);filter:grayscale(100%); filter:progid... 阅读全文