最近做wp主题，接触了不少前端代码。才发现前端这么麻烦，它已经不是代码的问题了，需要你会设计。好在网上已经有很多已经写好的前端代码。今天主要总结几个有技巧的前端代码：
1：CSS实现代码高亮着色。
本篇文章使用此css效果实现代码着色，将以下代码添加到你项目的 css文件中就行了，可以根据各自站点的风格做适当修改。code{
background: #FFE;
border: 1px solid #EED;
border-left: 6px solid #938262;
color: #554; display: block;
font: normal 1.1em "Lucida Sans Unicode",serif;
margin-bottom: 12px;
padding: 8px 10px;
white-space: pre; }
1，JavaScript中没有类的概念，它是一门基于原型(prototype)的面向对象编程语言。对象是组成JavaScript的基本单元，JavaScript中一切都是对象。
JavaScript中，只有object和function有对象化的能力。所谓“对象化”，就是将数据和代码组织成复杂结构的能力。希望你能理解，编程时间里只存在两种基本元素：数据和代码。下面是一个JavaScript版的Person类：
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 | function Person(name,age,sex) { this.name=name; this.age=age; this.sex=sex; this.say=function() { document.write("JavaScript:" +this.name+this.age+this.sex); } } var p=new Person(); p.name='lebang'; p.age=22; p.sex='男'; p.say(); |
上周，老师一直在讲JavaScript。据听他说，能手写他做的Form表单验证，也就差不多掌握了JavaScript。虽然本人不信，并且表示强烈的鄙视，但是总的来说，手写JS代码还是相当麻烦的。整个JavaScript的编写验证等等都很是烦人。下面是Form表单验证的HTML部分：
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 | <div id="login">
<form action="#" method="post">
<h3>用户注册界面：</h3>
姓名:
<input id="user" type="text" />
<span id="userCheck">*输入用户名，必填项</span>
性别:<span id="sex">
<input name="sex" type="radio" value="男" />男
<input name="sex" type="radio" value="女" />女</span>
邮箱:
<input id="mail" type="text" />
<span id="checkMail">*输入邮箱，选填项</span>
密码:
<input id="pwd" type="password" />
<span id="pwdCheck">*密码不能小于6位，必填项</span>
重复密码:
<input id="pwdAgain" type="password" />
<span id="pwdCheckAgain">*前后密码保持一致</span>
<input onclick="checkMail();" type="submit" value="确认提交" />
<input type="reset" value="重新填写" />
</form></div> |
Zen Coding官方项目中，并不包含对EditPlus的支持，但是考虑的EditPlus的精巧好用以及强大的可定制性，我还是去搜索了一下，终于让我找到了支持EditPlus的Zen Coding。下载试用了一下，发现在某些方面来说，它甚至比Notepad++更加好用。
下载：EditPlus.Zen.HTML v1.1
在EditPlus中依次点击[工具(T)]->[配置用户工具(C)]->[添加工具(D)]->[应用程序]。具体设置如下:
(请将命令修改为你的zencoding插件路径)
Notepad++ 是一款无比轻巧便捷的代码编辑工具。它无可挑剔的启动速度，优秀的语法高亮，干净整齐的代码缩进，便捷的括号高亮匹配赢得了无数人的喜爱。 但，其代码自动补全很“鸡肋”，或者说Notepad++根本就没有代码补全功能。平时改点源代码很方便，但是想单独的写点源代码就比较麻烦了，难道要一点点的都敲吗？先上段视频：
怎么样？惊呆了吧。Zen Coding–一款使用仿CSS选择器的语法来快速开发HTML和CSS的插件。它无视了编辑器的自动提示和自动完成，秒杀了你自定义的各种快捷键或者 AHK 的热字符串，以智能简洁高效的缩短输入，带给你超快速地书写各种复杂而枯燥的 HTML 和 CSS 代码的体验。
