前端语言串讲(第一次课程记录与分析)

125 阅读4分钟

前端语言串讲(第一次课程记录与分析)

一、 前端语言

1.前端三剑客

(1)HTML(Hyper Text Markup Language )其中的Markup与我现在写文章用的Markdown是“师出同门”,都为一种超文本标记语言

(2)CSS(Cascading Style Sheet)层叠样式表是一种用来表现*HTML*(标准通用标记语言的一个应用)或XML(标准通用标记语言的一个子集)等文件样式的计算机语言。CSS不仅可以静态地修饰网页,还可以配合各种脚本语言动态地对网页各元素进行格式化。

CSS 能够对网页中元素位置的排版进行像素级精确控制,支持几乎所有的字体字号样式,拥有对网页对象和模型样式编辑的能力。

(3)JavaScript是一种直译式*脚本语言,是一种动态类型、弱类型、基于原型的语言,内置支持类型。它的解释器被称为JavaScript引擎,为浏览器的一部分,广泛用于客户端*的脚本语言,最早是在HTML(标准通用标记语言下的一个应用)网页上使用,用来给HTML网页增加动态功能。是大佬借鉴其他几种语言开发出来的工具,是三剑客中的灵魂。

==如果把三剑客比作成一个人,那么HTML就是人的骨骼,CSS就是人的整个身体,而JavaScript就是控制人行为的肌肉群==

ps:前端起源: 1990 年,第一个web浏览器诞生,Tim 以超文本语言 HTML 为基础在 NeXT 电脑上发明了最原始的 Web 浏览器。 1991 年,WWW诞生,这标志着前端技术的开始。

2.前端语言间的协作与配合

前面有提到HTML作为框架,那么代码具体又是如何:


一个最简单的框架

<!DOCTYPE html>
<html>
<head>
<body>
    <div>
    <script>
    //.....
    </script>
    </div>
</body>
</html>
</head>

其中我们需要注意的是:

HTML中的代码注释格式为:

CSS中的代码注释格式为(因为CSS语法形势单一化,以块状为主(多行)):/*. ..... */

而js中的代码采取了最常见的://(单行注释)

三件套中的语言都是相互协作相互配合的每一种语言都可以在其他语言的语句中体现,我们也能通过一些集成编译器如VScode和Webstorm等来集成编译开发


3.关于HTML(5)的一些

(1)HTML并非图灵完备,他的基本语法包括:

  • 标签(元素)Element
  • 文本 Text
  • 注释 Comment
  • DTD(Document Type Defination)正是我们所熟知的====
  • 处理信息

对于HTML标签我们可以进行一个简单的分类:

  1. 文档型
  2. 闭合型
  3. 换行型
  4. H5新元素(如音频,视频,以及对二进制和API的处理)

其中对于HTML来说标签与标签中的内容比较重要 具体内容可查询相关手册

==当然这些标签是不用去死记硬背的(也背不下来),更重要的是自己在实践中的过程中不断认识不断积累,才能达到更理想的效果(简而言之多敲代码)==

还有一些有关新的语义化标签和高阶技巧如ARIA的建议是:用对比不用好,不用比用错好。


二、拓展交流与经验小结

1.Web的流行与风靡

  • 对用户与开发者友好
  • 领域成熟
  • 未来的方向广阔

当然,不是所以浪口都风平浪静,我们应该明确发展目标进行学习和开发

2.初学的小经验

  • ==最最重要的一点就是不要只学不敲,再简单的例子也要落实和实践==
  • 在了解了一门语言的基本语法和框架后就可以开始实操了(越早越好)
  • 如果有一门其他语言的基础可以通过一些学习手册和一些编程语言的中文网来代替听课进行学习,能够加快进度(特别是对于HTML这种标记语言)
  • 学会总结,编程的思想都是相通的
  • 学好英语和数学,理工科的尽头都是数学哈哈哈