1前端语言串讲 | 青训营

78 阅读2分钟

注:带*部分均为个人思考、分析及补充的原创部分。

01前端语言的基本能力(HTML+CSS+JS—“三剑客”)

       HTML是“骨骼”,标签语言。

       CSS(层叠样式表)是“皮囊”,三种选择器(类选择器、全选择器(*)、id选择器),键值对组成。

       *在这里提到查看CSS文档的细节,在学习前端的过程中,我认为学会利用好官方文档是非常重要的事情,能够很大程度地帮助我们提高效率,在初期能帮我们更快地找到自己需要的知识点,以便能让我们详略得当即有重点地进行学习,而在后期,也能在我们对某些知识遗忘时及时回忆。

       JS是“肌肉”。

基本特点:(1)借鉴C 语言基本语法;(2)借鉴Java语言的数据类型内存管理;(3)借鉴Scheme语言,将函数提升到“第一等公民”的地位;(4)借鉴Self 语言,使用基于原型的继承机制

基本类型:String/Number/Boolean/Null/Undefined/Symbol

Object:Array/Function

注意:“+”尽量使用同一种数据类型进行运算

       Browser:渲染引擎/JS引擎

       *在这里提到了两种引擎的基本工作原理,私以为在初学时如果听得云里雾里不用太过在意,这并不是初学时就必须要清楚的点。

02前端语言的协作配合

       CSS在HTML中有三种使用方式:inline CSS/internal CSS/external CSS(最常用)。

       DOM的event target机制包括事件捕获(对于计算机)和事件冒泡(对于开发者)。

       *DOM是一个在JS中非常重要的知识点。(Document Object Model, 文档对象模型)是文档内容(HTML或XML)在编程语言上的抽象模型,它建模了文档的内容和结构,并提供给编程语言一套完整的操纵文档的API。在后续学到JS的内容时需要多加注意,现在CSS和JS的相关内容听不懂很正常。

03你不知道的HTML

HTML是一门标记语言。

       基本语法:标签(元素)、文本、注释、DTD、处理信息。

       *个人觉得最关键的还是掌握标签的用法,其他其实就算不了解也没事,现在写HTML基本上都有固定模板。

       HTML标签分类:

image.png

*总结:本次课程个人认为其实主要还是起科普的作用,不必要因为听不懂而产生畏难心理,这并不利于后续的心理,而讲到的一些新知识新视角其实也是方便我们更全面的去了解这些技术的演化和多样,越是了解越有利于我们多角度地去学习以及解决问题,比如媒体标签中的标签就在我曾经做音乐在线平台的时候避免了后端实现音频播放的繁琐。