【北京尚学堂·百战程序员】第034天

【北京尚学堂·百战程序员】第034天学习要点总结

上午学习目标总结

1. JS定义和特点

   特点：

   是一门脚本语言。

   是一门基于对象的语言。

   事件驱动。

   安全性。

   简单性。

   跨平台性。

   作用：CSS负责表现，设置元素的样式；JavaScript负责行为，对元素取值、动态改变等。

   优点和缺点：

   优点：简单、安全、跨平台。

   缺点：各浏览器对JavaScript的支持程度不同，效果有差异。

2. JS的声明和引入

   引入方式：

   直接在HTML中嵌入JavaScript代码：<script type="text/javascript">/*网页中的弹窗*/alert("JS的学习课程")</script>

   外部引入JavaScript文件：<script type="text/javascript" src="js/test.js" charset="UTF-8"></script>

   不能综合书写：两种引入方式不能综合使用，否则无法解析执行。

   属性作用：type="text/javascript"表示引入的类型；charset="UTF-8"表示指定引入的编码。

3. JS中的变量

   变量名：区分大小写。

   表达式结束：可以省略分号，但不建议。

   变量名规范：

   区分大小写，允许包含字母、数字、$和下划线，但首字符不能是数字，不能包含空格和其他标点符号。

   命名应简短且抓住要点，体现值的类型。

   避免无意义命名。

   禁用JavaScript关键词和保留字。

   常用驼峰命名法。

4. JS中数据类型

   NAN：表示不是一个数字，转换数字类型失败时产生。

   undefined：表示未定义，未给属性赋值时产生。

   var a = null; alert(type a)：弹出的是"Object"。

5. JS中的运算符

   "=="和"==="的区别：

   ==：等值符，先比较类型，类型不一致则强制转换后比较内容。

   ===：等同符，先比较类型，类型不一致则直接返回false。

下午学习目标总结

1. JS中的控制语句

   if语句：if (){} 和 if(){} else if(){}..else{} 的区别与Java中一致。

   for循环：循环中的变量不是局部变量。

2. JS中函数的学习

   声明方式：

   function demo1(){ alert("函数的声明方式一") }

   var demo2 = function(){ alert("函数声明方式二") }

   var demo3 = new Function('alert("函数声明三")')

   函数执行符：表示函数整体。

3. JS中Date和Math对象

   Date对象常用方法：

   getDate()：本月中的第几天。

   getDay()：这个星期中的第几天。

   getMonth()：返回的月份（0-11）。

   getYear()：返回1900到现在的年份差值。

   getFullYear()：返回全年。

   toLocaleDateString()：返回本地时间，年月日。

   toLocaleString()：返回本地时间，年月日时分秒。

   Math对象常用方法：

   Math.random()：获得随机数（0，1）。

   Math.floor()：向下取整。

   Math.ceil()：向上取整。

   Math.floor(Math.random()*9000+1000)：获得四位随机数（验证码）。

4. JS中String和Global对象

   String对象常用方法：

   charAt(index)：获得指定下标的字符。

   indexOf(str)：获得子字符串对应的下标索引。

   substr(start, length)：从指定下标开始截取指定长度的字符串。

   substring(start, end)：截取从start到end（不包括end）的字符串。

   split(separator)：根据分隔符拆分字符串。

   Global对象常用方法：

   eval(str)：将字符串转为可执行的JavaScript代码。

5. JS中Array对象学习A

   数组下标：可以不连续。

   数组声明：var arr2 = new Array(参数)，参数个数代表数组的长度。

6. JS中Array对象学习B

   数组长度：可变。

   遍历方式：三种（如for循环、forEach、map等）。

   常用方法：

   push()：向数组末尾添加一个或多个元素，返回新的长度。

   pop()：删除并返回数组的最后一个元素。

   shift()：删除并返回数组的第一个元素。

   unshift()：向数组开头添加一个或多个元素，返回新的长度。

   splice()：删除或添加数组中的元素。

7. JS中的事件学习Event

   常用事件：

   onclick：单机事件。

   ondblclick：双击事件。

   onmouseover：鼠标放上事件。

   onmouseout：鼠标离开事件。

   onmousemove：鼠标移动事件。

   onkeyup、onkeydown：键盘事件。

   onfocus：获得焦点事件。

   onblur：失去焦点事件。

   onchange：内容改变时触发（前提是失去焦点）。

   onclick和onchange事件的使用场景：

   onclick：点击触发事件。

   onchange：输入内容提示。

以上是对第034天学习内容的详细总结，涵盖了JavaScript的基础知识和常用方法。