摘要：
一个简短的舞台剧 之前我们关注了生成器的基本行为。这可能有点奇怪，但并不难理解。生成器函数很像常规函数。主要的区别是生成器函数体不会一次全部运行。它每次运行一点，每次执行到yield表达式时暂停。在上一篇关于Generator的文章中有详细的解释，但我们从未做过一个完整的示例，说明所有部分是如何组合 阅读全文
摘要：
原则 -- 用空间换时间 多使用内存，缓存 减少CPU计算量，减少网络的加载耗时 目标 加载更快 减少资源体积：压缩代码，图片：利用打包工具 减少网络访问次数：合并代码，SSR服务器端渲染，缓存 a.js b.js c.js ⇒ abc.js 服务器端渲染：将网页和数据一起加载，一起渲染 非SSR： 阅读全文
摘要：
题目 从输入url到渲染出页面的整个过程 window.onload和DOMContentLoader的区别 加载资源的形式 html代码 媒体文件，如图片，视频 js，css 加载资源的过程 DNA解析：域名 → IP地址 浏览器根据IP地址向服务器发起HTTP请求（建立TCP链接等） 服务器处理 阅读全文
摘要：
题目 描述cookie localStorage sessionStorage区别 cookie 是HTTP请求的一部分，用于浏览器和server通讯，被“借用”到本地存储； 前端用document.cookie = 'xxx'来修改 缺点 存储大小，只有4KB http请求时需要发送到服务端，增加 阅读全文
摘要：
题目 编写一个通用的事件监听函数 描述事件冒泡的流程 无限下拉的图片列表，如何监听每个图片的点击 事件绑定 document.getElementById('btn').addEventListener('click', event => { console.log('clicked') }) // 阅读全文
摘要：
题目 如何识别浏览器的类型 如何拆解url各个部分 navigator const ua = navigator.userAgent ua.indexOf('Chrome') // 无法准确确定是何种浏览器 screen screen.width screen.height location loc 阅读全文
摘要：
JS基础语法：ECMA 262标准 JS Web API: W3C 标准 题目 DOM是哪种数据结构 DOM常用API attr和property的区别 一次插入多个DOM节点，考虑性能 DOM的本质 XML（可扩展的标记描述语言）类似JSON HTML 是一种特定的XML文件，规定了一些特定的标签 阅读全文
摘要：
题目 同步和异步的区别是什么？ 手写用Promise加载一张图片 前端使用异步的场景哪些？ setTimeout执行顺序 单线程 JS是单线程语言，只能同时做一件事儿； JS和DOM渲染共用同一个线程，因为JS可修改DOM； 浏览器和nodejs已经支持JS启动进程，如web worker 单线程弊 阅读全文
摘要：
题目 this的不同使用场景，如何取值 手写bind函数 闭包在开发中的使用场景，举例说明 创建10个<a>标签，点击的时候弹出对应的序号 作用域 全局作用域 函数作用域 块级作用域 代码块中{} 自由变量 产生：使用了一个在当前作用域没有定义的变量A； 一个变量A在当前作用域没有定义，但被使用了； 阅读全文
摘要：
题目 如何判断一个变量是不是数组 手写一个简易的jQuery，考虑插件和扩展性 class的原型本质，怎么理解 class class Student{ constructor(name, number){// 构造函数 this.name = name // 属性 this.number = nu 阅读全文
摘要：
题目 typeof能判断哪些类型 何时使用 何时使用 == 值类型和引用类型的区别 如何实现深拷贝 值类型和引用类型 示例 // 值类型 let a = 100 let b = a a = 200 console.log(b) // 100 // 引用类型 let a = { age : 20 } 阅读全文