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

27 阅读2分钟

家人们,我来交作业啦! 以下高臻熙老师主讲的编程范式课程的笔记。 通过这个课程,可以了解的内容有:

01 前端语言的基本能力

02 前端语言的协作配合

03 你不知道的HTML(5)

04 拓展分享

01 前端语言的基本能力

前端语言的基本能力,那肯定离不开HTML,CSS,JavaScript

下面这张图真的很形象生动了就是说: image.png

HTML是网页内容的载体

内容就是网页制作者放在页面上想要让用户浏览的信息,可以包含文字、图片、视频等。

CSS样式是表现

就像网页的外衣,比如:标题字体、颜色变化、为标题加入背景图片、边框等。

所有这些用来改变内容外观的东西称之为表现。

JavaScript是用来实现网页上的特效效果

比如:鼠标滑过弹出下拉菜单、鼠标滑过表格的背景颜色改变、焦点新闻的轮换。

可以理解为:有动画的、有交互的一般都用JavaScript来实现

02 前端语言的协作配合

即 html css 和 js 如何协同工作的

  1. 在html中通过 <link /> 标签引入对应的css文件,如: image.png css 可以说是 html 的灵魂,有了 css 的修饰,前端页面才会更加美观

  2. 在html中通过<script ></script> 标签引入js文件,如:

image.png <script ></script> 写在 <body> </body> 层,相当于将对应的目标文件加载到了这里。

html有了css样式文件,就增加了灵魂,就知道如何取渲染UI样式。

js文件中写一些逻辑处理,例如点击事件的处理等,除此外,js中也可以加html。

image.png

03 你不知道的HTML(5)

HTML并非图灵完备,它只是一门标记语言 image.png

HTML的标签分类

image.png

image.png

image.png

HTML5语义化标签

image.png

HTML5特性

image.png

image.png

image.png

image.png

image.png

image.png

image.png

image.png

04 web的风靡

image.png