CSS如何清除默认样式,背景属性第⼀个阶段,开发环境和⼯具准备
浏览器 (Google,FireFox,…)
下载,安装前端开发⼯具vscode,
下载、安装 node、npm、webpack、webpack-cli、cnpm,配置前端开发环境
下载、配置PHP和MySQL
第⼆个阶段,前端⼊门,⽹页制作
1,HTML:
常⽤标签(div标签,p标签,span标签,a标签,img标签)
锚点
列表标签(有序列表,⽆序列表,⾃定义列表)
表单标签
表格标签
标签分类
标签语义化
注释
字符实体
2,CSS:
CSS介绍
全局样式
⾏内元素
内联元素
(1)基础选择器(标签选择器,类选择器,ID选择器)
(2)复合选择器(后代选择器,兄弟选择器,相邻元素选择器,交集选择器,并集选择器)(3)选择器优先级
字体样式值
⽂本样式值
颜⾊样式值
盒模型(标准盒模型,怪异盒模型)
控制台使⽤
清除默认样式
盒模型居中
标准⽂档流
块元素
⾏内元素
⾏内块元素
多种伪类元素
浮动
(1)浮动元素脱离⽂档流
(2)外边距塌陷问题
(3)N种清除浮动的⽅式
定位(相对定位,固定定位,绝对定位,z-index)
第三个阶段,JavaScript动态交互
1,JavaScript初阶
变量和运算符
(1)JS⽤途
(2)JS书写规则
(3)内置函数使⽤
(4)字⾯量
(5)变量
(6)命名标识符规范
(7)变量声明提升
(8)运算符(数学运算符,⽐较运算符,逻辑运算符,赋值运算符)
(9)页⾯修改(innerHTML,innerText,value)
逻辑控制
(1)if关键字(if…else,if…else if…else,多分⽀条件语句,嵌套if语句)
(2)for关键字(for循环,双重for循环)
(3)⾃增
(4)⾃减
(5)switch条件语句
(6)累加器
(7)累乘器
(8)while(continue关键字,break关键字,while循环语句,do…while循环语句)(9)js控制HTML标签
(10)三⽬运算符
(11)运算符优先级
Math类
(1)Math属性(Math.PI,Math.E,…)
(2)Math函数(round,floor,ceil,…)
函数
(1)⽆参函数
(2)函数定义
(3)函数调⽤
(4)作⽤域
(5)参数(形参,实参,⼊参,出参)
(6)不定参函数
(7)arguments
Object类
(1)对象的定义
(2)对象的使⽤
定时器
Array类
String类主页壁纸怎么设置
Date类
2,JavaScript进阶
JavaScript DOM基础
(1)DOM元素遍历
(2)DOM元素查
(3)DOM元素增加
(4)DOM元素删除
(5)DOM元素修改
(6)DOM元素剪切
(7)属性操作
(8)样式操作
(9)⽂档碎⽚
this(在各个环境下this的指向)
(1)普通事件回顾
(2)绑定事件
(3)取消普通事件
(4)取消绑定事件
(5)事件类型(键盘事件,⿏标事件,聚焦&失焦事件)事件流
(1)事件源
(2)事件流
(3)事件冒泡
(4)事件捕获
(5)事件委托
JavaScript BOM 基础
(1)offset
(2)client
(3)scroll
(4)getBoundingClientRect()
(5)滚动事件
call&apply&bind
(1)深⼊探究作⽤域
(2)偏函数的使⽤
⾃定义属性
⾯向对象编程
(1)封装
(2)构造⽅法
(3)instanceof
(4)constructor
(5)继承(函数继承,构造函数继承,类继承)
(6)原型
(7)原型链
(8)多态
3,ES6
ECMAScript6简介
let和const
ES6+的作⽤域
对象的扩展
函数的扩展
字符串的扩展
Symbol
Set&Map
Promise对象
async&awiat
箭头函数
模板字符串
rest参数
Class
Module模块
4,JavaScript⾼阶
闭包
(1)深⼊理解闭包
(2)深⼊理解闭包原理
(3)闭包⾯试题权威解析
⽴即执⾏函数
惰性函数
插件开发
多⼈协作
深复制与浅复制
数组扁平化
递归
(1)斐波那契数列详解
(2)递归深复制与浅复制
(3)柯⾥化思想
(4)柯⾥化及递归⾯试题权威解析
正则表达式全解
函数防抖
函数节流
第四阶段,移动端开发技术实战1,HTML5