写在前面:
『Hello,大家好,我是振丹!从这节课开始,我会慢慢的带大家学习JavaScript的基础,至于进阶部分,有机会我也会专门开专题来讲。有做后端同学会说,现在微软的TypeScript开始火起来了,连Angular和Ionic都在用,而且还是面向对象思想的,符合我后端开发的习惯,我为什么要学JavaScript呢。这里我要说的是,TypeScript开发者自己也说了,TS是JS的超集,始于JS,归于JS,换句话说,TS的本质还是JS,它是在ES6的标准上,加上面向对象的思想而形成的脚本语言,便于严谨开发,但最后给浏览器的,还是通过编译后的JS。所以,学习JS,有助于从本质上了解它的实现方式,为以后更好的学习TS打基础,就好比学习C语言和学习Java/C#这些高级语言的关系一样。有兴趣的话,我也会找时间整理TS的学习文档。好吧,话不多说,开始我们这节课的内容吧~』
在前端开发中,有三项技能是必须要掌握的,他们是前端开发的基础。他们是什么呢?想必你已经猜到了,不然你也不会来看我这篇文章。没错,他们就是HTML、CSS和JavaScript(简称JS)。
那么有同学会问了,我是知道他们仨呀,但是他们到底是什么,有什么用,我真的不知道。不要急嘛,官方专业名词解释我这里就不赘述了,百度一下都有,这里咱们聊点有趣的,轻松学习嘛,打个比方就明了了。
如果把制作好的非静态网页比作一个美眉,那么HTML就是素颜的她,加上CSS就是打扮后的她,但是如果没有JavaScript加持,她就听不懂你的甜言蜜语,也不会对你的帅做出任何反应,更不会跟你去吃饭看电影。
怎么样,有没有那么一丢丢感觉呢?没错啦,HTML本质就是一个结构,是最基本的组成,但它并不动人,甚至你会觉得它丑,那是还没有经过CSS的打扮和美颜,所以呢,CSS的本质呢,就是一种美化和表现,使得HTML更加好看。而JavaScript就是来增强交互的,其本质是一种行为。
大家能理解吗?不理解没关系,有个印象就行,最主要的是要学会怎么用。HTML和CSS有机会我再整理,我们这门课主要讲JavaScript。接下来,我们来讲讲JS的组成部分。
JS由三部分组成——ECMAScript、DOM和BOM。
ECMAScript是JS的核心,它是JS语法和语义的标准,充当JS的翻译角色,所以也称之为解释器。ECMAScript有它的发展历史,在后续的ES6的课程中,我们会重点来讲一讲,在这门课中,大家只要了解,JS的变量、函数、类型等等,都是依照ECMAScript标准来的就够了。
DOM,全称叫做Document Object Model,即文档对象模型,它赋予了JS操作HTML的能力,换句话说就是,DOM的存在,使得JS可以通过document.xxx来对html及其节点做操作,具体,接下来课程我们会详细讲。
这节课,主要是带大家大致了解一下什么是JS,JS与HTML、CSS之间的关系,以及JS的组成。还是那句话,这节课是概念课,让大家有个印象和了解就可以了,不懂没关系,有好奇心才是最重要的。下节课,我们将开始来讲解,JS的变量。
识别下方二维码,关注【振丹敲代码】,陪着振丹入门前端开发
领取专属 10元无门槛券
私享最新 技术干货