个人简书整合地址：前端 100 问
git 地址：前端 100 问
- 20210306: Q100：请写出如下代码的打印结果
function Foo() {
Foo.a = function () {
console.log(1);
};
this.a = function () {
console.log(2);
};
}
Foo.prototype.a = function () {
console.log(3);
};
Foo.a = function () {
console.log(4);
};
Foo.a();
let obj = new Foo();
obj.a();
Foo.a();- 20210305: Q99：编程算法题
- 20210304: Q98：写出如下代码的打印结果
function changeObjProperty(o) {
o.siteUrl = "http://www.baidu.com";
o = new Object();
o.siteUrl = "http://www.google.com";
}
let webSite = new Object();
changeObjProperty(webSite);
console.log(webSite.siteUrl);- 20210303: Q97：React 和 Vue 的 diff 时间复杂度从 O(n^3) 优化到 O(n) ，那么 O(n^3) 和 O(n) 是如何计算出来的？
- 20210302: Q96：介绍下前端加密的常见场景和方法
- 20210301: Q95：模拟实现一个深拷贝，并考虑对象相互引用以及 Symbol 拷贝的情况
- 20210228: Q94：vue 在 v-for 时给每项元素绑定事件需要用事件代理吗？为什么？
- 20210227: Q93：给定两个大小为 m 和 n 的有序数组 nums1 和 nums2。请找出这两个有序数组的中位数。要求算法的时间复杂度为 O(log(m+n))
- 20210226: Q92：已知数据格式，实现一个函数 fn 找出链条中所有的父级 id
- 20210225: Q91：介绍下 HTTPS 中间人攻击
- 20210224: Q90：实现模糊搜索结果的关键词高亮显示
- 20210223: Q89：设计并实现 Promise.race()
- 20210222: Q88：实现 convert 方法，把原始 list 转换成树形结构，要求尽可能降低时间复杂度
- 20210221: Q87：在输入框中如何判断输入的是一个正确的网址。
- 20210220: Q86：周一算法题之「两数之和」
- 20210219: Q85：react-router 里的 标签和 标签有什么区别
- 20210218: Q84：请实现一个 add 函数，满足以下功能。
- 20210217: Q83：var、let 和 const 区别的实现原理是什么
- 20210216: Q82：周一算法题之「移动零」
- 20210215: Q81：打印出 1 - 10000 之间的所有对称数
-
20210214: Q80：介绍下 Promise.all 使用、原理实现及错误处理
-
20210213: Q79：input 搜索如何防抖，如何处理中文输入
-
20210212: Q78：Vue 的父组件和子组件生命周期钩子执行顺序是什么
-
20210211: Q77：算法题「旋转数组」
-
20210210: Q76：输出以下代码运行结果
// example 1 var a={}, b='123', c=123; a[b]='b'; a[c]='c'; console.log(a[b]); --------------------- // example 2 var a={}, b=Symbol('123'), c=Symbol('123'); a[b]='b'; a[c]='c'; console.log(a[b]); --------------------- // example 3 var a={}, b={key:'123'}, c={key:'456'}; a[b]='b'; a[c]='c'; console.log(a[b]);
-
20210208: Q74：使用 JavaScript Proxy 实现简单的数据绑定
- 20210207: Q73：介绍下 BFC、IFC、GFC 和 FFC
- 20210206: Q72：为什么普通
for循环的性能远远高于forEach的性能，请解释其中的原因。 - 20210205: Q71：实现一个字符串匹配算法，从长度为 n 的字符串 S 中，查找是否存在字符串 T，T 的长度是 m，若存在返回所在位置。
- 20210204: Q70：介绍下 webpack 热更新原理，是如何做到在不刷新浏览器的前提下更新页面的
- 20210203: Q69：如何把一个字符串的大小写取反（大写变小写小写变大写），例如 ’AbC' 变成 'aBc' 。
- 20210202: Q68：如何解决移动端 Retina 屏 1px 像素问题
- 20210201: Q67：随机生成一个长度为 10 的整数类型的数组，例如 [2, 10, 3, 4, 5, 11, 10, 11, 20]，将其排列成一个新数组，要求新数组形式如下，例如 [[2, 3, 4, 5], [10, 11], [20]]
- 20210131: Q66：ES6 代码转成 ES5 代码的实现思路是什么
- 20210130: Q65：a.b.c.d 和 a['b']['c']['d']，哪个性能更高？
- 20210129: Q64：模拟实现一个 Promise.finally
- 20210128: Q63：如何设计实现无缝轮播
- 20210127: Q62：redux 为什么要把 reducer 设计成纯函数
- 20210126: Q61：介绍下如何实现 token 加密
- 20210125: Q60：已知如下代码，如何修改才能让图片宽度为 300px ？注意下面代码不可修改。
<img src="1.jpg" style="width:480px!important;”>
-
20210124: Q59：给定两个数组，写一个方法来计算它们的交集。
-
20210123: Q58：箭头函数与普通函数（function）的区别是什么？构造函数（function）可以使用 new 生成实例，那么箭头函数可以吗？为什么？
-
20210122: Q57：分析比较 opacity: 0、visibility: hidden、display: none 优劣和适用场景
-
20210121: Q56：要求设计 LazyMan 类，实现以下功能。
LazyMan("Tony"); // Hi I am Tony LazyMan("Tony").sleep(10).eat("lunch"); // Hi I am Tony // 等待了10秒... // I am eating lunch LazyMan("Tony").eat("lunch").sleep(10).eat("dinner"); // Hi I am Tony // I am eating lunch // 等待了10秒... // I am eating diner LazyMan("Tony") .eat("lunch") .eat("dinner") .sleepFirst(5) .sleep(10) .eat("junk food"); // Hi I am Tony // 等待了5秒... // I am eating lunch // I am eating dinner // 等待了10秒... // I am eating junk food
-
20210119: Q54：冒泡排序如何实现，时间复杂度是多少，还可以如何改进？
-
20210118: Q53：输出以下代码的执行结果并解释为什么
var a = { n: 1 }; var b = a; a.x = a = { n: 2 }; console.log(a.x); console.log(b.x);
- 20210117: Q52：怎么让一个 div 水平垂直居中
- 20210116: Q51：Vue 的响应式原理中 Object.defineProperty 有什么缺陷？
- 20210115: Q50：实现 (5).add(3).minus(2) 功能
- 20210114: Q49：为什么通常在发送数据埋点请求的时候使用的是 1x1 像素的透明 gif 图片？
- 20210113: Q48：call 和 apply 的区别是什么，哪个性能更好一些
- 20210112: Q47：双向绑定和 vuex 是否冲突
- 20210111：Q46：输出以下代码执行的结果并解释为什么
var obj = {
2: 3,
3: 4,
length: 2,
splice: Array.prototype.splice,
push: Array.prototype.push,
};
obj.push(1);
obj.push(2);
console.log(obj);- 20210110：Q45：HTTPS 握手过程中，客户端如何验证证书的合法性
- 20210109：Q44：介绍 HTTPS 握手过程
- 20210108：Q43：使用 sort() 对数组 [3, 15, 8, 29, 102, 22] 进行排序，输出结果
- 20210107：Q42：实现一个 sleep 函数，比如 sleep(1000) 意味着等待 1000 毫秒，可从 Promise、Generator、Async/Await 等角度实现
- 20210106：Q41：下面代码输出什么
var a = 10; (function () { console.log(a); a = 5; console.log(window.a); var a = 20; console.log(a); })();
- 20210105：Q40：在 Vue 中，子组件为何不可以修改父组件传递的 Prop，如果修改了，Vue 是如何监控到属性的修改并给出警告的。
- 20210104：Q39：介绍下 BFC 及其应用
- 20210103：Q38：下面代码中 a 在什么情况下会打印 1？
var a = ?; if(a == 1 && a == 2 && a == 3){ console.log(1); }
- 20210102：Q37：为什么 Vuex 的 mutation 和 Redux 的 reducer 中不能做异步操作？
- 20210101：Q36：使用迭代的方式实现 flatten 函数
- 20201231：Q35：请求时浏览器缓存 from memory cache 和 from disk cache 的依据是什么，哪些数据什么时候存放在 Memory Cache 和 Disk Cache 中？
- 20201230：Q34：简单改造下面的代码，使之分别打印 10 和 20。
var b = 10; (function b() { b = 20; console.log(b); })();
- 20201229：Q33：下面的代码打印什么内容，为什么？
var b = 10; (function b() { b = 20; console.log(b); })();
- 20201228：Q32：Virtual DOM 真的比操作原生 DOM 快吗？谈谈你的想法。
- 20201227：Q31：改造下面的代码，使之输出 0 - 9，写出你能想到的所有解法。
- 20201226：Q30：请把俩个数组 [A1, A2, B1, B2, C1, C2, D1, D2] 和 [A, B, C, D]，合并为 [A1, A2, A, B1, B2, B, C1, C2, C, D1, D2, D]
- 20201225：Q29：聊聊 Vue 的双向数据绑定，Model 如何改变 View，View 又是如何改变 Model 的
- 20201224：Q28：cookie 和 token 都存放在 header 中，为什么不会劫持 token？
- 20201223：Q27：关于 const 和 let 声明的变量不在 window 上
- 20201222：Q26：介绍模块化发展历程
- 20201221：Q25：介绍下观察者模式和订阅-发布模式的区别，各自适用于什么场景
- 20201220：Q24：浏览器和 Node 事件循环的区别
- 20201219：Q23：聊聊 Redux 和 Vuex 的设计思想
- 20201218：Q22：有以下 3 个判断数组的方法，请分别介绍它们之间的区别和优劣 Object.prototype.toString.call() 、 instanceof 以及 Array.isArray()
- 20201217：Q21：介绍下重绘和回流（Repaint & Reflow），以及如何进行优化
- 20201216：Q20：介绍下 npm 模块安装机制，为什么输入 npm install 就可以自动安装对应的模块？
- 20201215：Q19：React setState 笔试题，下面的代码输出什么？
- 20201214：Q18：React 中 setState 什么时候是同步的，什么时候是异步的？
- 20201213：Q17：A、B 机器正常连接后，B 机器突然重启，问 A 此时处于 TCP 什么状态
- 20201212：Q16：谈谈你对 TCP 三次握手和四次挥手的理解
- 20201211：Q15：简单讲解一下 http2 的多路复用
- 20201210：Q14：如何实现一个 new
- 20201209：Q13：Promise 构造函数是同步执行还是异步执行，那么 then 方法呢？
- 20201208：Q12：JS 异步解决方案的发展历程以及优缺点
- 20201207：Q11：将数组扁平化并去除其中重复数据，最终得到一个升序且不重复的数组
- 20201206：Q10：异步笔试题：async/await/setTimeout/Promise
- 20201205：Q9：Async/Await 如何通过同步的方式实现异步
- 20201204：Q8：setTimeout、Promise、Async/Await 的区别
- 20201203：Q7：ES5/ES6 的继承除了写法以外还有什么区别？
- 20201202：Q6：请分别用深度优先思想和广度优先思想实现一个拷贝函数？
- 20201201：Q5：介绍下深度优先遍历和广度优先遍历，如何实现？
- 20201130：Q4：介绍下 Set、Map、WeakSet 和 WeakMap 的区别？
- 20201129：Q3：什么是防抖和节流？有什么区别？如何实现？
- 20201128：Q2：['1', '2', '3'].map(parseInt) what & why ?
- 20201127：Q1：写 React / Vue 项目时为什么要在列表组件中写 key，其作用是什么？