现代JavaScript开发者的工具箱资源-CSDN文库

现代JavaScript开发者的工具箱

138 浏览量 2021-03-03 15:17:32 上传评论收藏 450KB PDF 举报

资源推荐

资源详情

资源评论

现代现代JavaScript开发者的工具箱开发者的工具箱

自从HTML5变得流行以来，整个Web平台取得了长足的进步，人们也开始将JavaScript视为一门能够创建复杂应用的语言。许

多新的API纷纷浮现，而关于浏览器如何应用这些技术的文章也大量涌现。

这一系列文章的视角更进一步，它们将关注于如何在实践中应用这些强大的技术，这并不是指创建多么酷炫的示例和原型，而

是在第一线进行实际应用。在这个（后）HTML5系列文章中，我们不需要响亮的口号，而是基于行业专家的实际经验，获得

实践性的见解。我们也将讨论那些更进一步的技术（例如AngularJS），并对web标准和web开发的未来进行定义。

发布在InfoQ上的这篇文章是“下个时代的HTML5和JavaScript”系列文章其中的一篇。你可以订阅本系列文章，通过RSS获取

文章更新的通知。

作为一门脚本语言，JavaScript最初创建的目的是用于增强web页面的表现能力，而现如今JavaScript几乎已经用在所有你能

想到的地方了。随着整个业界的技术能力不断提高，JavaScript如今已经可以在服务端运行，同时也能够被编译为原生手机应

用的代码。当今的JavaScript开发者都是整个丰富生态圈中的一份子，他们可以在几百种IDE、工具和框架中进行随意选择。

由于各种选择和资源的数量实在太多，某些开发者也会感到不知从哪里开始学习。我很乐于讨论并概述一下现代JavaScript开

发者所面临的处境，首先我将简要的介绍一下JavaScript的历史，随后会涵盖目前最流行的一些框架、工具和IDE。

快速回顾历史

让我们开始一次快速的旅行。时间回到1995年，当时Netscape Navigator和Internet Explorer 1.0是浏览器方面仅有的选择。

网站上充斥着各种烦人的闪烁文字以及太多的GIF图片。要通过拨号网络加载一个包含了大量丰富内容的页面，最多需要等待

整整两分钟时间。随后出现了一种web语言，它允许这些古老的网站执行客户端的代码。这一年正是JavaScript所诞生的年

份。

创建于20年之前的这些网站对于JavaScript的使用并不多，当然也没有充分发掘这门语言的潜力。偶尔会通过弹出对话框告诉

你某些信息，或是在某个方框中通过滚动文字的方式显示新闻，或是用cookie保存你的用户名，以便当你经过几个月后再来访

问这个网站时能够直接显示出你的名字。职场中当然也不存在任何以JavaScript作为主要开发语言的工作职位，当时能够在工

作中真正编写一些JavaScript以及是非常幸运了。总之，当时的网站对于JavaScript的应用就是在DOM中玩一些小花招。

如今，你基本上已经可以在所有地方看到JavaScript的身影了。从Bootstrap到ReactJS、Angular、通用的jQuery，甚至是运

行在服务端的Node.js，JavaScript已经成为了最重要、最流行的web语言之一。

框架

自从问世以来，JavaScript的改动的最大方面之一就是对于它的应用方式。调用那些尴尬的document.GetElementById方法和

创建繁重的XmlHttpRequest对象的日子已经一去不复返了。取而代之的方式，是通过各种帮助性的类库对这些基本功能进行

抽象，让JavaScript更易于为开发者使用。这也正是如今JavaScript随处可见的主要原因之一。

jQuery

jQuery是由John Resig在2006年推出的，它提供了一套丰富的工具集，对各种隐晦的、神秘的JavaScript命令与方法进行了抽

象与简化。展示这一工具最简单的方式莫过于代码示例了。

使用纯粹的JavaScript创建一个AJAX请求：

