前端语言串讲 | 青训营

86 阅读1分钟

前端语言串讲课程重点

  • 前端语言的基本能力
  • 前端语言的协作配合
  • 你不知道的HTML
  • 扩展分享

前端语言的基础及能力

  1. HTML(Hyper Text Markup Language)——超文本标记语言
  2. CSS(Cascading Style Sheet)——重叠样式表
  3. JavaScript——一种用于实现网页交互和动态效果的脚本语言

image.png

JavaScript历程

image.png

Javascript六大数据基本类型及一个引用类型

** 基本:String、Number、Boolean、Null、Undefined、Symbool**

** 引用:Object(Array、Function)**

image.png

image.png

HTML、CSS、Javascript组合运行流程

image.png

Javascript的DOM事件机制

image.png

HTML

基本语法

  • 标签(元素)element
  • 文本Text 、<![CDATA[text]
  • 注释Comment
  • DTD Document Type Defination <!DOCTYPE html>
  • 处理信息 ProcessingInstruction

标签类

  1. 文档类:!DOCTYPE、head、body
  2. 闭合型:闭合标签—— p ,空标签—— br、img、input
  3. 换行型:块级标签——div、h1, 行内标签——span、a
  4. h5新增:语义化标签,媒体——video、audio、embed, 表单标签——input ,功能标签——canvas 、progress

image.png

head标签

  • 文本title标题,全局唯一
  • base——向页面所有相对URL提供前缀;全局唯一,不建议使用
  • meta——通常是约定号的键值对
  • link——rel决定类型,href决定引入地址
  • script——type指定MIME类型;可内嵌代码,可外链文件

总结

  • 基本了解HTML、CSS、Javascript,但是对一些细节内容不够了解
  • 对知识的熟练度不高,代码敲击量需要提高。
  • HTML5扩展知识不懂,需要进一步学习