第二节课

HTML

  • HTML是什么？

    • Hyper Text Markup Language
  • 布局

  • 常用的标签

    • 分类

      • 块级元素
      • 行内元素
      • 行内块级
  • meta

  • HTML5的新属性

    • 表单
    • 存储
    • DOM
    • HTML脚本API

CSS

  • CSS盒子模型

  • 各种常见布局的实现

    • 圣杯布局
    • 双飞翼布局
    • 两栏三栏布局
  • Flex布局
  • 响应式布局

ES5基础语法

  • 认识JS

    • 函数优先：函数是一等公民
    • 解释型（即时编译编程语言
    • Google Map推出Ajax技术
    • 基于原型编译

    • JS语言的特点

      • 单线程
      • 解释型（不需要编译成文件）跨平台
      • ECMAScript

    • JS的运行机制

      • 同步任务

      • 异步任务

        • 任务队列

  • 变量、类型、运算符

  • 主流的浏览器有哪些？

    • Chrome

      • 内核：webkit

    • Edge

      • 内核：webkit

    • Safari

      • 内核：webkit

    • Firefox

      • 内核：Gecko

    • Opera

      • 内核：presto

    • IE

      • 内核：trident

  • 如何引入JS、基本结构

    • 页内、外部
    • 建议html、css、js分开写

  • 基本语法

    • 变量

      • 声明
        var a；
        var a = 100，b = 200， c = “hello”；

    • 类型

      • 原始值（栈类型）

        • Number（范围：1.7976931348623157E+308到-1.7976931348623157E+308之间）
        • Boolean
        • String
        • null
        • undefined
        • object
        • function
        • symbol

      • 引用值（堆数据）

        • Array
        • Object
        • Date

    • 命名规则

      • 变量名必须英文字母、 _、$开头
      • 变量名可以包括英文字母、 _、$、数字
      • 不能用关键字作为变量名

    • JS语句的规则

      • 一个团队遵循一个规则
      • JS语法错误会引发后续代码中止
      • 格式规范

    • 运算符

      • 数学运算
        +-*/ %

      • 赋值运算
        = += -= *= /= %=

      • 自加自减
        ++ —

      • 关系运算

        < >= <=

  • JS类型转换

    • Number（）转成数字

    • String（）转为字符

    • Boolean（）转为布尔值

    • typeof（）操作符

      • 查看JS变量的数据类型