一.前端语言的基本能力
分为HTML、CSS和JavaScript三剑客。 HTML负责构建框架结构;CSS负责给网站添加样式,适配不同的屏幕让网站具备响应式的反馈;JavaScript负责网站中的交互体验,也可以处理复杂的函数。如果将这三者整体比作人体,可以理解为:HTML是人体的骨架,CSS是人体的外貌,JavaScript则是人体中的肌肉。由此也可以看出,这三者是缺一不可的。 这三者大部分的语法在mdn上可以查阅。
Javascript语言背景:诞生于1995年,他借鉴了C语言的基本语法、借鉴了Java语言的数据类型和内存管理、借鉴Scheme语言,将函数提升到“第一等公民”的地位、借鉴Self语言,使用基于原型的继承机制。 语法部分:
-
数据类型分为七种:String、Number、Boolean、Null、Undefined、Symbol和Object。 - 使用function关键字来定义方法,在方法名的括号中可以接收参数。
二.前端语言的协作配合
事件捕获:当在页面上触发了点击按钮后。会从Document,HTML一直往下直到找到BUTTON。
JavaScript事件机制:JavaScript是单线程的。在JavaScript的事件循环时,先完成所有宏任务。接着完成所有微任务队列中的任务,最后完成宏任务队列中的任务。比较常见的微任务有promise callback、async functions等。比较常见的宏任务有setTimeout()、setInterval()等。
三.对HTML(5)的一些拓展
HTML是一门标记语言。 基本语法分为五个部分:标签 Element、文本 Text、注释 Comment、DTD Document Type Defination和 处理信息ProcessingInstructiom。 ARIA: 了解ARIA并非只是为了供盲人阅读,它可以对我们设计UI系统提供指导意义。给标签添加的额外属性,可以让我们对整个页面的理解更容易。 基础存储的应用: 分为PWA和AMP两种方式。
四.总体拓展
web的风靡也有很多的因素。 1.对用户友好: 无需安装、升级方便、容错率强。 2.对开发者友好: 丰富的API能力、框架和工具标准化、开发和调试简单、具备跨平台能力。 3.领域成熟度: 浏览器厂商整合、各类web应用风靡、全面组件化。 4.未来的方向: 效率工具(rust)、服务端容器化、低代码站点、大前端的统一、三维可视化。
五.总结
HTML、CSS和JavaScript就像是组成身体的三个部分,三者缺一不可。通过课程的学习,对前端的一些语言规范化有了进一步的了解。在拓展部分中,见识到了一些陌生的前端技术。对前端所涵盖的技术有了进一步的了解。