一. 简介
 
Underscore 这个单词的意思是“下划线”。
 
Underscore.js 是一个 JavaScript 工具库,提供了一整套的辅助方法供你使用。
 
Think that ---- "If I sit down in fornt of a blank HTML page, 高产似母猪, what do I need?" ··· underscore.js is the answer.
 
她弥补了 jQuery 没有实现的功能,同时又是 Backbone 必不可少的部分。
 

 
二、组织结构
 
在 Underscore 的官方文档 里,你可以看到这个 JavaScript 库给你提供了这些辅助方法:
 
1. 集合方法(用来操作迭代对象,比如 Array 或者 Objects)
 
2. 与操作数组相关的方法
 
3. 与操作函数相关的方法
 
4. 与操作对象相关的方法
 
5. 工具方法
 
6. 面向对象的编程风格
 
7. 链式编程
 
下面我们就针对这个目录结构,进行学习:)
 

 
三、准备
 
多余的话就不说了,我们把 underscore-min.js 这个文件下载(右击,点击“另存为”)下来。这个 underscore-min.js 是生产环境下的版本,被压缩过,文件是最小的。我用的是 1.8.3 版本。
 
把 underscore-min.js 引入到 HTML 页面,像这样 ↓ 
<!DOCTYPE html>
<html lang="zh"> <head>
<meta charset="UTF-8">
<title>Underscore's Study Notes</title>
</head> <body> <script type="text/javascript" src="underscore-min.js"></script> </body> </html>
 
这是模板文件,学习的过程中,具体的例子代码可以在这里编写。
 

 
四、开始
 
1. 集合方法(Collections)
 
2. 与操作数组相关的方法(Arrays)
 
3. 与操作函数相关的方法(Functions)
 
4. 与操作对象相关的方法(Objects)
 
5. 工具方法(Utility)
 
6. 面向对象的编程风格(OOP style)
 
7. 链式编程(Chaining)
 
(完)
 

Underscore.js 初探的更多相关文章

  1. Underscore.js

    概述 Underscore.js是一个很精干的库,压缩后只有4KB.它提供了几十种函数式编程的方法,弥补了标准库的不足,大大方便了JavaScript的编程.MVC框架Backbone.js就将这个库 ...

  2. 新手入门Underscore.js 中文(template)

    Underscore.js是一个很精干的库,压缩后只有4KB.它提供了几十种函数式编程的方法,弥补了标准库的不足,大大方便了javaScript的编程.MVC框架Backbone.js就将这个库作为自 ...

  3. HiShop2.x版本中的上传插件分析,得出所用的模板语言为Underscore.js 1.6.0且自己已修改

    效果: 上传组件非常的酷,但是分析其使用JS写法使用了模板语言的,代码如下: <script type="text/j-template" id="tpl_popb ...

  4. Underscore.js使用

    Underscore 是一个 JavaScript 工具库,它提供了一整套函数式编程的实用功能,但是没有扩展任何 JavaScript 内置对象. 他解决了这个问题:"如果我面对一个空白的 ...

  5. Underscore.js基础入门

    公司产品集成了对Underscore.js,所以需要对这个库有一定的了解.通过查阅资料,发现这个库主是对Array和JSON的处理支持.通过Underscore.js库,可以方便的对Array和JSO ...

  6. [转]backbone.js 初探

    本文转自:http://weakfi.iteye.com/blog/1391990 什么是backbone backbone不是脊椎骨,而是帮助开发重量级的javascript应用的框架. 主要提供了 ...

  7. (2)Underscore.js常用方法

    目录 1.集合相关方法        1.1.数组的处理                map(循环,有返回值),将返回的值依次存入一个新的数组                each(循环,无返回值 ...

  8. (1)Underscore.js入门

    1. Underscore对象封装 Underscore并没有在原生的JavaScript对象原型中进行扩展,而是像jQuery一样,将数据封装在一个自定义对象中(下文中称"Undersco ...

  9. underscore.js依赖库函数分析二(查找)

    查找: 在underscore.js封装了对dom查找的操作,find()和filter()函数,find()函数的查找操作是返回首个与条件相符的元素值,filter()函数是找到与条件相符的所有元素 ...

随机推荐

  1. Excel报表开发

    读取Excel数据 /// <summary> /// 封装方法 /// </summary> /// <param name="path">& ...

  2. 20145334赵文豪 《Java程序设计》第8周学习总结

    20145334赵文豪 <Java程序设计>第8周学习总结 教材学习内容总结 转眼间Java学习已经到了第八周,第十五章,需要我们学会使用日志API.了解国际化基础.认识JDK8增强功能等 ...

  3. Rearrange a string so that all same characters become d distance away

    Given a string and a positive integer d. Some characters may be repeated in the given string. Rearra ...

  4. 【iCore3 双核心板】例程八:定时器PWM实验——呼吸灯

    实验指导书及代码包下载: http://pan.baidu.com/s/1dEnH5dB iCore3 购买链接: https://item.taobao.com/item.htm?id=524229 ...

  5. 如何正确使用css中vertical-align

    首先明确,vertical-align只对inline-block和inline元素有效. 在说vertical-align之前,需要先说明一下什么是line box. 浏览器中显示的一行会包含多个非 ...

  6. switch多分支语句

    1.switch多分支语句的语法 switch(表达式){ case 常量值:要执行的语句; break; case 常量值:要执行的语句; break; case 常量值:要执行的语句; break ...

  7. JQuery-文档处理&选择器

    <body> <div id="textDiv">...</div> <p>第一段..</p> <b>第二段 ...

  8. App 打包并跳过 AppStore 的发布下载

    一.App 打包 (编译 -> 链接 -> 打包) 1) 下载发布版的证书并安装. 2)Target -> Build Setting,改为发布版本的 profile 3) Targ ...

  9. spring boot servlet、filter、listener

    http://blog.csdn.net/catoop/article/details/50501686

  10. LeetCode Minimum Height Trees

    原题链接在这里:https://leetcode.com/problems/minimum-height-trees/ 题目: For a undirected graph with tree cha ...