![](https://img-blog.csdnimg.cn/20190927151043371.png?x-oss-process=image/resize,m_fixed,h_224,w_224)
【JavaScript 专题】
文章平均质量分 74
以 JS 体系为主,主要涉及基础 JS 知识
-木云-
抛下自命不凡的想法,去读万卷书,行千里路...
展开
-
JS Web-API-存储
4. JS Web-API-存储 4.1 面试题 1.描述 cookie,localStorage,sessionStorage 的区别 4.2 cookie 本身是用于浏览器和 server 通讯,是被 “借用” 作本地存储来,并不是为了做存储的而出现可以用 document.cookie = “…” 来修改(追加的方式)设置值后,页面刷新后 cookie 仍然存在,所以可以用来做本地存储(但出现本意不是为了存储) cookie 缺原创 2021-06-29 23:30:20 · 194 阅读 · 0 评论 -
JS Web-API-事件
3. JS Web-API-事件 3.1 面试题1.编写一个通用的事件监听函数2.描述事件冒泡的流程3.无限下拉的图片列表,如何监听每个图片的点击 3.2 知识点事件绑定事件冒泡事件代理 3.3 事件绑定// 自定义通用的绑定函数const clickBtn = document.getElementById('button1');clickBtn.addEventListener('click', function () { // e.pre原创 2021-06-29 18:06:02 · 215 阅读 · 0 评论 -
JS Web-API-BOM
2. JS Web API BOM 2.1 面试题如何识别浏览器的类型分析拆解 url 各个部分 2.2 navigatorwindow.navigator 对象包含有关访问者浏览器的信息。 1.常用的一些属性console.log(`浏览器代号:${navigator.appCodeName}`);console.log(`浏览器名称:${navigator.appName}`);console.log(`浏览器版本:${navigator.appVe原创 2021-06-28 18:25:59 · 152 阅读 · 0 评论 -
JS Web-API-DOM
JS Web-API-DOM DOM:Document Object Model (文档对象模型) 3.1 面试题1.DOM 是哪种数据结构2.DOM 操作的常用API3.attr 和 property 的区别4.一次性多次插入多个 DOM 节点,考虑性能 3.2 DOM 本质 DOM 是 树 结构DOM 本质是浏览器从 html 文件中解析出来的一棵树; 3.3 DOM 节点操作 1.获取 DOM 节点<原创 2021-06-28 18:03:44 · 175 阅读 · 0 评论 -
JS 异步(下)部分面试题分析
JS 异步(下)部分面试题分析 4.promise 中 then 和 catch 的连接 4.1 第一题Promise.resolve().then(() => { console.log(100);}).catch(() => { console.log(200);}).then(() => { console.log(300);});输出:100,300分析:因为执行的是 promise 的 resolve 函数,则触发第一个原创 2021-06-25 01:02:24 · 397 阅读 · 1 评论 -
JS 异步(下)
异步(下) 在异步(上)中,只是简单介绍了一些概念,在本章中,会带着详细学习异步 5.1 面试题1.请描述 event loop (事件循环 / 事件轮询)的机制,可画图2.什么是宏任务和微任务,两者有什么区别?3.Promise 有哪三种状态,如何变化?4.promise 中 then 和 catch 的连接// 第一题Promise.resolve().then(() => { console.log(100);}).catch(() => {原创 2021-06-24 10:50:50 · 927 阅读 · 1 评论 -
JS 异步(上)
异步(上)4.1 面试题1.同步和异步的区别是什么2.手写 promise 加载一张图片3.前端使用异步的场景有哪些 4.2 知识点1.单线程和异步2.应用场景3.callback hell 和 Promise 4.3 单线程和异步1.单线程JS 是单线程语言,同一时间只能做一件事( 浏览器和nodejs已支持JS启动进程,如 Web Worker )因为 JS 可以修改 DOM 操作,因此 JS 和 DOM渲染需要共用一个线程,当 JS 执行时,DOM 渲染原创 2021-06-23 22:44:33 · 345 阅读 · 0 评论 -
JS 作用域,闭包,this
作用域,闭包,this3.1 面试题1.this 的不同应用场景,如何取值2.手写 bind 函数3.实际开发中闭包的应用场景,举例说明4.程序题// 打印输出for (var i = 0; i < 10; i += 1) { setTimeout(() => { console.log(i); }, 1000);} 3.2 知识点1.作用域和自由变量2.闭包3.this 3.3 作用域和自由变量1.作用域全局作用域函数作原创 2021-06-23 15:16:49 · 278 阅读 · 2 评论 -
JS 原型和原型链
原型和原型链2.1 面试题如何准确判断一个变量是不是数组?class 的原型本质,怎么理解? 2.2 知识点1.class 和 继承class 的本质是 function。class People { constructor(name) { this.name = name; } say() { return `${this.name} say`; }}console.log(typeof People); // function它可以原创 2021-06-23 09:31:43 · 243 阅读 · 0 评论 -
JS 变量类型
变量类型1.1 值类型与引用类型的区别值类型:string,number,boolean,symbol,undefined,null,symbol引用类型:object,array,function 值类型:值保存在栈中,保存与复制的是值本身let value1 = 100;let value2 = value1;value2 = 200;console.log(value1, value2); // 100 200可以看到,将 value1 赋值给 value2 时,即使原创 2021-06-22 14:45:43 · 250 阅读 · 0 评论