加入收藏 | 设为首页 | 会员中心 | 我要投稿 核心网 (https://www.hxwgxz.com/)- 科技、建站、经验、云计算、5G、大数据,站长网!
当前位置: 首页 > 建站 > 正文

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

发布时间:2019-04-12 11:56:03 所属栏目:建站 来源:前端小智
导读:本文是 前端练级攻略 第二部分,第一部分请看下面: 前端练级攻略(第一部分) 在第二部分,我们将重点学习 JavaScript 作为一种独立的语言,如何向界面添加交互性,JavaScript 设计和架构模式,以及如何构建网络应用程序。 就像 HTML 和 CSS一样,有大量的

理解 JavaScript 的另一个重要概念是 ECMAScrip t以及它与 JavaScript 的关系。今天,你平常看到是两种主要的 JavaScript 风格:ES5 和 ES6。ES5 和 ES6 是 JavaScript 使用的 ECMAScript 标准。你可以将它们看作JavaScript的版本。ES5 的最终草案是在2009年完成的,到目前为止你一直在使用它。

ES6,也称为 ES2015,是一个新标准,它为JavaScript带来了新的语言结构,比如常量、类和模板字符串。值得注意的是,ES6 带来了新的语言特性,但仍然使用 ES5 从语义上定义它们。例如,ES6 中的类只是JavaScript原型继承的语法糖。

了解 ES5和 ES6 是非常重要的,因为今天你会看到使用这两种方法的应用程序。 ES5, ES6, ES2016, ES.Next:下一步:JavaScript版本控制是怎么回事 这是一篇很好介绍了 ES6 相关的知识,

Dan Wahlin的 ES6入门-下一版本的JavaScript正在发生什么。之后,你可以在 ES6 特性中看到从ES5 到 ES6 的完整变化列表。如果你想要更多,请查看这个包含 ES6 特性的Github存储库。

更多的练习

如果你已经到了这一步,恭喜你自己。你已经了解了很多JavaScript。让我们把你学到的一些东西付诸实践。

练习 3

练习3 将你所学的 HTML 和 CSS 知识与 JavaScript 入门课程结合起来。在这个实验中,你将创建自己设计的时钟,并使其与 JavaScript 交互。在开始之前,我建议阅读 解耦HTML、CSS和JavaScript的教程,以了解在混合使用 JavaScript 时的基本 CSS 类命名约定。我还在 CodePen上准备了一份笔的清单,你可以作为这次练习的参考。有关更多示例,请在 CodePen 上搜索clock

  • Flat Clock
  • jQuery Wall Clock
  • Fancy Clock
  • Retro Clock
  • Simple JavaScript Clock

(编辑:核心网)

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

热点阅读