【前端面经】金三银四即将到来，前端同学看过来！笔者整理了近两年来自己的面试经历，和大家分享一下，给 1-3 年经验的前端同学看机会找工作的小伙伴做一个参考，希望对你们有所帮助。

依稀记得在盛夏的傍晚，我坐在慢慢暗下来的客厅，头上还残留着因为紧张流下的细汗，眼睛因为专注而干涩，面对不太看得懂的文档，一遍一遍尝试；我自然不希望大家在这上面浪费时间，这也是写这篇文章的初衷。

BFC(块格式化上下文): 是Web页面可视化渲染CSS的一部分, 是布局过程中生成块级盒子的区域。也是浮动元素与其他元素的交互限定区域。 简单理解就是具备BFC特性的元素, 就像被一个容器所包裹, 容器内的元素在布局上不会影响外面的元素。 可见两个块元素外边距为20px。 我…

这是字节跳动的的一道面试题。 求最终left和right的宽度。 那么left的宽就是: 500 - 3005/7 ≈ 285.71， right: 400 - 3002/7 ≈ 314.29, 符合实际情况。 当我们不设置box-sizing时，其默认值是content-bo…

1. 初识 flex flex 是 flexible 的缩写，意思为弹性布局，用来为盒模型提供最大的灵活性。 2. flex 布局和正常布局比较 3. flex 属性 flex-direction 改变主轴的方向，默认为 row 横向排列。属性包含 row | row-reve…

这大概是所有前端在实际工作中都要解决的问题吧。。。 在现在的交互场景中，搜索框里的实时下拉提示，地图缩放时的数据更新等等。。 因为在下面的场景中这些并不能解决问题。。 现在页面上有一个输入框，随着用户的输入会不断发出异步请求，取回后端返回的结果渲染在页面上。 但是蛋疼的是，接口…

H5 VS Native 一直是前端技术界争执不下的话题。react、vue等技术栈引领着纯H5开发，rn、week则倡导原生体验。但在项目实战中，经常会选择一个中立的方案：混合开发。大众称呼：Hybrid。 本人目前从事新闻类产品研发，对于大家来讲，就是熟知的如今日头条、百度…

随着 Web 技术和移动设备的快速发展，Hybrid 技术已经成为一种最主流最常见的方案。一套好的 Hybrid架构方案 能让 App 既能拥有极致的体验和性能，同时也能拥有 Web技术 灵活的开发模式、跨平台能力以及热更新机制，想想是不是都鸡冻不已。。😄。本系列文章是公司在…

导读：作者从 17 年双十一前开始接手天猫搜索前端，开发第一个需求—— H5 凑单页，至今，天猫搜索的前端体系发生了比较大的变化。今天分享一篇阶段性的总结文章，记录天猫搜索前端技术的过去、现在，以及作为业务目前的唯一前端对未来的思考。 之所以这么划分，主要是基于天猫搜索的前端技…