文章分类:前端开发

2429 阅读 21 评论

表单校验插件checkForm

记得我刚到公司实习的时候,要实现一个非常多元素的表单提交,那时候对于刚接触Js的我,可是巨大的工程,最后在 Q.Lee.lulu的教导下,实现了一个高度可以复用的校验脚本。时至今日,那个脚本还运行在项目上。

时隔一年多,又遇到这样的需求,决定封装成一个插件吧。

这个插件是基于jQuery的,实现了对text/select/radio/checkbox四种表单元素的空校验,规则校验,未来可能加入文件校验。

Demo地址:http://www.travisup.com/demo/plugins/checkform/demo.html

下载地址:https://github.com/godxiaoji/jquery-checkform.git

阅读全文...

622 阅读 8 评论

Javascript日期选择器 tDatePicker

记得去年的时候写过一个基于jQuery的日期选择器,但是因为不支持多个调用而被废弃,当时也没想出什么好方法来解决这个问题。

后来看到一个国外的Pikaday,感觉轻量好看,就把他翻译和做一下ie的兼容,国内的My97好重的。

这次忍不住再次挑战,改为原生Javascript写,换了一种思路,终于不负众望哈。

演示地址:http://travisup.com/demo/plugins/tdatepicker/demo.html

效果图:

阅读全文...

532 阅读 3 评论

做前端用到的小工具推荐

做前端也有一年多了,说说自己用到的一些小工具(window)。

码字工具:notepad++

小巧实用,带编码转换,配合 Emmet(原ZenCoding) 开发效率那叫一个快哈。

其他推荐:Sublime Text 2


免刷工具:GetF5

双屏使用,一屏写代码,一屏看效果,代码一保存自动刷新,提高开发效率。去年5块钱买的,现在好贵。


文档管理:Total Commander

不止是前端开发,大多数研发都会用的,TC神器,就是界面不是很好看。

阅读全文...

14697 阅读 12 评论

JSONP原理及简单实现

在web2.0时代,熟练的使用ajax是每个前端攻城师必备的技能。然而由于受到浏览器的限制,ajax不允许跨域通信。

JSONP就是就是目前主流的实现跨域通信的解决方案。

虽然在在jquery中,我们可以通过$.ajax的dataType设置为jsonp来调用jsonp,但是jsonp和ajax的实现原理一个关系都木有。jsonp主要是通过script可以链接远程url来实现跨域请求的。如:

<script src="http://jsonp.js?callback=xxx"></script>

callback定义了一个函数名,而远程服务端通过调用指定的函数并传入参数来实现传递参数。

搜索了网上好多文章,他们实现方法都过于简单,要实际应用还要多加修改,我在这里封装了一个对象,可以直接运用于实际操作。

阅读全文...

297 阅读 1 评论

Kss Javascript Library

这是一个Javascript的小型库,开始我把他称为框架,后来想了想,称为库比较合适。

这里面的api兼容了jQuery的写法,也借鉴了不少jQuery的设计模式。特点是小,继承了很多常用的方法。

由于Javascript也是刚学习不久,兼容性也达不到jQuery那么强悍的水准。

但是对于我来说,这是一种知识不断积累的过程,意义其学习的意义远大于实际应用。代码都是一些常见的设计思路,没有jQuery的复杂和迂回,适合和我一样刚入门的童鞋参考和学习。

特点:

  1. 较小,压缩版本只有15k左右,远比jQuery小很多,适合不是很复杂的项目使用。
  2. 大部分api和jQuery用法一下,学习成本较低。
  3. 设计思想比较简介易懂,适合新手。

文档及下载:https://github.com/godxiaoji/kss

阅读全文...