20240409-美团前端实习 一面凉经(1)，前端mvvm面试题

先自我介绍一下，小编浙江大学毕业，去过华为、字节跳动等大厂，目前阿里P7

深知大多数程序员，想要提升技能，往往是自己摸索成长，但自己不成体系的自学效果低效又漫长，而且极易碰到天花板技术停滞不前！

因此收集整理了一份《2024年最新Web前端全套学习资料》，初衷也很简单，就是希望能够帮助到想自学提升又不知道该从何学起的朋友。

既有适合小白学习的零基础资料，也有适合3年以上经验的小伙伴深入学习提升的进阶课程，涵盖了95%以上前端开发知识点，真正体系化！

由于文件比较多，这里只是将部分目录截图出来，全套包含大厂面经、学习笔记、源码讲义、实战项目、大纲路线、讲解视频，并且后续会持续更新

如果你需要这些资料，可以添加V获取：vip1024c （备注前端）

正文

优点：通俗易懂，书写方便。（不推荐使用）

缺点：添加许多无意义的标签，结构化比较差。

给元素small清除浮动（在small后添加一个空白标签clear(类名可以随意），设置clear:both;即可）

2.父级添加overflow方法：可以通过触发BFC的方式，实现清楚浮动效果。

优点：代码简洁（慎重使用，若该父盒子里还有position定位会引起麻烦）

缺点：内容增多时候容易造成不会自动换行导致内容被隐藏掉，无法显示需要溢出的元素。

注意：别加错位置，是给父亲加（并不是所有的浮动都需要清除，谁影响布局，才清除谁。）

3.使用after伪元素清除浮动：：after方式为空元素的升级版，好处是不用单独加标签了。（较常用）

优点：符合闭合浮动思想，结构语义化正确

缺点：由于IE6-7不支持：after，使用zoom：1，触发hasLayout。

注意：这个也是给父亲添加 clearfix

4.使用before和after双伪元素清除浮动：（较常用）

注意：是给父亲添加clearfix

js基本变量

---

number、string、boolean、symbol、undefined、null

节流防抖

---

前几天刚看了orz，有点思路但是不严谨

https://blog.csdn.net/mus123/article/details/105333431

ajax

---

function loadDoc() {

var xhttp = new XMLHttpRequest();

xhttp.onreadystatechange = function() {

if (this.readyState == 4 && this.status == 200) {

document.getElementById(“demo”).innerHTML =

this.responseText;

}

};

xhttp.open(“GET”, “/example/js/ajax_info.txt”, true);

xhttp.send();

}

跨域（cors和jsonp）为什么？（同源策略）

---

https://blog.csdn.net/mus123/article/details/105262096

原型链继承

---

https://blog.csdn.net/mus123/article/details/105412287

let、const、var

---

变量提升、块作用域、暂时性死区、同名变量、const固定

https://www.cnblogs.com/zhaoxiaoying/p/9031890.html

call、apply、bind的区别

---

https://blog.csdn.net/mus123/article/details/105391096

重绘/重排（回流）

---

原来回流就是重排。。

尺寸、位置相关重排

颜色、可见性相关重绘

https://www.baidu.com/link?url=7fk8NogNusT0qCV4oBxiF-Bfu-kOklpMRDXFpyOdSOktEwEwFvIGUr2MRqA4M8tL73LRrCYbgRT8j9u8QKlzhq&wd=&eqid=ec072ca200000fbc000000035e8ed2d3

bfc ifc

---

基础面试题

主要内容包括：HTML，CSS，JavaScript，浏览器，性能优化等等

网上学习资料一大堆，但如果学到的知识不成体系，遇到问题时只是浅尝辄止，不再深入研究，那么很难做到真正的技术提升。

需要这份系统化的资料的朋友，可以添加V获取：vip1024c （备注前端）

一个人可以走的很快，但一群人才能走的更远！不论你是正从事IT行业的老鸟或是对IT行业感兴趣的新人，都欢迎加入我们的的圈子（技术交流、学习资源、职场吐槽、大厂内推、面试辅导），让我们一起学习成长！
难做到真正的技术提升。**

需要这份系统化的资料的朋友，可以添加V获取：vip1024c （备注前端）
[外链图片转存中…(img-DPnz0PUC-1713117002038)]

一个人可以走的很快，但一群人才能走的更远！不论你是正从事IT行业的老鸟或是对IT行业感兴趣的新人，都欢迎加入我们的的圈子（技术交流、学习资源、职场吐槽、大厂内推、面试辅导），让我们一起学习成长！