day69（2023.5.10）

第四阶段--网页编程和设计

（一）HTML5
day57
1.第一个前端程序
2.前端工具的选择与安装
3.VScode开发者工具快捷键
4.HTML5简介与基础骨架
5.标签之标题
6.标签之段落、换行、水平线
7.标签之图片
8.图片路径详解
9.标签之超文本链接
10.标签之文本
11.列表标签之有序列表
12.列表标签之无序列表
13.标签之表格
14.表格单元格合并
15.Form表单
16.表单元素
17.块元素与行内元素（内联元素）
18.HTML5新增标签

 

（二）CSS
day58
1.CSS简介
2.CSS的引入方式
3.选择器一
4.选择器二
5.字体属性
6.背景属性
7.文本属性
8.表格属性
9.关系选择器
10.CSS 盒子模型(Box Model)
11.弹性盒模型（flex box）

 

day59
1.文档流
2.浮动
3.清除浮动
4.定位
5.CSS3新特性
6.动画
7.媒体查询
8.雪碧图
9.字体图标

 

（三）JavaScript
day60
1.JavaScript简介
2.JavaScript语句、标识符
3.变量
4.JavaScript引入到文件
5.JavaScript注释与常见输出方式
6.数据类型
7.typeof运算符
8.运算符之算术运算符
9.运算符之赋值运算符
10.运算符之比较运算符
11.运算符之布尔运算符
12.条件语句之 if语句
13.条件语句之 if...else
14.条件语句之 switch
15.三元运算符

 

day61
1.循环语句之for
2.for循环语句实操
3.循环语句之while
4.break 语句和 continue 语句
5.字符串
6.字符串方法_charAt()
7.字符串方法_concat()
8.字符串方法_substring()
9.字符串方法_substr()
10.字符串方法_indexOf()
11.字符串方法_trim()
12.字符串方法_split()
13.数组
14.数组的遍历
15.数组静态方法_Array.isArray()
16.数组方法_push()/pop()
17.数组方法_shift()/unshift()
18.数组方法_join()
19.数组方法_concat()
20.数组方法_reverse()
21.数组方法_indexOf()

 

day62
五一快乐!!!

 

day63
1.函数
2.对象概述
3.Math对象
4.Date对象
5.DOM概述
6.document对象_方法/获取元素
7.document对象_方法/创建元素
8.Element对象_属性
9.Element获取元素位置

 

day64
1.CSS操作
2.事件处理程序
3.事件类型之鼠标事件
4.Event事件对象
5.事件类型之键盘事件
6.事件类型之表单事件
7.事件代理(事件委托)
8.定时器之 setTimeout()
9.定时器之 setInterval()
10.防抖(debounce)
11.节流(throttle)

 

（四）jQuery
day65
1.关于jQuery
2.jQuery简介
3.体验jQuery
4.jQuery版本说明
5.选择器之基础选择器(一)
6.选择器之基础选择器(二)
7.选择器之属性选择器(一)
8.选择器之属性选择器(二)
9.选择器之jQuery扩展(一)
10.选择器之jQuery扩展(二)

day66
1.DOM操作(一)
2.DOM操作(二)
3.DOM操作(三)
4.DOM操作(四)
5.DOM操作(五)
6.DOM操作(六)
7.CSS操作(一)
8.CSS操作(二)

 

day67
1.事件之绑定事件处理器
2.事件之鼠标事件
3.事件之表单事件
4.事件之键盘事件
5.事件之浏览器事件
6.事件对象

 

day68
1.jQuery遍历
2.jQuery树遍历
3.jQuery动画(一)
4.jQuery动画(二)

 

day69（2023.5.10）