function loadXMLDoc() {

var xmlhttp;

if (window.XMLHttpRequest) {

// code for IE7+, Firefox, Chrome, Opera, Safari

xmlhttp = new XMLHttpRequest();

} else {

// code for IE6, IE5

xmlhttp = new ActiveXObject("Microsoft.XMLHTTP");

}

xmlhttp.onreadystatechange = function() {

if (xmlhttp.readyState == 4 ) {

if(xmlhttp.status == 200){

alert("success");

}

else if(xmlhttp.status == 400) {

alert("error 400")

}

else {

alert("something broke")

}

xmlhttp.open("GET", "test.html", true);

xmlhttp.send();

}

而使用jQuery创建AJAX请求：

$.ajax({

url: "test.html",

statusCode: {

200: function() {

alert("success");

400: function() {

alert("error 400");

}

error: function() {

alert("something broke");

}

});

jQuery使得复杂的JavaScript函数变得方便使用，DOM操作更是小菜一碟。从结果上说，jQuery成为了最早的一批被广泛使用

的JavaScript框架，其中对JavaScript进行抽象的思想则成为了其它各种框架构建的基础。

AngularJS

AngularJS通常也被称为“Augular”，于2009年登台亮相。它是由Google创建的一种框架，目标是为了简化单一页面应用

（SPA）的创建。类似于jQuery，它的目标同样是将复杂的操作抽象成为具有高度重用性的方法。它为JavaScript提供了一种

模型-视图-控制器（MVC）的架构。

ReactJS

ReactJS通常也被称为“React”，是一个刚刚在这场游戏中登场的新手。它由Facebook创建，并在2013年首次发布。Facebook

认为React在处理SPA问题上可以成为Angular的替代品，因此如果你认为Angular和React这两种框架是竞争对手，那你的理

解就对了。不过，与Angular相比，React最大的不同之处在于，它是一个更高效、具有更高性能、速度更快的类库。下图展

示了使用React、Angular、Knockout（另一种类库，在本文中不做讨论），以及纯粹的JavaScript在DOM中渲染包含1000个

内容的列表，各自所需的时间：

剩余6页未读，继续阅读

评论收藏

内容反馈

weixin_38616505

粉丝: 9
资源: 998

现代JavaScript开发者的工具箱

JS开发者工具箱

Modern JavaScript Applications

工具箱

sagui提供了构建测试和开发现代JavaScript应用所需的工具

JavaScript常用开发工具集合

JavaScript开发者必备的10个超级实用工具

JavaScript快速开发工具箱

html javascript css编写的工具箱

PHP多功能工具箱源码_it工具箱源码_itselfy1d_工具箱源码php_工具箱源码php_php加密_

在线工具箱网站源码 在线工具大全网站 工具箱导航网站.zip

kotatsu：简单易用的命令行工具，可为现代JavaScript设置开发环境

iamturns-js-toolbox:我JavaScript项目的工具箱

modern-js

现代JavaScript应用程序的代码生成器集合-JavaScript开发

javascript-starter：使用现代JavaScript ES6进行Web开发的入门工具包

【cc】在线工具箱V2.0 带后台源码（100+工具）.zip

微信小程序云工具箱源码

PHP在线工具箱源码 多功能在线工具箱php源码

PHP在线工具箱源码 站长引流 在线工具箱源码 多款有趣的在线工具.zip

JavaScript快速开发工具箱（Plug-In JavaScript 100 Power Solutions）

leetcode题库-Tools::hammer_and_wrench:每个开发者都应该有一个自己的工具箱

IT Tools工具箱,开发人员在线工具集合系统源码完整版，附带搭建教程

用于比较 musicjson 对象的简单工具箱_JavaScript_代码_下载

美化站长工具箱源码程序下载

W3cfuns 前端开发工具箱

114la【修正版】工具箱源码

DUX主题提取前端工具箱PHP源码

W3Cfuns前端开发工具箱

IT Tools工具箱：开发人员在线工具集合系统源码完整版

最新资源

在线工具箱网站源码在线工具大全网站工具箱导航网站.zip

PHP在线工具箱源码多功能在线工具箱php源码

PHP在线工具箱源码站长引流在线工具箱源码多款有趣的在线工具.zip