一、前言
不知道大家有没有一同跟随小编坚持下去，这是javaweb学习的第二天，相信大家已经感觉到有些难度了，因为主要学习的是后端和框架，所以js和HTML只是简单的过一遍。这些基础的知识点应该总结的算是十分全面的了。相信对于学习前端的小伙伴们也是一味很好的良药。
黑马程序员的视频质量十分的高，自学能力强的小伙伴们可以去跟着黑马程序员进行全方位的学习。
如果想要跟随小编的脚步，每天都不能落后啊。
javaweb学习day1
二、基础知识点汇总
2.1 js函数
2.1.1 函数定义方式
JavaScript 中可以使用两种方式来定义函数：
函数声明
function add(a, b) {return a + b;
}
这种方式使用 function 关键字定义函数，后跟函数名和参数列表。函数声明提升到作用域顶部，可以在声明之前调用。
函数表达式
var add = function(a, b) {return a + b;
};
这种方式将一个匿名函数赋值给一个变量 add。这个变量 add 成为一个函数对象的引用。函数表达式不会提升，只有在赋值行之后才能调用。
2.2.2 函数调用
// 调用函数定义-1
var result1 = add(10, 20); // 输出 30
alert(result1);// 调用函数定义-2
var add = function(a, b) {return a + b;
};
var result2 = add(10, 10); // 输出 20
alert(result2);
- 第一次调用使用了函数声明
function add(a, b)定义的add函数，计算了 10 + 20，并将结果弹出显示在警告框中。- 第二次调用使用了函数表达式
var add = function(a, b)定义的add函数，计算了 10 + 10，并将结果弹出显示在警告框中。
2.2 js对象-Array
2.2.1 数组的定义
JavaScript 中可以使用多种方式来定义数组，例如：
使用 new Array() 构造函数：
var arr1 = new Array(1, 2, 3, 4);
使用数组字面量（推荐方式）：
var arr2 = [1, 2, 3, 4];
2.2.2 数组的基本操作
- 访问数组元素
console.log(arr1[0]); // 输出数组 arr1 的第一个元素
console.log(arr2[1]); // 输出数组 arr2 的第二个元素
- 动态数组长度
JavaScript 中的数组长度是可变的，可以随时增加或减少元素，且每个元素可以是不同的类型。
var arr3 = [1, 2, 3, 4];
arr3[10] = 100; // 添加新元素到数组的索引位置 10
arr3[9] = 'A'; // 添加新元素到数组的索引位置 9
arr3[8] = true; // 添加新元素到数组的索引位置 8
console.log(arr3); // 输出完整的数组，包括未赋值的部分
- 数组的长度属性
var arr4 = [1, 2, 3, 4];
for (let i = 0; i < arr4.length; i++) {console.log(arr4[i]); // 遍历数组中的所有元素
}
2.2.3 数组的方法
- forEach 方法
var arr5 = [1, 2, 3, 4];
arr5.forEach(function(i) {console.log(i); // 遍历数组中所有有值的元素
});
- ES6 箭头函数
使用箭头函数可以简化 forEach 方法的定义
arr5.forEach((i) => {console.log(i);
});
- for 循环遍历
遍历数组中的所有元素，包括未赋值的元素
for (let i = 0; i < arr5.length; i++) {console.log(arr5[i]);
}
- push 方法
向数组末尾添加新元素：
arr5.push(5); // 在数组 arr5 的末尾添加数字 5
console.log(arr5[11]); // 输出新添加的元素
- splice 方法
删除数组中的元素：
var arr6 = [1, 2, 3, 4, 5, 6];
arr6.splice(2, 3); // 从索引位置 2 开始，删除 3 个元素
2.3 js对象-String
2.3.1 字符串的定义
JavaScript 中可以使用字符串字面量直接定义字符串变量，也可以使用 new String() 构造函数创建字符串对象。推荐使用字符串字面量的方式，如：
var str = "Hello String";
console.log(str);
2.3.2 字符串的属性
- length 属性：用于获取字符串的长度
console.log(str.length); // 输出字符串 str 的长度
2.3.3 字符串的方法
- charAt() 方法：返回指定索引位置的字符。
console.log(str.charAt(4)); // 输出索引位置 4 的字符，从0开始计数
- indexOf() 方法：检索字符串中指定的子字符串第一次出现的位置。
console.log(str.indexOf("in")); // 输出子字符串 "in" 在 str 中的位置，如果不存在返回 -1
- trim() 方法：去除字符串两端的空格。
var str1 = " hello world ";
var str2 = str1.trim();
console.log(str1); // 原始字符串保持不变
console.log(str2); // 去除两端空格后的字符串
- substring() 方法：提取字符串中两个指定的索引号之间的字符。
var str3 = "hello von";
console.log(str3.substring(6, 9)); // 输出从索引 6 到索引 9（不包含）之间的字符
2.4 js对象-JSON
2.4.1 JSON 格式定义
JSON 是一种轻量级的数据交换格式，易于人阅读和编写，同时也易于机器解析和生成。在 JavaScript 中，JSON 可以表示为一个对象字面量（object literal），具有属性和方法。
2.4.2 自定义对象的定义
在 JavaScript 中，可以使用对象字面量来定义自定义对象，例如：
var user = {name: "von",age: 18,gender: "dayi",sex: "男",eat: function() {alert("吃东西");}
};alert(user.name); // 访问对象的属性
user.eat(); // 调用对象的方法
这段代码定义了一个名为
user的对象，包含了name、age、gender、sex属性以及eat方法。
2.4.3 JSON 字符串
JSON 可以表示为字符串形式，它是一个键值对的集合，属性名和属性值都是用双引号包裹的字符串。例如：
var jsonstr = '{"name":"von","age":18,"addr":["郑州","开封","兰考"]}';
2.4.4 JSON 字符串转换为 JavaScript 对象
使用 JSON.parse() 方法可以将 JSON 字符串解析为对应的 JavaScript 对象。
var obj = JSON.parse(jsonstr);
alert(obj.name); // 访问对象的属性
2.4.5 JavaScript 对象转换为 JSON 字符串
使用 JSON.stringify() 方法可以将 JavaScript 对象转换为 JSON 字符串。
alert(JSON.stringify(obj)); // 输出转换后的 JSON 字符串
2.5 js对象-BOM
2.5.1 window 对象
window.alert("Hello BOM"); 和 alert("Hello bom"); 都是调用 window 对象的 alert() 方法。在 JavaScript 中，全局作用域下的方法和属性可以直接使用，因为它们都属于 window 对象。
2.5.2 confirm 对话框
confirm() 方法显示一个带有确认和取消按钮的对话框，并返回用户的选择结果。如果用户点击确认，返回 true；如果用户点击取消，返回 false。
var flag = confirm("您确定关注博主吗？");
alert(flag);
2.5.3 定时器方法
setInterval()：周期性地执行一个函数。在你的注释中展示了如何每隔两秒执行一次函数。
)
