本文1.6W字面试准备包含思路以及基础面试题整理，较适用于初、中级前端，另外文末整理了思维导图，可以更加直观的找到你的知识盲区，希望能给你带去些许帮助，助力你找到心仪的好工作。

金三银四，怎么能少了本菜😁😁。正好借此机会好好恶补一下基础，当然，要是能找到一个合适的工作那就更完美啦。接下来会把每天面试的一些题目在掘金复盘，这样能让自己印象更为深刻一些，同时也为正在找工作的小伙伴们，提供一丢丢的帮助。祝大家都能找到money多多的工作💰💰。 本菜经…

前言 布局的传统解决方案，基于盒状模型，依赖 display 属性 + position属性 + float属性。它对于那些特殊布局非常不方便，比如，垂直居中就不容易实现。 2009年，W3C 提出了

盒模型可通过box-sizing进行设置（ box-sizing的默认属性是content-box）。根据计算宽高的区域可分为： 盒模型的组成，由里向外content(内容),padding(内边距),border(边框),margin(外边距)。 因为设置了为border-b…

持续更新中... Flex（Flexible Box）布局 称为 "弹性布局"，可以为网页的布局提供最大的灵活性，取代了往常的 浮动（float） 布局，并且任何一个容器都可以设置 Flex 布局。 通常在公共的css样式中定义一个清除浮动的类。 link方式的样式的权重 高于…

1、HTML语义化根据内容的结构化（内容语义化），选择合适的标签（代码语义化）便于开发者阅读和写出更优雅的代码的同时让浏览器的爬虫和机器很好地解析。常见的语义化标签：title：页面主体内容。hn：h

先上干货，作用域是一套管理和查找标识符（变量）的规则。现在看来作用域的概念还有些抽象，不过没关系，接下来我会带大家更深入的理解作用域。 JavaScript 虽然被归类为 解释执行 语言，但是在实际的运行过程中仍然具有 编译 这个步骤。只是相对于传统的编译语言来说，它没有大量的…

无论是面试还是实际工作，我们都会遇到大文件上传的问题。事实上，在我之前的面试中，也被问到上传大文件（Excel）如何处理，当时答的磕磕巴巴，直接导致整个面试以失败结束。 其实说到这里，如果你看懂并且理解了以上的思路，那么你已经学会了大文件上传+断点续传的 80%。下面的具体实现…