前端练级攻略(第二部门)

此刻你已经相识了一些 JavaScript并举办了一些实践，我们将继承进修一些更高级的观念。下面的观念并不直接相干。我将它们分组在本节中，由于它们对付领略怎样构建更伟大的前端体系是须要的。一旦你进入框架部门，你将更好地领略并行使它们。

说话

当你行使JavaScript举办更多事变时，你将碰着一些更高级此外面念。 以下个中一些观念的列表。 假若偶然刻，细心阅读每一个要点 另外，假如你想增补进修其余内容，Eloquent JavaScript 涵盖了大部门内容。

•  担任与原型链
•  浸染域
•  变乱轮询
•  变乱冒泡
•  Apply, call, 和 bind
•  回调函数和 promise
•  变量和函数的晋升
•  柯里化

呼吁式和声明

JavaScript怎样与DOM交互有两种要领:呼吁式和声明式。一方面，声明式编程存眷所产生的工作。另一方面，呼吁式编程存眷的是什么以及怎样实现。

var hero = document.querySelector('.hero')  
hero.addEventListener(‘click’, function() {  
  var newChild = document.createElement(‘p’)  
  newChild.appendChild(document.createTextNode(‘Hello world!’))  
    newChild.setAttribute(‘class’, ‘text’)  
    newChild.setAttribute(‘data-info’, ‘header’)  
    hero.appendChild(newChild)  
 })  
} 

这是呼吁式编程的一个例子，我们手动查询一个元素并将 UI 状态存储在 DOM 中。换句话说，专注于怎样实现某件事。这段代码最大的题目是它很懦弱。假如处理赏罚代码的人将 HTML中 的类名从 hero 变动为villain，变乱侦听器将不再触发，由于 DOM 中没有 hero 类。

声明式编程办理了这个题目。你不必选择元素，而是将其留给您正在行使的框架或库。这让你专注于做什么而不是怎样做。要相识更多信息，请查察 JavaScript的状态——从呼吁式转换到声明式，以及 Web开拓:声明式vs.呼吁式。

Ajax

在这些文章和教程中，你也许已经多次看到 Ajax 这个术语。Ajax 是一种应承 web 页面行使 JavaScript 与处事器交互的技能

譬喻，当你在网站上提交表单时，它网络你的输入并发出 HTTP 哀求，将数据发送随处事器。当你在Twitter 上宣布一条 tweet 时，你的 witter 客户机向 Twitter 的处事器 API 发出 HTTP 哀求，并行使处事器相应更新页面。

有关 Ajax 的阅读，请查察什么是Ajax。假如你如故没有完全领略 AJAX 的观念，请看看 Explain it like i’m 5, what is Ajax。假如这些还不足，你还可以阅读关于 HTTP 的JavaScript 章节。

本日，HTTP 哀求的赏识器尺度是 Fetch。 你可以在 Dan Walsh 的这篇文章中阅读有关 Fetch 的更多信息。 它先容了Fetch 的事变道理以及怎样行使它。 你还可以在此处找到带文档的 Fetch polyfill。

jQuery

到今朝为止，你一向在行使 JavaScript 举办 DOM 操纵。究竟上，有许多 DOM 操纵库提供api 来简化你编写的代码。

最风行的 DOM 操纵库之一是 jQuery。请记着，jQuery 是一个呼吁式库。它是在前端体系像本日这样伟大之前编写的。现在，打点伟大 UI 是声明性框架和库，如 Vue、Angular 和 React。可是，我如故提议你进修jQuery，由于在你的前端职业生活中很也许会碰着它。

要进修j Query 的基本常识，请查察 jQuery进修中心。它一步一步地通过一些重要的观念，好比动画和变乱处理赏罚。假如你想要更多的下手教程，可以看看 Codecademy 的 jQuery课程。

ES5 vs. ES6

（编辑：湖南网）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!