大家好我是前端小白思思，再记录一些最近面试中的问题吧！此次面试的是一家成都某上市科技企业，先说结果吧，是过了的，话不多说直奔主题。 进入上市企业办公区我被拉到一个小房间等待，五味杂陈，像是在演无间道，说时迟那时快，一位漂亮的小姐姐走进来，是的他是我一面面试官（有点意思，第一次遇…

48张图带你从0到1掌握flex布局方式。 需要本文的Xmind导图的话，移步公众号--前端UpUp,回复flex关键字即可。 从上面图来看，我们将flex布局分为两部分讲，轴和容器。 打个预防针，flex布局涉及到12个CSS属性，父容器,子容器各6个。 接下来先梳理常见的属…

在 CSS flexbox 布局出现以前，如果要控制 HTML 元素的布局，要用到很多种奇葩的方式。在水平方向上得用float控制左右对齐，稍一不注意，就会有浮动的元素飞来飞去~。在垂直方向上就更是百家争鸣了：要么手动计算高度然后算出中心点，要么用 line-height 和 …

以前大部分时间都是在做b端相关的项目，在实现此类需求时，通常都是直接借助a标签搞定，现在做c端了，对交互性的要求一下就提升了，此时a标签就远远不能满足要求了，需要借助js来实现此类需求，特此记录。 ~~效果很明显，在事件触发之后，页面立马跑到的顶部，在交互性没啥要求的时候，这种…

头条面试官真是亲和呀，一上来就跟你嘘寒问暖，瞬间让人心里放松了很多。一开始就是基本情况了解，什么时候开始接触前端的呀？大学都学过什么课程呀？ 最让人诧异的，面试官居然丝毫不想问项目经历相关的问题(暗自庆幸，之前面试的大佬项目也是一带而过)！ 谈谈JS中的类吧。 着重说了传统语言…

移动互联网时代,用户对于网页的打开速度要求越来越高。百度用户体验部研究表明,页面放弃率和页面的打开时间关系如下图 所示。 根据百度用户体验部的研究结果来看,普通用户期望且能够接受的页面加载时间在 3 秒以内。若页面的加载时间过慢,用户就会失去耐心而选择离开。 首屏作为直面用户的…

作为初入前端的同学，可能会经常碰到JS对象的拷贝问题。你复制了对象A，并命名为B,当你兴致勃勃地修改了B对象后却惊讶的发现了A对象也被改变了。 1. JS数据类型 也就是对象类型Object type，比如：Object 、Array 、Function 、Data等。 jav…

前段时间秋招面哔哩哔哩的时候，面试官问：如何实现 flat 方法？当时手写的并不完美，后来回盘复习，发现面试要求手写数组拍平（扁平化） flat 方法的面试官不在少数。其中包括：拼多多、小米、美团、滴滴、shopee、有赞等。手写 flat 方法是一道非常基础的面试题，通常出现…

我们平常实现的垂直居中不是真正的垂直居中？何出此言！很多时候，往往自己明明正确的实现了垂直居中，但是 UI/UX 依旧说你的垂直居中有问题，然后自己仔细一看确实好像在视觉效果上存在一些偏差，但是仔细看自己实现的垂直居中代码却丝毫没有问题。今天我们就探讨一下这个有趣问题的由来、解…