摘要：
zen-Coding是一款快速编写HTML,CSS（或其他格式化语言）代码的编辑器插件，这个插件可以用缩写方式完成大量重复的编码工作，是web前端从业者的利器。 zen-Coding插件支持多种编辑器，如UltraEdit，Notepad++等。zen-Conding下载地址：http://code.google.com/p/zen-coding/downloads/list (进入下载页，选择相应的编辑器插件下载)一、Notepad++安装zen-Coding1.下载zen-Coding的Notepad++插件;(zen-Coding for Notepad++)2.解压后将压缩包中的文件放 阅读全文
摘要：
今天这个demo是有关下拉框的。<div class="centent"> <select multiple="multiple" id="select1" style="width:100px;height:160px;"> <option value="1">选项1</option> <option value="2">选项2</option> <option value="3&quo 阅读全文
摘要：
初步研究了下easymock，现在把测试代码和心得共享下。先介绍下easymock。EasyMock是一种模拟测试的框架,用他来辅助模拟测试。当在测试过程中一些复杂的对象生成相当麻烦、费时或者根本无法生成时，可以用模拟的对象来代替真实的对象。举例说，现在你要测试一个类的方法，但这个方法里面又要调用其他对象的方法，而这些方法还没写或者比较难实现。这时你就可以用easymock来解决。测试代码：接口，还没写好的方法。public interface IStudent { public String doMethod1(); public String doMethod2(); p... 阅读全文
摘要：
这个demo的效果是实现用户输入时提供实时提醒，并不一定要等到元素失去焦点时才提醒。很显然，这样做能提升更好的用户体验。html代码：<form method="post" action=""> <div class="int"> <label for="username">用户名:</label> <input type="text" id="username" class="required"/&g 阅读全文
摘要：
最近老大提了个想法，以后每半个月他会出个题目，这些题目是让我们了解掌握一些市面好比较好用的类包和工具。嗯，这样方式挺好，总比自己无头苍蝇的学习。所以以后除了分享前端的学习，也会时不时的分享下学习这些类包和工具的心得。这周老大出了题目是研究EasyMcok.EasyMcok具体的介绍下次再说。这次先介绍下学习这个工具时掌握的JUnit的心得之前测试基本我只用JUnit的@Test，但其实它还有@BeforeClass、@AfterClass、@Before、@After而他们的区别就是加载调用的顺序不同。举个例子public class TestIt { private TestJUn... 阅读全文
摘要：
最近把jquery中的dom操作和jquery中的事件和动画的方法都大体测了一下。本来想细细的把每个方法都写出来介绍下。但感觉这样写很没意思。jquery的优势就是简单的代码就能带来更好的用户体验。所以就找几个我感觉实用的例子，拿出来介绍下。顺带把其中用到的操作和事件介绍下。html代码：<input type="text" id="address" value="请输入邮箱地址"/>jquery代码： 1 $(document).ready(function(){ 2 $('#address').focu 阅读全文
摘要：
更好的学习jquery，要区分好jquery对象和dom对象的区别。先具体说说dom。举个例子<html> <head></head> <body> <ul> <li>举个例子</li> </ul> </body></html>这里的每个子节点，例如<head>,<ul>,<li>都是dom元素节点。这样就可以通过javascript来获取改元素节点的对象，简称dom对象。而jquery对象就是把通过jquery把dom对象再次包装后产生的 阅读全文
摘要：
介绍选择器之前先举个例子<input type="checkbox" value="check1"/> 多选1<input type="checkbox" value="check2"/> 多选2<input type="checkbox" value="check3"/> 多选3<input type="checkbox" value="check4"/> 多选4现在问题是要让多选3变为 阅读全文
摘要：
jquery是什么，简单来说，就是javascript的一个库。它把很多用js写好的方法打包起来，到时只要简单的调用个方法，或许只要一条代码就能实现很复杂的功能。所以我现在看的书叫做锋利的jquery，因为jquery能够帮程序员节省大量写代码的时间。众所周知，js的出现能用户和网页之间实现了更好的交互性和实时性，而基于js的ajax的提供了很好的异步性。但是js的弊端也是非常明显的：1 缺少很好的开发，调试工具，例如，少了一个夸号，js就报错，然后你就要纠结的找错误，一直alert的去测2 不一致的浏览器实现。例如在ie中实现好的功能，到火狐下一下，又有问题了。3 复杂的dom。经常要操作一 阅读全文
摘要：
在博客园潜水很久了，看到很多大师的文章，受益匪浅所以今天开通了博客，准备把自己的学习心得记录下来，方便将来自己使用，以及和大家一起分享工作将近一年了，跟大多数人一样，由于工作需要，前台后台数据库的知识都稍微了解了皮毛但是这种广而不精的情况在将来还是不利于个人发展的所以经过思想斗争后，我选择将自己的重心往web前端方向发展。因此这个博客也就是记录我前端学习的历程了最近再看《锋利的jquery》，所以先把再这本书中学到的知识记录下来，希望能与大家共同进步。 阅读全文