前端 100 问 书签 35 人围观

Favicon 第 39 题:介绍下 BFC 及其应用

BFC 就是块级格式上下文,是页面盒模型布局中的一种 CSS 渲染模式,相当于一个独立的容器,里面的元素和外部的元素相互不影响。创建 BFC 的方式有: html 根元素 float 浮动 绝对定位 overflow...

/NFm9X 复制   •   7 月 前
101 点击

Favicon 第 38 题:下面代码中 a 在什么情况下会打印 1?

题目如下 var a = ?; if(a == 1 && a == 2 && a == 3){ conso.log(1); } 答案解析 因为==会进行隐式类型转换 所以我们重写toString方法就可以了 var a = { i: 1, toString() { return a.i++; } } if( a...

/6YPCz 复制   •   7 月 前
94 点击

Favicon 第 37 题 为什么 Vuex 的 mutation 和 Redux 的 reducer 中不能做异步操作

Mutation 必须是同步函数 一条重要的原则就是要记住 mutation 必须是同步函数。为什么?请参考下面的例子: mutations: { someMutation (state) { api.callAsyncMethod(() => { state.count++ }) } } 现在想象,

/GNi4m 复制   •   7 月 前
97 点击

Favicon 第 36 题:使用迭代的方式实现 flatten 函数

var arr=[1,2,3,[4,5],[6,[7,[8]]]] /** * 使用递归的方式处理 * wrap内保存结果ret * 返回一个递归函数 * * @returns */ function wrap(){ var ret=[]; return function flat(a){ for(var item of a){ if(item.constructor===Array){ ret.concat...

/SWz9R 复制   •   7 月 前
88 点击

Favicon 第 34 题:简单改造下面的代码,使之分别打印 10 和 20。 ·

var b = 10; (function b(){ b = 20; console.log(b); })(); 我的解法: 1)打印10 var b = 10; (function b(b) { window.b = 20; console.log(b) })(b) 或者 var b = 10; (function b(b) { b.b = 20; console.log(b) })(b) 2)打印20 var b = 10; (functi...

/3sNRl 复制   •   7 月 前
75 点击

Favicon 第 33 题:下面的代码打印什么内容,为什么?

var b = 10; (function b() { b = 20; console.log(b) })() 针对这题,在知乎上看到别人的回答说: 函数表达式与函数声明不同,函数名只在该函数内部有效,并且此绑定是常量绑定。 对于一个常量进行赋...

/m2Evu 复制   •   7 月 前
97 点击

Favicon 第 32 题:Virtual DOM 真的比操作原生 DOM 快吗?谈谈你的想法。

采用尤大大的回答: 1. 原生 DOM 操作 vs. 通过框架封装操作。 这是一个性能 vs. 可维护性的取舍。框架的意义在于为你掩盖底层的 DOM 操作,让你用更声明式的方式来描述你的目的,从而让你...

/YeFIb 复制   •   7 月 前
88 点击

Favicon 第 31 题:改造下面的代码,使之输出0 - 9,写出你能想到的所有解法。

for (var i = 0; i< 10; i++){ setTimeout((i) => { console.log(i); }, 1000,i) }

/yIVBl 复制   •   7 月 前
86 点击

Favicon 第 30 题:请把俩个数组 [A1, A2, B1, B2, C1, C2, D1, D2] 和 [A, B, C, D],合并为 [A1, A2, A, B1, B2, B, C1,...

function concatArr (arr1, arr2) { const arr = [...arr1]; let currIndex = 0; for (let i = 0; i < arr2.length; i++) { const RE = new RegExp(arr2[i]) while(currIndex < arr.length) { ++currIndex if (!RE.test(arr[currIndex])) { arr.splice(cur...

/Mq8o7 复制   •   7 月 前
79 点击

Favicon 第 29 题:聊聊 Vue 的双向数据绑定,Model 如何改变 View,View 又是如何改变 Model 的

<div id="content"> name: {{name}}<br/> <input type="text" v-model = 'name'> </div> <script> const el = document.getElementById(&.

/moncj 复制   •   7 月 前
77 点击

Favicon 第 28 题:cookie 和 token 都存放在 header 中,为什么不会劫持 token?

cookie 举例:服务员看你的身份证,给你一个编号,以后,进行任何操作,都出示编号后服务员去看查你是谁。 token 举例:直接给服务员看自己身份证

/10Cyd 复制   •   7 月 前
87 点击

Favicon 第 27 题:关于 const 和 let 声明的变量不在 window 上

在ES5中,顶层对象的属性和全局变量是等价的,var 命令和 function 命令声明的全局变量,自然也是顶层对象。 var a = 12; function f(){}; console.log(window.a); // 12 console.log(window.f); // f(){} 但ES6规定,va...

/zKCjY 复制   •   7 月 前
68 点击
cqpu's Avatar
cqpu 注册时间: 19-06-23

314

网址

12

书签

广告

社交网络

我们的 QQ