2017年最佳JavaScript框架,库和工具

JavaScript框架,库和工具似乎比他们的开发人员多出很多。截至2017年5月,在 GitHub 上快速搜索 JavaScript 项目显示已经超过110万个。npmjs.org 有 50 万个可用的软件包,每月下载量近100亿次。

2017.05.29:该文章已更新,以反映 JavaScript 生态的当前状态。

本文将努力解释最流行的客户端 JavaScript 框架、库和工具之间的基本内容和差异。他们对你来说是否是 “最好的” 选择是另一个问题。选择一些东西,坚持一段时间。你需要知道的是:你最喜欢的选项终将被“更好”的东西取代,无论你选择什么! 继续阅读

你可能不再需要Underscore

过去几年像 Underscore 和 lodash 等库进入许多JavaScript程序员的工具函数中。虽然这些工具库可以使你的代码写起来更容易,但是他们不一定使代码更简单或更容易理解。

各种工具函数库层出不穷,每个工具库的写法也各有不同,这样给阅读和维护你代码的人也带来了一定的困难,以为他必须了解你使用的这个这个工具库的函数做了什么事情。

JavaScript不断发展,新ES2015和ES2016版本(以前分别称为ES6和ES7)包了一堆新功能特性,并很容易使用它们。这些特性使得工具库以前的一些基本功能已经过时。

所以你可能不再需要Underscore。

例子:

这些例子说明,ES5.1,ES2015和ES2016做这些事情很容易,你可能不需要一个实用程序库了。ES5已经得到了所有现代浏览器和node.js的支持,要是想支持传统浏览器(比如IE8),还需要像es-shim这样的帮助脚本。

Arrays(数组)

Iterate(迭代)

  • Underscore
    _.each(array, iteratee)
  • ES5.1
    array.forEach(iteratee)

Map

  • Underscore
    _.map(array, iteratee)
  • ES5.1
    array.map(iteratee)

继续阅读

Lazy.js,比Underscore 和 Lo-Dash更加优越的工具库

Lazy.js是一个JavaScript工具库,类似Underscore 和 Lo-Dash,但是底层引擎比其他库支持更多的用例,并且在大多数情况下性能更加优越。

Lazy.js versus Underscore/Lo-Dash

官网:http://danieltao.com/lazy.js/

github:https://github.com/dtao/lazy.js

注:截至目前,这个库仍然是实验版本。

Underscore.js-精巧而强大实用功能库

前言

从其他语言转向Javascript时,通常都会遇到一些困惑性问题。比如,Java中的HashMap在Javascript中如何实现?Javascript面向对象式编程如何实现继承?如何实现通用的iterator对集合对象做遍历?如何对Array实现快速排序?….

如果你真的可以自己实现这些功能,那么你的Javascript基础很扎实的!我很佩服你!但对于大部分人来说,这些基础功能应该是由底层API支持的,就像JDK一样。Underscore为我们提供了这样的一个实用工具包,而且它真的很实用!

只有你动手做了,你才能有收获。

目录

  1. Underscore介绍
  2. Underscore安装
  3. 集合部分:数组或对象
  4. 数组部分
  5. 函数部分
  6. 对象部分
  7. 实用功能
  8. 链式语法
  9. 字符串处理Underscore.String

继续阅读

Underscore.js 1.7.0 中文文档

Underscore一个JavaScript实用库,提供了一整套函数式变成有用的实用功能,但是没有扩展任何JavaScript内置对象。它是这个问题的答案:“如果我在一个空白的HTML页面前坐下, 并希望立即开始工作, 我需要什么?“…它弥补了部分jQuery没有实现的功能,同时又是Backbone.js必不可少的部分。

Underscore提供了100多个函数,包括常用的: map, filter, invoke — 当然还有更多专业的辅助函数,如:函数绑定, JavaScript模板功能,创建快速索引, 强类型相等测试, 等等.

Underscore.js 1.7.0  中文文档:http://www.css88.com/doc/underscore/

查看1.6.0版本的文档请点击:http://www.css88.com/doc/underscore1.6.0
查看1.5.2版本的文档请点击:http://www.css88.com/doc/underscore1.5.2

其他前端相关文档:jQuery API中文文档jQuery UI API中文文档Zepto.js API 中文版

Underscore.js 入门-常用方法介绍

Underscore.js是一个很精干的库,压缩后只有4KB。它提供了几十种函数式编程的方法,弥补了标准库的不足,大大方便了JavaScript的编程。MVC框架Backbone.js就将这个库作为自己的工具库。除了可以在浏览器环境使用,Underscore.js还可以用于Node.js。

Underscor.js定义了一个下划线(_)对象,函数库的所有方法都属于这个对象。这些方法大致上可以分成:集合(collection)、数组(array)、函数(function)、对象(object)和工具(utility)五大类。

上篇介绍了Underscore.js 的几个核心功能:http://www.css88.com/archives/4728

这里介绍部分的常用方法,详细请API文档 http://www.css88.com/doc/underscore/

集合相关方法

Javascript语言的数据集合,包括两种结构:数组和对象。以下的方法同时适用于这两种结构。

数组处理

数组处理指的是对数组元素进行加工。

map方法对集合的每个成员依次进行某种操作,将返回的值依次存入一个新的数组。

_.map([1, 2, 3], function(num){ return num * 3; });
// [3, 6, 9]
_.map({one : 1, two : 2, three : 3}, function(num, key){ return num * 3; });
// [3, 6, 9]

each方法与map类似,依次对数组所有元素进行某种操作,不返回任何值。 继续阅读

Underscore.string.js Version (2.0.0) 中文文档

Javascript缺乏完整的字符串操作。Underscore.string.js试图填补这一空白。

正如名称指出的Underscore.string.js为 Underscore.js 的扩展,但你可以独立使用_s-全局变量。但配合 Underscore.js 使用。
Underscore.string.js Version (2.0.0) 中文文档:http://www.css88.com/doc/underscore.string/

github项目地址:http://epeli.github.com/underscore.string/ | https://github.com/epeli/underscore.string