《Web前端》第二阶段

《Web前端》

本次更新内容为Web前端第二阶段：JavaScript编程模块

   JavaScript为前端的描述语言，也是核心。在本阶段中，我们主要学习基础JavaScript语法与深入解析JavaScript。包含DOM操作同时也涵盖了面向对象和设计模式。希望大家在本阶段可以熟练掌握这些知识点。

第一章节    JavaScript基础与变量

01_JavaScript简介

02_JavaScript语句_标识符

03_JavaScript常量与变量

04_JavaScript引入到HTML文件中

05_JavaScript注释与常见输出方式

第二章节   运算符_数据类型和流程循环语句

6_JavaScript数据类型

7_JavaScript关键字typeof运算符

8_JavaScript算数运算符之加法运算符

9_JavaScript运算符之算数运算符

10_JavaScript运算符之赋值运算符

11_JavaScript运算符之比较运算符

12_JavaScript运算符之布尔运算符

13_JavaScript运算符之位运算符

14_JavaScript运算符优先级

15_JavaScript类型转换

16_JavaScript条件语句之if语句

17_JavaScript条件语句之if...else.

18_JavaScript_if...else实操_1

19_JavaScript_if...else实操_2

20_JavaScript条件语句之Switch语句

21_JavaScript_switch实操

22_JavaScript三元运算符

23_JavaScrtipt循环语句之for

24_JavaScript_for循环实操1

25_JavaScript_for循环实操2

26_JavaScript_循环语句之while

27_JavaScript_循环语句之do...while

28_JavaScript_break语句和continue语句

第三章节   字符串与数组

01_JavaScript_字符串

02_JavaScript_字符串转码

03_JavaScript_字符串方法_charAt()

04_JavaScript_字符串方法_concat()

05_JavaScript_字符串方法_slice()

06_JavaScript_字符串方法_substring()

07_JavaScript_字符串方法_substr()

08_JavaScript_字符串方法_indexOf()_lastIndexOf()

09_JavaScript_字符串方法_trim()

10_JavaScript_字符串方法_toLowerCase()_toUpperCase()

11_JavaScript_字符串方法_search()_replace()

12_JavaScript_字符串方法_split()

13_JavaScript_数组

14_JavaScript_数组的遍历

15_JavaScript_数组构造函数

16_JavaScript_数组静态方法_Array.isArray()

17_JavaScript_数组方法_push()_pop()

18_JavaScript_数组方法_shift()_unshift()

19_JavaScript_数组方法_join()

20_JavaScript_数组方法_concat()

21_JavaScript_数组方法_reverse()

22_JavaScript_数组方法_slice()

23_JavaScript_数组方法_splice()

24_JavaScript_数组方法_sort()

25_JavaScript_数组方法_indexOf()_lastIndexOf()

26_JavaScript_字符串数组实操_字符串反序_字符串变成驼峰命名

27_JavaScript_字符串数组实操_二维数组转一维数组

28_JavaScript_字符串数组实操_数组去重

29_JavaScript_字符串实操_数组排序

第四章节   函数与对象

01_JavaScript_函数概述

02_JavaScript_函数重复声明

03_JavaScript_函数名提升

04_JavaScript_函数的属性和方法

05_JavaScript_函数作用域

06_JavaScript_函数参数

07_JavaScript_函数返回值

08_JavaScript_自执行函数

09_JavaScript_函数应用

10_JavaScript_对象概述

11_JavaScript对象属性

12_JavaScript_对象方法

13_JavaScript_ 函数应用注意事项

第五章节  Math与Date

01_JavaScript_Math对象_静态属性

02_JavaScript_Math对象_静态方法一

03_JavaScript_Math对象_静态方法二

04_JavaScript_Math对象_静态方法三

05_JavaScript_Date对象

06_JavaScript_Date对象_静态方法

07_JavaScript_Date对象_实例方法_to类

08_JavaScript_Date对象_实例方法_get类

09_JavaScript_Date对象_实例方法_set类

10_JavaScript_Math与Date实操1

11_JavaScript_Math与Date实操2

第六章节  DOM模型

01_JavaScript_DOM概述

02_JavaScript_document对象_属性

03_JavaScript_document对象_方法_获取元素

04_JavaScript_document对象_方法_创建元素

05_JavaScript_Element对象_属性

06_JavaScript_Element对象_获取元素位置一

07_JavaScript_Element对象_获取元素位置二

08_JavaScript_Element对象_方法

09_JavaScript_Attribute属性的操作

