Skip to content

seajs utils(常用工具集)

awei.yu edited this page Sep 29, 2016 · 2 revisions

###说明:常用工具集,最好默认所有页面都引用 ###api:

    replaceAll(oldStr,newStr):
        说明:所有String类型的变量拥有该方法,用于全部替换某字符串
    addClass(className):
        说明:所有HTMLElement(所有标签)元素拥有该方法,用于添加class
    removeClass(className):
        说明:所有HTMLElement(所有标签)元素拥有该方法,用于移除class
    plusSign():
        说明:所有String,Number类型的变量拥有该方法,用于给大于零的数字加正号。原值若>0,则返回值会返回"+"+该值
    format():
        说明:所有的Date类型的变量拥有该方法,用于格式化时间
    appendNodes(node/Array/nodeList):
        说明:所有HTMLElement(所有标签)元素拥有该方法,用于批量对某元素追加子节点。返回值:元素数组
    insertNodesBefore(insertNode,beforeNode):
        说明:所有HTMLElement(所有标签)元素拥有该方法,用于批量对某元素插入子节点。返回值:元素数组
     use(array,fuc):
          说明:用于按照一定的依赖顺序加载文件
          示例:
              use([
                  ["a","b"], //代表b.js依赖a.js 会先加载a 后加载b 这个两个为一组js
                  ["c","d"], //代表d.js依赖c.js 会先加载c 后加载d 这个两个为一组js
                  "f" //单js可无须数组包装
              ],function(o){
                   //所有插件加载完毕会执行该方法
                   //o:加载完毕之后返回的对象 o[url]可取出查看
              })
          *每组js的加载是并行,且遵循各自组内依赖关系  
     $id(idName):
        说明:通过id名获取元素
    $name(name)
        说明:通过name获取HTMLCollection
    $tagName(tagName)
        说明:通过tagName获取HTMLCollection
    go(url,mode)
        说明:跳转页面的封装,该方法跳转页面会显示过渡动画
        参数说明:
            url(String):跳转目标页地址
            mode(Boolean):新页面是否替换覆盖当前页。默认:false
    back(index,mode)
        说明:后退页面的封装,用于后退到某些页面,需要同时刷新的需求
        参数说明:
            index(Number):后退页数(不区分正负号)。默认:-1
            mode(Boolean):是否刷新后退页。默认:false
        示例:
            back();后退一页
            back(true);后退一页并刷新
            back(2,true);后退两页并刷新
    getParameter(name):
        说明:用于获取url中指定的参数
    bindClick(id/node,fuc):
        说明:通过id/node为指定节点绑定click事件
    bindCopy({
        node:id/node,
        txt:"要复制的内容",
        onSuccess:function(){},
        onError:function(){}
    }):
   说明:通过id/node为指定节点绑定复制事件,点击该按钮即会复制指定的文本

###其它:

  1. 某些浏览器后退会由于bgcache机制不重新执行js以及还原页面元素,utils插件会自动刷新该缓存类型的页面
  2. 此插件只保留以上基础api,要求项目的根目录必须创建seajs-myUtils.js模块来扩展项目的个性需求
  3. seajs-myUtils不可依赖seajs-utils,如果需要的话,可以通过添加如下模块解决:
//该方法会自动执行 请勿随意手动调用
exports.superInt=function(utils){
    //utils为基础utils(seajs-utils)模块
}
You can’t perform that action at this time.