js常用库用法总结 下 | 青训营笔记

这是我参与「第四届青训营 」笔记创作活动的的第5天

六、日期

返回值为整数的API，数值为1970-1-1 00:00:00 UTC（世界标准时间）到某个时刻所经过的毫秒数：

• Date.now()：返回现在时刻。
• Date.parse("2022-04-15T15:30:00.000+08:00")：返回北京时间2022年4月15日 15:30:00的时刻。

与Date对象的实例相关的API：

• new Date()：返回现在时刻。
• new Date("2022-04-15T15:30:00.000+08:00")：返回北京时间2022年4月15日 15:30:00的时刻。
• 两个Date对象实例的差值为毫秒数
• getDay()：返回星期，0表示星期日，1-6表示星期一至星期六
• getDate()：返回日，数值为1-31
• getMonth()：返回月，数值为0-11
• getFullYear()：返回年份
• getHours()：返回小时
• getMinutes()：返回分钟
• getSeconds()：返回秒
• getMilliseconds()：返回毫秒

七、WebSocket

与服务器建立全双工连接。

常用API：

• new WebSocket('ws://localhost:8080');：建立ws连接。
• send()：向服务器端发送一个字符串。一般用JSON将传入的对象序列化为字符串。
• onopen：类似于onclick，当连接建立时触发。
• onmessage：当从服务器端接收到消息时触发。
• close()：关闭连接。
• onclose：当连接关闭后触发。

八、window

• window.open("http://www.baidu.com")在新标签栏中打开页面。
• location.reload()刷新页面。
• location.href = "http://www.baidu.com"：在当前标签栏中打开页面。

九、事件

JavaScript的代码一般通过事件触发。

可以通过addEventListener函数为元素绑定事件的触发函数。

常见的触发函数有：

鼠标：

• click：鼠标左键点击
• dblclick：鼠标左键双击
• contextmenu：鼠标右键点击
• mousedown：鼠标按下，包括左键、滚轮、右键
  • event.button：0表示左键，1表示中键，2表示右键
• mouseup：鼠标弹起，包括左键、滚轮、右键
  • event.button：0表示左键，1表示中键，2表示右键

键盘:

• keydown：某个键是否被按住，事件会连续触发
  • event.code：返回按的是哪个键
  • event.altKey、event.ctrlKey、event.shiftKey分别表示是否同时按下了alt、ctrl、shift键。
• keyup：某个按键是否被释放
  • event常用属性同上
• keypress：紧跟在keydown事件后触发，只有按下字符键时触发。适用于判定用户输入的字符。
  • event常用属性同上

keydown、keyup、keypress的关系类似于鼠标的mousedown、mouseup、click

表单：

• focus：聚焦某个元素
• blur：取消聚焦某个元素
• change：某个元素的内容发生了改变

窗口:

需要作用到window元素上。

• resize：当窗口大小放生变化
• scroll：滚动指定的元素
• load：当元素被加载完成