这是我参与笔记创作活动的第7天
今天的视频课[前端语言串讲]是帮我们复习一下前端的基本知识,“温故而知新”,同时也扩展交流一下周边有趣的小知识。随着前端的不断探索和进化,传统的前端“三剑客”技术也是日新月异,而且彼此之间联系越来越紧密,所以学好这些知识是必要的。
我把老师今天视频讲解的知识进行了总结与概括,具体内容如下:
1.前端语言的基本能力
前端语言的三剑客是:HTML,CSS,JavaScript。
HTML,像骨头一样,撑起了整个页面的大致框架,比如左边需要一个输入框,右边需要一个按钮之类的,都可以用HTML来实现。
CSS,而HTML实现出来的样式比较单调,CSS就是为它进行“化妆”的,也就是做到美化的效果。
JavaScript,与用户进行交互,将用户的行为提交到后台服务器等。
其中JavaScript是借鉴了许多其他语言的地方,比如:
- 借鉴C语言的基本语法;
- 借鉴Java语言的数据类型和内存管理;
- 借鉴Scheme语言,将函数提升到"第一等公民”(first class)的地位;
- 借鉴Self语言,使用基于原型(prototype)的继承机制。
2.前端语言的协作配合
在实际开发过程中,我们仅仅靠三剑客是不能开发出程序的,还需要其他的一些辅助工具才能实现开发。下面一个表是代表近年来,前端开发中使用的工具:
同时开发中不单单是一门工具单独工作,而是语言的协作配合,才能使开发工作更加便利。例如,CSS与HTML配合,在HTML中使用CSS就有三种方式:行内样式,内部样式以及外部样式。而在HTML中使用JavaScript同样有多种方式:内部样式,外部样式。
另外JavaScript也可以操作HTML,这一部分是核心内容,也就是我们常说的操作DOM元素,通过这一方法我们能实现很多功能。当然在CSS中也能实现一些简单的JavaScript语法。
3. 你不知道的HTML5
1.HTML DTD
HTML并非图灵完备,它只是一门标记语言它的基本语法如下图所示:
HTML具有很多种类的标签,这也使得它功能很强大,它的标签分类如下:
2.HTML ARIA
了解ARIA并非只是为了供盲人阅读,它可以为我们设计UI系统提供指导意义。它的主要构成如下:
3.HTML5
HTML5是现在所最流行,使用人数最多的版本,它增加了许多语法,可以便于我们在实际中的开发。
比如语义化标签的出现,使得开发中更加便利,
<header>,<nav>,<footer>,<section>等都有很高的可读性。
另外HTML5表单元素也进行了增强,一些color,date,control等类型的表单元素,使得开发越来越便利。
HTML5还有许多其他的变化,在此我不再过多介绍,感兴趣的小伙伴自己去官网看看,自行探索吧!
4. 拓展交流
1.Web的风靡
Web为什么会经过如此短时间的发展,但已经受到大量人的喜爱呢?主要有以下几个方面的优点:
2.大前端
随着技术的进步,前端不仅仅包含web网页,还出现了小程序等等。简单来说,大前端就是所有前端的统称,比如Android、iOS、web、Watch等,最接近用户的那一层也就是UI层,然后将其统一起来,就是大前端。大前端的主要核心就是跨平台技术,有了跨平台技术,各个平台的差异性就抹平了,开发者只需要一套技术栈就可以开发出适用于多个平台的客户端。