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

102 阅读1分钟

1、前端语言的基本能力

image.png

  • HTML

  • CSS

image.png image.png

  • JavaScript

    image.png
    • 特性

      image.png
      • 借鉴C语言的基本语法
      • 借鉴Java语言的数据类型和内存管理
      • 借鉴Scheme语言,将函数提升到“第一等公民”的地位
      • 借鉴Self语言,使用基于原型(prototype)的继承机制
      image.png
      image.png
  • Browser

image.png image.png

2、前端语言的协作能力

  • CSS in HTML

image.png

  • JavaScript in HTML

image.png image.png

  • HTML in JavaScript

image.png

  • CSS in JavaScript

image.png image.png

3、你不知道的HTML(5)

  • DTD

    • HTML是标记语言

      image.png
  • 全部标签分类

image.png

  • head标签

image.png

  • body功能性标签

image.png

  • ARIA

    • ARIA并非只是为了供盲人阅读,也可以为我们设计UI系统提供知道意义。

      image.png
  • HTML5

    image.png
    • 语义化标签

      image.png
    • 表单增强

      image.png
    • 存储

      image.png
    • IndexedDB

      image.png
    • PWA & AMP

      image.png
    • Audio

      image.png
    • Video

      image.png
    • 二进制

      image.png
    • API

      image.png
    • Web Worker

      image.png
    • Web Socket

      image.png
    • Shadow DOM

      image.png
    • Web Component

      image.png
    • SVG & Canvas

      image.png
    • WebGL & WebGPU

      image.png image.png
    • WebAssembly

      ![image.png](p1-juejin.byteimg.com/tos-cn-i-k3…

4、拓展分享

  • 大前端

image.png image.png image.png

  • MVC & MVVM & MVP

image.png