Web开发基础：JavaScript常用类、面向对象和BOM

| splice(索引,删除数量) | 在某个位置删除一定数量的数据 |

| splice(索引,删除数量,数据…) | 在某个位置删除一定数量的数据，插入一系列数据 |

| sort() | 排序，默认情况下以字符的ASCII排序 |

| reverse() | 反转 |

案例：二级联动列表的实现

1、以二维数组保存所有的城市

2、定义函数，获得省份下拉列表，下拉列表的selectedIndex可以获得选择的项目位置，

再通过该位置，在二维数组中确定城市，把城市数组填充到城市下拉列表中。

3、在省份下拉列表的onchange事件中调用函数

请选择省份 湖北 湖南 江苏 请选择城市

面向对象

==================================================================

1）使用构造方法

类的代码可以重用

function Student(stuno,name,age){

this.stuno = stuno; //this.属性 就是创建了属性

this.name = name;

this.age = age;

this.sayHi = function(){ //this.方法 = function(参数){…}

console.log(“姓名:”+this.name+…);

}

}

//创建对象

var stu = new Student(“001”,“zhangsan”,20);

stu.stuno = “002”;

stu.name = “lisi”;

stu.sayHi();

2）使用JSON

代码简洁，不能重用

var stu3 = {“stuno”:“0003”,“name”:“王五”,“age”:20,

“sayHi”:function(){

console.log(“大家好，我是”+this.name+“，年龄”+this.age);

}

};

stu3.sayHi();

BOM编程

===================================================================

BOM 浏览器对象模型，以浏览器窗体window为根节点，包含浏览器中的各种对象，如历史、文档、定位等。

history对象

---

作用：在浏览器访问的历史页面之间跳转

常用方法

| 方法 | 作用 |

| — | — |

| back | 向后移动一页 |

| forward | 向前移动一页 |

| go | 指定前进或后退 |

| go(-1) | 等价于 back() |

| go(1) | 等价于 forward() |

location对象

========================================================================

作用：控制浏览器的页面跳转

常用方法：

| 方法 | 作用 |

| — | — |

| reload | 刷新当前页面 |

| replace | 替换当前页面 |

| href | 网页地址属性 |

window对象

======================================================================

常用方法

| 方法 | 作用 |

| — | — |

| alert() | 警告对话框 |

| confirm() | 确认对话框 |

| prompt() | 输入对话框 |

| open(“页面地址”,“窗口名字”,“窗口的状态”) | 打开新窗口 |

| close | 关闭当前窗口，关闭父窗体window.parent.close() |

| setTimeout(“函数名()”,毫秒） | 延时执行一个函数 |

| clearTimeout(Timeout对象） | 取消延时执行 |

| setInterval(“函数名()”,毫秒） | 周期性执行函数 |

| clearInterval(Interval对象) | 取消周期执行 |

窗口特征（Window Features）

小编13年上海交大毕业，曾经在小公司待过，也去过华为、OPPO等大厂，18年进入阿里一直到现在。

深知大多数初中级前端工程师，想要提升技能，往往是自己摸索成长或者是报班学习，但自己不成体系的自学效果低效又漫长，而且极易碰到天花板技术停滞不前！
因此收集整理了一份《2024年Web前端开发全套学习资料》送给大家，初衷也很简单，就是希望能够帮助到想自学提升又不知道该从何学起的朋友，同时减轻大家的负担。

由于文件比较大，这里只是将部分目录截图出来，每个节点里面都包含大厂面经、学习笔记、源码讲义、实战项目、讲解视频

如果你觉得这些内容对你有帮助，可以添加下面V无偿领取！（备注：前端）

最后

推荐一些系统学习的途径和方法。

每个Web开发人员必备，很权威很齐全的Web开发文档。作为学习辞典使用，可以查询到每个概念、方法、属性的详细解释，注意使用英文关键字搜索。里面的一些 HTML，CSS，HTTP 技术教程也相当不错。

开源分享：【大厂前端面试题解析+核心总结学习笔记+真实项目实战+最新讲解视频】

HTML 和 CSS：

P 技术教程也相当不错。

开源分享：【大厂前端面试题解析+核心总结学习笔记+真实项目实战+最新讲解视频】

HTML 和 CSS：