[前端语言串讲 | 青训营笔记]

77 阅读4分钟

这是我参与笔记创作活动的第7天

今天的视频课[前端语言串讲]是帮我们复习一下前端的基本知识,“温故而知新”,同时也扩展交流一下周边有趣的小知识。随着前端的不断探索和进化,传统的前端“三剑客”技术也是日新月异,而且彼此之间联系越来越紧密,所以学好这些知识是必要的。
我把老师今天视频讲解的知识进行了总结与概括,具体内容如下:

1.前端语言的基本能力

前端语言的三剑客是:HTML,CSS,JavaScript。

HTML,像骨头一样,撑起了整个页面的大致框架,比如左边需要一个输入框,右边需要一个按钮之类的,都可以用HTML来实现。

CSS,而HTML实现出来的样式比较单调,CSS就是为它进行“化妆”的,也就是做到美化的效果。

JavaScript,与用户进行交互,将用户的行为提交到后台服务器等。

其中JavaScript是借鉴了许多其他语言的地方,比如:

  • 借鉴C语言的基本语法;
  • 借鉴Java语言的数据类型和内存管理;
  • 借鉴Scheme语言,将函数提升到"第一等公民”(first class)的地位;
  • 借鉴Self语言,使用基于原型(prototype)的继承机制。

2.前端语言的协作配合

在实际开发过程中,我们仅仅靠三剑客是不能开发出程序的,还需要其他的一些辅助工具才能实现开发。下面一个表是代表近年来,前端开发中使用的工具: QQ截图20230419094410.png

同时开发中不单单是一门工具单独工作,而是语言的协作配合,才能使开发工作更加便利。例如,CSS与HTML配合,在HTML中使用CSS就有三种方式:行内样式,内部样式以及外部样式。而在HTML中使用JavaScript同样有多种方式:内部样式,外部样式。

另外JavaScript也可以操作HTML,这一部分是核心内容,也就是我们常说的操作DOM元素,通过这一方法我们能实现很多功能。当然在CSS中也能实现一些简单的JavaScript语法。

3. 你不知道的HTML5

1.HTML DTD

HTML并非图灵完备,它只是一门标记语言它的基本语法如下图所示: QQ截图20230419095317.png

HTML具有很多种类的标签,这也使得它功能很强大,它的标签分类如下: QQ截图20230419095435.png

2.HTML ARIA

了解ARIA并非只是为了供盲人阅读,它可以为我们设计UI系统提供指导意义。它的主要构成如下: QQ截图20230419095606.png

3.HTML5

HTML5是现在所最流行,使用人数最多的版本,它增加了许多语法,可以便于我们在实际中的开发。

比如语义化标签的出现,使得开发中更加便利, <header>,<nav>,<footer>,<section>等都有很高的可读性。

另外HTML5表单元素也进行了增强,一些color,date,control等类型的表单元素,使得开发越来越便利。

QQ截图20230419100401.png

HTML5还有许多其他的变化,在此我不再过多介绍,感兴趣的小伙伴自己去官网看看,自行探索吧!

4. 拓展交流

1.Web的风靡

Web为什么会经过如此短时间的发展,但已经受到大量人的喜爱呢?主要有以下几个方面的优点: QQ截图20230419100715.png

2.大前端

随着技术的进步,前端不仅仅包含web网页,还出现了小程序等等。简单来说,大前端就是所有前端的统称,比如Android、iOS、web、Watch等,最接近用户的那一层也就是UI层,然后将其统一起来,就是大前端。大前端的主要核心就是跨平台技术,有了跨平台技术,各个平台的差异性就抹平了,开发者只需要一套技术栈就可以开发出适用于多个平台的客户端。

这节课介绍了前端开发中使用的多种技术,扩展交流一下其他的有趣的小知识。好了今天的分享到此结束,我们明天见,希望大家指出不足之处以待改正~~