考核内容: 前端性能优化 题发散度: ★★ 试题难度: ★★ 解题: 在线测试: 答案： 欢迎大家在进行选择答案 下一期会详细分析答案
考核内容: 遍历 题发散度: ★ 试题难度: ★ 解题: 遍历 什么叫数组的遍历：就是把数组中的元素依次取出来过程 方法1: 基础for循环 for(let i = 0; i < 数组名称....length; i++) { console.log(数组名称[i]); // i从0开始，到最大索引，所以可以拿到数组的每个元素。...} 方法2: 遍历数组的元素 for of for(let ele of 数组){ //ele 数组中的元素 console.log(ele); } 方法3: 枚举出数组的索引...for in 也可以用于 对象的循环 for(let index in 数组){ //index 是数组的下标 console.log(index,数组[index]); }
考核内容: javascript dom操作 题发散度: ★★ 试题难度: ★ 解题思路: history对象属于 window 的直接子对象，与document是兄弟关系 form 只是一个标签不属于...location 范围内 所以能排除ABD 参考代码: 答案： C. window对象是所有页面内容的根对象
考核内容: JAVASCRIPT接口与数据对象的应用 题发散度: ★ 试题难度: ★ 解题思路: 什么是 JSON ？...JSON 指的是 JavaScript 对象表示法（JavaScript Object Notation） JSON 是轻量级的文本数据交换格式 JSON 独立于语言 * JSON 具有自我描述性，更易理解...JSON 解析器和 JSON 库支持许多不同的编程语言。...JavaScript 对象 使用 JavaScript 内置函数 JSON.parse() 将字符串转换为 JavaScript 对象: var obj = JSON.parse(text); 参考: 答案：ABC都是正确的
看样子大家在CD选择比较纠结，下面我们来分析一下 解题: Vue (读音 /vjuː/，类似于 view) 是一套用于构建用户界面的渐进式JAVASCRIPT框架。...与其它大型框架不同的是，Vue 被设计为可以自底向上逐层应用。...那么如何减小js的体积呢？ 那就是把库文件单独拿出来加载，不要参与打包。 2. 如果使用的是前端的样式框架ElementUI，可以通过exports模块导出所需样式及变量 3....； 首先我们来聊一下缓存的优先级: 当客户端需要请求一个服务端资源的时候,会率先检查浏览器中是否有缓存, 没有则直接调取接口....二， Cache-Control(缓存控制)(http1.1规则下的响应头) Cache-Control同样是服务端返回的一个响应头,他有几个选项可供使用: ?
考核内容: javascript对象表示法 数据格式的使用 题发散度: ★★★ 试题难度: ★★★ 解题思路: JSON：JavaScript 对象表示法（JavaScript Object Notation...特点： 1.JSON 是纯文本 2.JSON 具有“自我描述性”（人类可读） 3.JSON 具有层级结构（值中存在值） 4.JSON 可通过 JavaScript 进行解析 5.JSON 数据可使用 AJAX...进行传输 JSON 语法规则 1.数据在名称/值对中 2.数据由逗号分隔 3.花括号保存对象 4.方括号保存数组 所以 D是不正确的，缺少花括号 {'name':'abc',age:12} 答案：
事件传递定义了元素事件触发的顺序。如果你将 元素插入到 元素中，用户点击 元素, 哪个元素的 "click" 事件先被触发呢？...在 冒泡 中，内部元素的事件会先被触发，然后再触发外部元素，即： 元素的点击事件先触发，然后会触发 元素的点击事件。...在 捕获 中，外部元素的事件会先被触发，然后才会触发内部元素的事件，即： 元素的点击事件先触发 ，然后再触发 元素的点击事件。 ?...(x.attachEvent) { // IE 8 及更早版本 x.attachEvent("onclick", myFunction);} 答案：ABC都是正确的...，但是事件存在兼容性问题，所以不正确的是 D.
考核内容: CSS应用 题发散度: ★ 试题难度: ★ 看看大家的选择 解题: CSS外部样式表将管理整个Web页的外观 当用户在设计HTML时，首先要对整个外观定义一个CSS文件（扩展名为·css...），然后通过链接来使用，一个外部的样式表可以通过HTML的LINK元素连接到HTML文档中。...还会在访问者的计算机上保存这个文件（一个被称为高速缓存的文件)，以便下次能够更快的访问，当浏览者到该网站上使用同一个样式表的网页时，就不用下载，可以直接去这个高速缓存里面读取。...CSS样式与HTML标签内容分离开来，使搜素引擎爬虫能更快的抓取当前页面的关键字. css少数属性的属性值是可以包含汉字。...CSS的属性值中不可以有中文 书中自有好图丫（首图来源于 好图丫 小程序）
答：Ajax是一种可以在浏览器和服务器之间使用异步数据传输（HTTP请求）的技术。使用它可以让页面请求少量的数据，而不用刷新整个页面。...而传统的页面（不使用Ajax）要刷新部分内容，必须重载整个网页页面。 Ajax 基于什么？ 答：它基于的是XMLHttpRequest（XHR）。...ajax() 它的一个优势异步操作，但jQuery的异步操作是基于事件的异步模型，没有promise那么友好。 fetch 产生的背景？ 答：综合上面所讲的各种因素，fetch这个api应运而生。...fetch接口是用来解决Ajax（xhr）在写法和调用上的不合理和开放的js接口,Fetch 是浏览器提供的原生 AJAX 接口。...jquary 只是封装了AJAX的方法，即使不加载jquery也可以实现AJAX 参考: JS基础测试: 下列关于Ajax的描述正确的是？ 答案：错误的是 D.
考核内容: 异步加载 题发散度: ★★ 试题难度: ★★ 看看大家的选择 解题: 浏览器在 javascript 的加载方式有两种 一、同步加载 同步模式，又称阻塞模式，会阻止浏览器的后续处理，停止了后续的解析...async表示函数里有异步操作 返回值是 Promise 对象 await表示紧跟在后面的表达式需要等待结果。 await命令只能出现在 async 函数内部，否则都会报错。...虽然说 await 可以等很多类型的东西，但是它最主要的意图是用来等待 Promise 对象的状态被 resolved。...如果await的是 promise对象会造成异步函数停止执行并且等待 promise 的解决,如果等的是正常的表达式则立即执行。...使用await声明的方法会返回一个Promise对象 注意： ABD有明显的错误，C并不一定只返回Promise对象， await 可以返回其它类型的东西。这道题只能说出的不是很严谨。
考核内容: 栅格系统 题发散度: ★★ 试题难度: ★★ 解题: 在线测试: 答案： 欢迎大家在进行选择答案 下一期会详细分析答案
考核内容: 关于Symbol的使用 题发散度: ★★ 试题难度: ★ 解题思路: Symbol是由ES6规范引入的一项新特性，它的功能类似于一种标识唯一性的ID。...由于Symbol是一种基础数据类型，所以当我们使用typeof去检查它的类型的时候，它会返回一个属于自己的类型symbol，而不是什么string、object之类的....另外，我们需要重点记住的一点是：每个Symbol实例都是唯一的。因此，当你比较两个Symbol实例的时候，将总会返回false....其它选项都是正常的，只能C是错误的； 参考代码: 答案： C、Symbol('same') === Symbol('same') 结果为true
关于Float，下列说法错误的是()？...A Float是一个类 B Float在java.lang包中 C Float a=1.0是正确的赋值方法 D Float a= new Float(1.0)是正确的赋值方法 考点:考察求职者对Float...的理解 出现频率:★★★★★ 【面试题分析】 1....Float正确赋值方式是Float f=1.0f,若不加f会被识别成double型,double无法向float隐式转换. 4....Float a= new Float(1.0)是正确的赋值方法，但是在1.5及以上版本引入自动装箱拆箱后，会提示这是不必要的装箱的警告，通常直接使用Float f=1.0f. 所以参考答案是（C）
关于Float，下列说法错误的是？...A Float是一个类 B Float在java.lang包中 C Float a=1.0是正确的赋值方法 D Float a= new Float(1.0)是正确的赋值方法 考点:考察求职者对基本数据类型的掌握...Float是类，float不是类. 2....Float正确复制方式是Float f=1.0f,若不加f会被识别成double型,double无法向float隐式转换. 4....Float a= new Float(1.0)是正确的赋值方法，但是在1.5及以上版本引入自动装箱拆箱后，会提示这是不必要的装箱的警告，通常直接使用Float f=1.0f. 所以参考答案是（C）
考核内容:Set和WeakSet的不同点 题发散度: ★★ 试题难度: ★ 解题思路: WeakSet 结构与 Set 类似，也是不重复的值的集合。但是，它与 Set 有两个区别。...首先，WeakSet 的成员只能是对象，而不能是其他类型的值。...WeakSet 的成员是不适合引用的，因为它会随时消失。...另外，由于 WeakSet 内部有多少个成员，取决于垃圾回收机制有没有运行，运行前后很可能成员个数是不一样的，而垃圾回收机制何时运行是不可预测的， 因此 ES6 规定 WeakSet 不可遍历 参考代码
考核内容: Proxy代理的设置和取消代理 题发散度: ★ 试题难度: ★ 解题思路: Proxy 用于修改某些操作的默认行为，等同于在语言层面做出修改，所以属于一种“元编程”（meta programming...都必须先通过这层拦截，因此提供了一种机制，可以对外界的访问进行过滤和改写。...Proxy 这个词的原意是代理，用在这里表示由它来“代理”某些操作，可以译为“代理器”。 Proxy.revocable方法返回一个可取消的 Proxy 实例。...属性是Proxy实例，revoke属性是一个函数，可以取消Proxy实例。...Proxy.revocable的一个使用场景是，目标对象不允许直接访问，必须通过代理访问，一旦访问结束，就收回代理权，不允许再次访问。
比如以下情况： 1. window对象的resize、scroll事件 2. 拖拽时的mousemove事件 3. 射击游戏中的mousedown、keydown事件 4....文字输入、自动完成的keyup事件 再详细点： 我们定义了一个鼠标滚动事件 ： 我们的本意只是让鼠标滚动一次执行一次滚动函数，但是window的onscroll函数并不是等scroll结束之后才会调用...，鼠标滚动或拖动滚动条，就会不停的触发scroll事件，如果处理的东西多，低版本的浏览器也会陷入假死状态。...解决办法： 函数节流 节流就像将水龙头拧紧直到水是以水滴的形式流出，那你会发现每隔一段时间，就会有一滴水流出。...达到了想要的效果，既没有频繁的执行也没有最后执行; 常用的应用场景：图片懒加载 参考以上的解析： ABC都正确 答案：不正确的是 D. js函数节流会阻断函数的运行，从而降低js运行效率
它类似于对象，也是键值对的集合，但是“键”的范围不限于字符串，各种类型的值（包括对象）都可以当作键。 WeakMap结构与Map结构类似，也是用于生成键值对的集合。...WeakMap的设计目的在于，有时我们想在某个对象上面存放一些数据，形成对于这个对象的引用。 WeakMap 的键名所引用的对象都是弱引用，即垃圾回收机制不将该引用考虑在内。...总之，WeakMap的专用场合就是，它的键所对应的对象，可能会在将来消失。WeakMap结构有助于防止内存泄漏。...WeakMap 与 Map 在 API 上的区别主要是两个，一是没有遍历操作（即没有keys()、values()和entries()方法），也没有size属性。...二是无法清空，即不支持clear方法。因此，WeakMap只有四个方法可用：get()、set()、has()、delete()。 参考代码: 答案： B、键名可以是任何类型的值
考核内容:JS基础数据类型操作 题发散度: ★★★ 试题难度: ★★★ 解题思路: MIN_VALUE 定义和用法 MIN_VALUE 属性是 JavaScript 中可表示的最小的数 （接近 0 ，但不是负数...）返回的是 JavaScript 中最小的数。...它的近似值为 5 x 10-324 参考代码: 答案： B. 这是一个正数
考核内容: this关键字 题发散度: ★ 试题难度: ★★ 解题思路: 当一个函数被调用时，拥有它的object会作为this传入。...在global下，就是window or global，其他时候就是相应的object。...相关试题： 百度实习生前端岗位的笔试题 /*this的作用域*/ var a = 10; function test() { a = 5; alert(a);...参考: 前端测试题: 关于this的用法下面说法正确的是？ 答案： 欢迎大家在留言区域进行回复答案与调试 下一期会详细分析答案
领取专属 10元无门槛券
手把手带您无忧上云
云服务器
即时通信 IM
ICP备案
对象存储
实时音视频
