HHJsLib——红橘子信息科技工作室开源Javascript工具库(致力于解放后台语言在View层的烦锁操作! )

4049 次阅读 by 九九 2014-02-11 | 标签:前端 HHJsLib 问题 Javascript 总结

HHJsLib写了有一年多了,一边做单子一边加些功能,今天把它放到Github上跟大家交流学习:D。 写HHJsLib的原因如标题括弧里所表达的,在平时写web的后台功能部分,经常会碰到要高亮一个链接,要默认的选中一个选项,还需要去检测表单是不是空的且要不是默认值等等。通常这些功能用后台脚本去实现都会灰常的费劲,不是一堆的
if() { } else if () { } else {} 
就会是一堆的
switch() {
    case condition1:
        doSomething(); break;
    .....
    default: break;
代码的可读性很差,实现的效率也很低。记得那还是在实习的时候,我接到了一需求:做一个导航栏高亮的效果。我当时想的是用后台脚本来实现,在当前的请求里放一个标识,如:
//php代码
$_GET['cur_navmenu'] = 'navmenu1';
----- 省略很多代码 ------
//在再HTML的模板页面里这样写
< ?php 
    if($_GET['cur_navmenu'] === 'navmenu1') {
      echo '菜单1';
    } else if() { 
      echo '菜单2';
    } ..... (加上二级,一共有30多个菜单链接要比对T_T,,,){
      echo '菜单N';
    } else {
      echo '菜单(N + 1)';
    }
?>
我当时还真写了好几个if~不过后面发现不对劲,要是有100个这样的URL对比我得疯掉!!!我就试着用JS去做一些改变,后面写完后,之前的php代码里没有了一个
if () { } else if() { } else {}
也没有了:
$_GET['cur_navmenu'] = 'navmenu1';
变成了:
$(function() { 
    HHJsLib.highLightElement('ul.nav li', 'active', '0');
});
如:http://www.hongjuzi.net/hhjslib/example 这个页面。哈哈,这也在一定程度上减少了服务器的压力,把部分Server要做的工作放到了客户机了~(放心,现在的客户想都BT的很,不会有什么慢的,说不定要比一般的VPS牛气的多~)嗯,就这样HHJsLib逐渐就开动了起来。HHJsLib是基于jQuery1.7+开发,所以在使用前需要先引入好jQuery1.7+。HHJsLib目前的特点有
      以Javascript对象风格进行开发,有默认的构造函数“init”
      按需引入的插件式结构
      支持自由扩展
      国际化支持
      常用电话、带默认值的空检测、邮箱、URL等丰富的工具支持
      真的还有很多,就不一一列了,详细点下面的链接吧 :D
项目主页:http://www.hongjuzi.net/hhjslib 如果这文章不小心被你看到,且你也有兴趣为
致力于解放后台语言在View层的烦锁操作!
感兴趣的话,Please call me. HHJsLib还有很多不完善的地方,一起完善它吧,反正我已经在不断完善中...Hoho~

评论(3)

暂无评论!


PS:多打字可以减肥哦~234字以内。支持表情:


Top