Skip to content

Latest commit

 

History

History
68 lines (56 loc) · 3.18 KB

暑训指南-前端.md

File metadata and controls

68 lines (56 loc) · 3.18 KB

1 | 基本HTML、CSS

学习内容

  1. 掌握基本的HTML标签,一些比较新的H5标签,比如<header> <footer>
  2. 掌握基本的CSS选择器使用,CSS属性的使用
    • 内联样式、*选择器、id选择器、类选择器、标签选择器
    • 块级元素和行内元素各有哪些
    • CSS盒模型
    • 几种常见的定位
    • 块格式化上下文(Block Formatting Context,BFC)

学习资源

2 | Flex弹性盒模型

学习内容

  1. 掌握flex布局的几个基本属性
  2. 学会使用flex完成两栏布局、三栏布局
  3. 会使用flex: 1

学习资源

3 | JS基础:ECMAScript

学习内容

  1. 学习JS中的五种基本类型的使用和赋值:Number、String、Boolean、Undefined、Null
  2. 掌握数组和对象的属性和基本使用:Array、Object
  3. 掌握基本的运算和字符串数组操作方法
  4. 掌握if-else语句、for循环、switch语句
  5. 掌握函数的使用
  6. 会用chrome调试工具打印console.log

学习资源

4 | DOM和事件

学习内容

  1. 明白什么是DOM,会用最基本的document.getElementByIddocument.getElementByClassName,知道他们的区别
  2. 了解什么的是节点Node,知道子节点的概念,如何创建节点,如何添加子节点
  3. 掌握基本的onclick事件和mouseover事件

学习资源

5 | Ajax

学习内容

  1. 了解ajax的内部构造
  2. 可以自己手写一个ajax
  3. 会使用封装好的ajax(比如jQuery中的ajax)
  4. 知道什么是json

学习资源