码迷,mamicode.com
首页 > Web开发 > 详细

underscore.js

时间:2019-02-26 17:06:48      阅读:217      评论:0      收藏:0      [点我收藏+]

标签:value   还需要   init   map   图片   mamicode   bind   适合   collect   

 

                                     underscore.js 

1.underscore.js是js封装的一个库,mvc框架 backbone就是依赖这个库。

 underscore就是定义了一个下划线_对象,函数库的所有的方法都归属于这个对象,这些方法大致分为五类,分别适合于集合collection 数组array  函数function  对象object以及工具Utility.

 框架和库:库就是js大量方法的集合,而框架是一种开发模式,mvc mvp mvvm等 简称mv*

集合:

   集合就是伪数组,长得像数组但是不存在数组的那些方法。假设我们需要使用数组的那些方法,他们没有,就需要人为去封装,还需要考虑兼容性,太麻烦了,underscore就解决了这个问题。

  _.each(collection,function(ele,index){})

  each的第一个参数就是集合本身,第二个是对应的函数 函数的第一个参数就是里面的元素,函数的第二个参数就是元素索引

   技术图片

  _.map(collection,function(ele,index){})  

    技术图片

  _.find()

    技术图片

    技术图片

  _.filter()

    技术图片

数组:

   _.first()

    技术图片

    技术图片

   _.last()

    技术图片

    技术图片

   _.initial()

    技术图片

    技术图片

    _.rest()

     技术图片

     技术图片

函数:

   _.bind()

    技术图片

    技术图片

    _.bind()绑定完之后返回的就是绑定后的函数,里面的this都是obj

    _.delay() 

          技术图片

      技术图片

  js语言是单线程

    _.once()

    技术图片

    技术图片

   _.after()

    技术图片

   _.before()

     技术图片

对象:

   _.keys()

    技术图片

    技术图片

   _.allkeys()

    技术图片

    技术图片

   _.values()

     技术图片

   _.extend()

    技术图片

    技术图片

   _.clone()

    技术图片

工具:

   _.times()

    技术图片

    技术图片

   _.random()

    技术图片

    技术图片

   _.mixin()

    技术图片

    技术图片

   _.now()

     技术图片

 

 template

     技术图片

    技术图片

    技术图片

 

复习:

  将数据渲染到页面上的方式:

    (1)字符串拼接;(2)DOM操作;(3)文档碎片;(4)模板template;

   模板使用的三步曲:

    (1)获取模板的内容;

    (2)向模板中添加数据;

    (3)将模板插到指定元素下;

  注意:

    (1)模板里的写法:

       技术图片

    申明模板类型 type="text/template"

    Js代码写在<%js代码%>里面 html代码该怎么写还怎么写

    js读取值的时候<%= data %>

       技术图片

 

  

underscore.js

标签:value   还需要   init   map   图片   mamicode   bind   适合   collect   

原文地址:https://www.cnblogs.com/yuanjingjing/p/10438191.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!