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

87 阅读2分钟

前端语言串讲 - 掘金 (juejin.cn)

笔者在学习该课程后,对课程中的部分知识点进行总结梳理,给出自己的理解,并给他同学一些建议

前端语言的基本功能

HTML:用于创建页面的结构,具体表现在:控制界面的内容、为网页设计提供结构、每个网页最基础的组成部分。

CSS:用于控制网页的样式,具体表现在:为网页元素添加样式、使网页适应不同的屏幕尺寸、决定了网页的观感和体验。

JavaScript:用于提升网页的交互性(灵魂),具体表现在:为网页添加交互性、处理复杂的函数和特性、提高效率与可控性

形象的理解: HTML比作人类的骨骼(对应页面的骨架),CSS比作人类的皮肤(对应元素的样式),JavaScript比作人类的肌肉(对应交互能力)

前端语言的特点

1)HTML:由标签(元素)组成的文本,设计网页的骨架,供浏览器解析

2)CSS:语法简单;具体运用与HTML有关

3)JavaScript:

从其他语言借鉴的特性:借鉴c语言的基本语法;借鉴Java的数据类型和内存管理;借鉴Scheme语言,将函数提升到“第一等公民”的地位;借鉴Self语言,使用基于原型的继承机制。

基本特性:校验用户输入;简单的客户端计算;交互控制;平台无关性;处理数据和时间 ;生成HTML内容;检测用户浏览器等。

现代特性: Let/Const变量;箭头函数(Arrow Function);字符串模板;新的数组方法;支持默认参数;变量的重命名。

JavaScript的生态完备(react、vue)

6个基本类型:String、Number、Boolean、Null、Undefined、Symbol

Object类型:Array、Function

前端语言的协作配合

CSS运用在HTML:内联(inline),内部,外部三种方式

 JavaScript运用在HTML

 HTML运用在JavaScript

 CSS运用在JavaScript

三者的灵活运用与相互配合可以成为前端设计的一个区分点

课程总结与建议

本课程主要介绍了前端语言主要功能、互相协作、HTML5的特性等

对于入门小白,可以对前端语言有一个大致地认识,便于后续的深入学习

对于有基础的同学,可以复习前端语言,对前端语言有更深刻地认识