javascript分层

1.base层。职责一是封装不同浏览器下javascript的差异,提供统一的接口,我们可以依靠它来完成夸浏览器的工作。

职责二是扩展javascript语言底层提供的接口,让它提供更多易用的接口。

base层是给common层和page层提供接口。

下面列举一些base层提供的接口

<script type="text/javascript">
//表单中判断输入是否为空
    function trim(ostr) {
        return ostr.replace(/^\s+|\s+$/g,"");
    }
    var str = " abc ";
    alert(trim(str).length);  // 3
    alert(" "==""); // false
    alert(trim(" ")===""); //true
//判断类型
    function isNumber(s) {
        return !isNaN(s);
    }


    function isString(s) {
        return typeof s==="string";
    }

    function isBoolean(s) {
        return typeof s==="Boolean";
    }

    function isFunction(s) {
        return typeof s==="function";
    }
    function isNull(s) {
        return s===null;
    } 

    function isUndefined(s) {
        return typeof s==="isUndefined";
    }

    function isEmpty(s) {
        return /^\s*$/.test(s);
        //匹配字符串中是否存在正则表达式相匹配的结果
        //如果有匹配内容则返回true,如果没有匹配内容则返回false
    }

    function isArray(s) {
        return s instanceof Array;
    }

    var arr = [1,2,3];
    alert(typeof arr); // Object
  
  function $(node) {
    node = typeof node=="string" ? document.getElementById(node) : node;
    return node;
  }
</script>

 

2.common层。

common层依赖base层提供的接口,提供的不是简单的接口,而是更加庞大的组件。

3.page层。

page层和页面的具体功能需求直接相关。如果页面里的功能需求很简单,可以没有base层和common层,但是一定会有page层代码。

 

base层和common层是属于框架级的,page层是属于应用级的。

 

posted @ 2014-10-16 22:01  小刘_php  阅读(194)  评论(0)    收藏  举报