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

118 阅读2分钟

一.前端语言的基本能力

   分为HTML、CSS和JavaScript三剑客。 HTML负责构建框架结构;CSS负责给网站添加样式,适配不同的屏幕让网站具备响应式的反馈;JavaScript负责网站中的交互体验,也可以处理复杂的函数。如果将这三者整体比作人体,可以理解为:HTML是人体的骨架,CSS是人体的外貌,JavaScript则是人体中的肌肉。由此也可以看出,这三者是缺一不可的。   这三者大部分的语法在mdn上可以查阅。

  Javascript语言背景:诞生于1995年,他借鉴了C语言的基本语法、借鉴了Java语言的数据类型和内存管理、借鉴Scheme语言,将函数提升到“第一等公民”的地位、借鉴Self语言,使用基于原型的继承机制。 语法部分:

  1.  数据类型分为七种:StringNumberBooleanNullUndefinedSymbolObject
  2.      使用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就像是组成身体的三个部分,三者缺一不可。通过课程的学习,对前端的一些语言规范化有了进一步的了解。在拓展部分中,见识到了一些陌生的前端技术。对前端所涵盖的技术有了进一步的了解。