2024年Web前端最全淘宝flexible 分析源码，前端面试攻略

总结

面试前要精心做好准备，简历上写的知识点和原理都需要准备好，项目上多想想难点和亮点，这是面试时能和别人不一样的地方。

还有就是表现出自己的谦虚好学，以及对于未来持续进阶的规划，企业招人更偏爱稳定的人。

万事开头难，但是程序员这一条路坚持几年后发展空间还是非常大的，一切重在坚持。

开源分享：【大厂前端面试题解析+核心总结学习笔记+真实项目实战+最新讲解视频】

前端面试题汇总

JavaScript

前端资料汇总

docEl.style.fontSize = rem + ‘px’

}

setRemUnit()

// reset rem unit on page resize 当页面尺寸大小发生变化的时候，要重新设置下rem的大小

window.addEventListener(‘resize’, setRemUnit)

// pageshow 是重新加载页面触发的事件

window.addEventListener(‘pageshow’, function(e) {

// e.persisted 返回的是true，就是说如果这个页面是从缓存取过来的页面，也需要重新计算一下rem的大小

if (e.persisted) {

setRemUnit()

}

})

// detect 0.5px supports 有些移动端的浏览器不支持0.5像素的写法

if (dpr >= 2) {

var fakeBody = document.createElement(‘body’)

var testElement = document.createElement(‘div’)

testElement.style.border = ‘.5px solid transparent’

fakeBody.appendChild(testElement)

docEl.appendChild(fakeBody)

if (testElement.offsetHeight === 1) {

docEl.classList.add(‘hairlines’)

}

docEl.removeChild(fakeBody)

}

}(window, document));

注意：

立即执行函数 (function() {})() 或者 (function(){}())

主要作用： 创建一个独立的作用域。 避免了命名冲突问题

下面三种情况都会刷新页面都会触发 load 事件。

a标签的超链接

F5或者刷新按钮（强制刷新）

前进后退按钮

px 自动转换rem 插件

下载vscode 插件 cssrem

设置 cssrem --> 点击设置–>扩展设置–> 80

文末

我一直觉得技术面试不是考试，考前背背题，发给你一张考卷，答完交卷等通知。

首先，技术面试是一个 认识自己 的过程，知道自己和外面世界的差距。

更重要的是，技术面试是一个双向了解的过程，要让对方发现你的闪光点，同时也要 试图去找到对方的闪光点，因为他以后可能就是你的同事或者领导，所以，面试官问你有什么问题的时候，不要说没有了，要去试图了解他的工作内容、了解这个团队的氛围。

前端面试题汇总

JavaScript

开源分享：【大厂前端面试题解析+核心总结学习笔记+真实项目实战+最新讲解视频】

性能

linux

前端资料汇总