10_JavaScript_Text节点

11_JavaScript_DocumentFragment节点

12_JavaScript_Node节点属性_nodeName

13_JavaScript_Node节点属性_nodeValue

14_JavaScript_Node节点属性_textContent

15_JavaScript_Node节点属性_nextSibling

16_JavaScript_Node节点属性_previousSibling

17_JavaScript_Node节点属性_parentNode

18_JavaScript_Node节点属性_firstChild_lashChild

19_JavaScript_Node节点属性_childNodes

20_JavaScript_Node节点属性_appendChild

21_JavaScript_Node节点方法_hasChildNodes

22_JavaScript_Node节点方法_cloneNode()

23_JavaScript_Node节点方法_insertBefore()

24_JavaScript_Node节点方法_removeChild()

25_JavaScript_Node节点方法_replaceChild()

26_JavaScript_CSS操作

27_JavaScript_事件处理程序

28_JavaScript_事件类型之鼠标事件

29_JavaScript_事件流

30_JavaScript_Event事件对象

31_JavaScript_事件类型之键盘事件

32_JavaScript_事件类型之表单事件

33_JavaScript_事件类型之窗口事件

34_JavaScript_事件类型之焦点_剪切板事件

35_JavaScript_网页状态事件

36_JavaScript_Touch事件

37_JavaScript_事件代理(事件委托)

38_JavaScript_this关键字

39_JavaScript_函数_闭包概念

40_JavaScript_闭包特点

41_JavaScript_闭包应用场景

42_JavaScript_闭包中的this关键字

43_JavaScript_DOM实操_Tab切换(上)

44_JavaScript_DOM实操_Tab切换(下)

45_JavaScript_DOM实操_瀑布流_页面布局

46_JavaScript_DOM实操_瀑布流_动态设置内容居中

47_JavaScript_DOM实操_瀑布流_动态设置图片位置

48_JavaScript_DOM实操_瀑布流_页面触底

49_JavaScript_DOM实操_瀑布流_上拉加载

50_JavaScript_DOM实操_轮播图_页面布局

51_JavaScript_DOM实操_轮播图_动态切换

52_JavaScript_DOM实操_放大镜_页面布局

53_JavaScript_DOM实操_放大镜_业务逻辑

54_JavaScript_DOM实操_回到顶部

第七章节   浏览器模型(BOM)

01_JavaScript_浏览器环境概述(BOM)

02_JavaScript_script元素工作原理

03_JavaScript_回流和重绘

04_JavaScript_定时器之setTimeout

05_JavaScript_定时器之setInterval

06_JavaScript_定时器实操

07_JavaScript_防抖(debounce)

08_JavaScript_节流(throttle)

09_JavaScript_window对象_属性

10_JavaScript_window对象_方法

11_JavaScript_Navigator对象

12_JavaScript_Screen对象

13_JavaScript_History对象

14_JavaScript_Cookie对象

15_JavaScript_Cookie属性

16_JavaScript_封装Cookie

17_JavaScript_call_apply_bind函数

第八章节  面向对象编程

01_JavaScript_面向对象简介

02_JavaScript_new命令

03_JavaScript_Prototype原型

04_JavaScript_实例_静态属性和方法

05_JavaScript_proto__属性

06_JavaScript_constructor属性

07_JavaScript_原型链

08_JavaScript_instanceof运算符

09_JavaScript_Object对象的相关方法

10_JavaScript_对象的继承

11_JavaScript_多重继承

12_JavaScript_严格模式

13_JavaScript_实操_选项卡_回顾

14_JavaScript_实操_选项卡_面向对象

15_JavaScript_实操_选项卡_面向对象_继承

第九章节  正则对象

01_JavaScript_正则表达式基础

02_JavaScript_字符串方法

03_JavaScript_匹配规则之字面量字符和元字符

04_JavaScript_匹配规则之转义符

05_JavaScript_匹配规则之字符类

06_JavaScript_匹配规则之预定义模式和重复类

07_JavaScript_匹配规则之量词符和贪婪模式

08_JavaScript_匹配规则之修饰符和组匹配

09_JavaScript_正则应用场景

第十章节  算法与数据

01_JavaScript_排序之冒泡排序

02_JavaScript_算法之递归

03_JavaScript_排序之快速排序

04_Chrome浏览器插件下载

05_JavaScript_JSON对象

第十一章节  编程风格

01_JavaScript_编程风格(上)

02_JavaScript_编程风格(下)

另附各章节课程资料