摘要:在页面上进行各种操作,模拟用户的使用情况。如果内存占用基本平稳,接近水平,就说明不存在内存泄漏。还从来没操作过。。。。内心一度崩溃,真的是为了面试而面试。。建议大家不要裸辞。。如果觉得本文对你有所帮助,就一下吧大传送之术我的博客
1 哪些操作会引起内存泄漏,如何发现 一些常见的内存泄露代码
</>复制代码
// 意外的全局变量
functuon foo () { bar = 1} //函数里直接对未定义的变量赋值,导致变量存在顶部Window中,内存垃圾无法回收
//闭包变量被引用导致无法被回收
function f() {
var obj = { a: 2 }
return obj;
}
var a = f()
//被遗忘的定时器
function Test() {
this.obj= {};
this.index = 1;
this.timer = null;
var cache = []; // 内部变量,内存隐患...
this.timer = window.setInterval(() =>{
this.index += 1;
this.obj = {
val: "_timerxxxxxbbbbxx_" + this.index,
junk: [...cache]
};
cache.push(this.obj);
}, 1);
console.warn("create Test instance..");
}
test = new Test(); // JS对象开启定时器不断分配内存
...
参考文章:
https://juejin.im/post/5a8e7f...
https://github.com/wengjq/Blo...
如何查看内存占用情况 webgoogol控制台 》 performance 面板 > 勾选 Memory
点击左上角的录制按钮。
在页面上进行各种操作,模拟用户的使用情况。
如果内存占用基本平稳,接近水平,就说明不存在内存泄漏。反之,就是内存泄漏了。
console.log(process.memoryUsage()); //node
2 以下代码输出</>复制代码
typeof Vue
typeof React
typeof jQery
function github Vue
object github React
function github Jquery
ps:话说我写了这么久Vue。还从来没操作过typeof vue。。。。
3 下面代码输出</>复制代码
class F {
init () {
console.log(1)
}
}
var f = new F()
F.prototype.init = function () {
console.log(2)
}
f.init() //2
4 如何在数组头部、尾部、中部增加/删除
</>复制代码
头部:unshift / shift
中部:splice / concat
尾部: push / pop
参考:https://developer.mozilla.org...
5 手写防抖/节流 实现</>复制代码
function throttleAndDebounce(fn, delay, isThrottle) {
let lastCallTime = 0, timer = null;
return (...args) => {
if (isThrottle) {
const now = Date.now()
if (now - lastCallTime < delay) return
lastCallTime = now
fn(...args)
} else {
if (timer) clearTimeout(timer)
timer = setTimeout( () => {
fn(...args)
}, delay)
}
}
}
6 filter/reduce 实现数组去重
</>复制代码
var arr = [1,2,1]
arr.filter( (it, idx, arr) => {
return arr.indexOf(it) === idx
})
// reduce
var reducer = (arr, cur) => {
if ( arr.length === 0 || arr[arr.length - 1] !== cur) {
arr.push(cur)
}
return arr
}
arr.sort().reduce(reducer, [])
7 原生实现 上传base64 图片
</>复制代码
var file = document.getElementById("file").files[0]
var reader = new FileReader()
reader.onload = function (e) {
$.post("/upload" , { "base64": e.target.result } , function () {})
}
reader.readAsDataURL(file)
8 写成3种前端下载文件方式
参考: https://segmentfault.com/a/11...
ps:这也算!!?浏览器打开。。。内心一度崩溃,真的是为了面试而面试。。
9 手写promise 实现参考:
https://www.jianshu.com/p/43d...
https://developer.mozilla.org...
10 vue实现数据绑定有什么缺陷?作者为什么改用proxy实现参考:https://zhuanlan.zhihu.com/p/...
后记有些问题 我没给出答案,只给出一些参考链接,主要是才疏学浅,不能给出一个绝对完美的答案;或者答案的内容量可以再写一篇深入专研的文章,大家有什么好的意见或者文章错误可以留言补充;欢迎技术交流
ps:一年没面试了第一次做这种笔试题,我表示一个笔都好久没握过的人瑟瑟发抖。。。建议大家不要裸辞。。这个夏天有点冷。。。
如果觉得本文对你有所帮助,就star一下吧~大传送之术! 我的博客Github
文章版权归作者所有,未经允许请勿转载,若此文章存在违规行为,您可以联系管理员删除。
转载请注明本文地址:https://www.ucloud.cn/yun/103540.html
摘要:在页面上进行各种操作,模拟用户的使用情况。如果内存占用基本平稳,接近水平,就说明不存在内存泄漏。还从来没操作过。。。。内心一度崩溃,真的是为了面试而面试。。建议大家不要裸辞。。如果觉得本文对你有所帮助,就一下吧大传送之术我的博客 1 哪些操作会引起内存泄漏,如何发现 一些常见的内存泄露代码 // 意外的全局变量 functuon foo () { bar = 1} //函数里直接对未定...
以下是2018年年初,面某公司的笔试题。为啥现在才分享出来,纯粹是因为之前懒。只分享题,没有答案。 1.请通过代码实现下面的效果 function add(num){ var total = 0; var curryAdd = function(num){ total = total + num; return total; } r...
摘要:上次由于时间有限只分享了一部分的前端面试题,所以本篇继续分享前端经典面试试题一栈和队列的区别栈的插入和删除操作都是在一端进行的,而队列的操作却是在两端进行的。 上次由于时间有限只分享了一部分的前端面试题,所以本篇继续分享前端经典面试试题 一. 栈和队列的区别? 栈的插入和删除操作都是在一端进行的,而队列的操作却是在两端进行的。 队列先进先出,栈先进后出。 栈只允许在表尾一端进行插入和删...
阅读 3848·2021-11-24 10:23
阅读 2847·2021-09-06 15:02
阅读 1360·2021-08-23 09:43
阅读 2432·2019-08-30 15:44
阅读 3142·2019-08-30 13:18
阅读 916·2019-08-23 16:56
阅读 1820·2019-08-23 16:10
阅读 635·2019-08-23 15:08