摘要: 1、 JS 是单线程 单线程就意味着,所有任务需要排队,前一个任务结束,才会执行后一个任务。如果前一个任务耗时很长,后一个任务就不得不一直等着。 这样所导致的问题是: 如果 JS 执行的时间过长,这样就会造成页面的渲染不连贯,导致页面渲染加载阻塞的感觉。 2、 同步任务和异步任务 单线程导致的问题就 阅读全文
posted @ 2020-11-09 21:55 三先森 阅读(94) 评论(0) 推荐(0) 编辑
摘要: window对象给我们提供了一个 history对象,与浏览器历史记录进行交互。该对象包含用户(在浏览器窗口中)访问过的URL。 history对象一般在实际开发中比较少用,但是会在一些 OA 办公系统中见到。 index页面的代码: <!DOCTYPE html> <html lang="en"> 阅读全文
posted @ 2020-11-09 21:05 三先森 阅读(154) 评论(0) 推荐(0) 编辑
摘要: navigator 对象包含有关浏览器的信息,它有很多属性,我们最常用的是 userAgent,该属性可以返回由客户机发送服务器的 user-agent 头部的值。 下面前端代码可以判断用户那个终端打开页面,实现跳转 if((navigator.userAgent.match(/(phone|pad 阅读全文
posted @ 2020-11-09 20:57 三先森 阅读(120) 评论(0) 推荐(0) 编辑
摘要: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv 阅读全文
posted @ 2020-11-06 21:42 三先森 阅读(388) 评论(0) 推荐(0) 编辑
摘要: Index页面: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta h 阅读全文
posted @ 2020-11-06 21:38 三先森 阅读(78) 评论(0) 推荐(0) 编辑
摘要: <div></div> <script> console.log(location.search); // ?uname=andy / 1.先去掉? substr('起始的位置',截取几个字符); var params = location.search.substr(1); // uname=an 阅读全文
posted @ 2020-11-04 22:24 三先森 阅读(66) 评论(0) 推荐(0) 编辑
摘要: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv 阅读全文
posted @ 2020-11-04 21:05 三先森 阅读(202) 评论(0) 推荐(0) 编辑
摘要: 什么是 location 对象 URL location 对象的属性 阅读全文
posted @ 2020-11-04 20:14 三先森 阅读(50) 评论(0) 推荐(0) 编辑
摘要: this的指向在函数定义的时候是确定不了的,只有函数执行的时候才能确定this到底指向谁,一般情况下this的最终指向的是那个调用它的对象。 现阶段,我们先了解一下几个this指向 全局作用域或者普通函数中this指向全局对象window(注意定时器里面的this指向window) 方法调用中谁调用 阅读全文
posted @ 2020-11-04 20:01 三先森 阅读(80) 评论(0) 推荐(0) 编辑
摘要: 点击按钮后,该按钮60秒之内不能再次点击,防止重复发送短信。 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initi 阅读全文
posted @ 2020-11-04 19:57 三先森 阅读(104) 评论(0) 推荐(0) 编辑