一面面经（一）（个人记录）

CSS基础

如何把一个元素的边框设置为 0.5 像素？ （这里我没答上来，想到了方案但是觉得不太可行，所以没说，其实方案方向是对的。有点可惜）
正确答案：可以把元素设置成 2倍的大小（长度和宽度），然后将其 border 设置为 1px，然后通过 transform 属性将其 scale 设置为 0.5。（面试官说主要考察思路，可惜了）

如何把一个元素垂直居中？
我的回答：父元素高度已知的情况下，可以使用：1. line-height = height 的方式； 2. margin: auto；父元素未知的情况下：1.使用flex布局，设置元素的 aligin-item:center; 2. display:table display:table-ceil；3.display:grid（这个忘了咋实现了，没说出来，只提了下方向，不过好像不对）; 4. 使用绝对布局, position: absolute，然后设置 top 为 50%，再设置其 transfrom: translateY(-50%).
正确答案：让一个块级元素垂直居中的八种方法

JS基础

先做一道题:

setTimeout(() => {console.log(1)
}, 0)
new Promise(resolve => {console.log(2)for (let i = 0; i < 10000; i++) {i == 9999 && resolve()}console.log(3)
}).then(() => {console.log(4)
})
console.log(5)

正确答案/我的答案：2,3，5,4,1（这里我面试时候太紧张了，没想到promise里的代码是同步执行的，最开始说成了5,2，3,4，1，后面面试官提了一下改正了）

Promise 一共有哪些方法？
我的回答：原型方法：then(), catch(), finish()；静态方法：all(), race() （后面的没说上来了，我还手写过promise，真是气啊）
正确答案：原型方法：then(), catch(), finish()；静态方法：all(), race() ,any(),allSettled() (说这几个应该就可以了)

Promise 一般是用来解决什么问题？
我的回答：异步请求（当时只说出来了这个）
正确答案：实际上可以把异步请求分几种请求说出来，比如连续请求，依赖请求和并发请求等。

除了Promise 解决方案，还有什么？
我的回答/正确答案：Generator迭代器（实际上是生成器，说错了）、async/await（Generator语法糖）(这里有个小插曲，我说 async/await是Generator的语法糖，面试官说是Promise的，后来证实是Generator的，不过我也是在某篇文章里看到的现成的说法)

Promise 中的代码出错了怎么捕获？
我的答案/正确答案：调用catch捕获 (不知道reject算不算)

处理跨域有哪些方式？
我的答案：JSONP、CORS、WebSocket、postMessage
正确答案：解决跨域问题的8种方案（最新最全）

JSONP的原理？限制有哪些？
我的答案/正确答案：jsonp跨域原理解析限制是：传输数据有限（受url长度限制）；只能用get方式。

如何解决首屏优化问题？
我的答案：减少http请求数，合并css资源，图片转为base64等，然后启用资源预加载，还可以使用组件懒加载方式（反正当时能想到的都说了）
正确答案：前端首屏优化方案

一面面经（一）（个人记录）相关推荐

mysql建立联合索引，mysql建立唯一键，mysql如何解决重复记录联合索引
在项目中,常常要用到联合唯一在一些配置表中,一些列的组合成为一条记录. 比如,在游戏中,游戏的分区和用户id会形成一条记录.(比如,一个qq用户可以在艾欧尼亚.德玛西亚创建两个账号) 添加联 ...
实现连续15签到记录_MySQL和Redis实现用户签到，你喜欢怎么实现？
现在的网站和app开发中,签到是一个很常见的功能如微博签到送积分,签到排行榜微博签到如移动app ,签到送流量等活动, 移动app签到用户签到是提高用户粘性的有效手段,用的好能事半功倍! 下面 ...
记录一次http请求失败的问题分析
问题背景当前我有一个基于Flask编写的Restful服务,由于业务的需求,我需要将该服务打包成docker 镜像进行离线部署,原始服务的端口是在6661端口进行开启,为了区分,在docker中启动 ...
Pytorch学习记录-torchtext和Pytorch的实例（使用神经网络训练Seq2Seq代码）
Pytorch学习记录-torchtext和Pytorch的实例1 0. PyTorch Seq2Seq项目介绍 1. 使用神经网络训练Seq2Seq 1.1 简介,对论文中公式的解读 1.2 数据预 ...
LeetCode简单题之学生出勤记录 I
题目给你一个字符串 s 表示一个学生的出勤记录,其中的每个字符用来标记当天的出勤情况(缺勤.迟到.到场).记录中只含下面三种字符: 'A':Absent,缺勤 'L':Late,迟到 'P':Pre ...
关于TVM的点滴记录
关于TVM的点滴记录
MySql数据库Update批量更新与批量更新多条记录的不同值实现方法
批量更新 mysql更新语句很简单,更新一条数据的某个字段,一般这样写: UPDATE mytable SET myfield = 'value' WHERE other_field = 'other ...
记录篇，自己在项目中使用过的。
图片选择器,6.0已经适配过,类似qq空间上传点击打开链接_胡小牧记录下面是效果图: PictureSelector PhotoPicker 类似qq空间发布心情. 点击打开链接 BubbleSe ...
HTML5与CSS3权威指南之CSS3学习记录
title: HTML5与CSS3权威指南之CSS3学习记录 toc: true date: 2018-10-14 00:06:09 学习资料--<HTML5与CSS3权威指南>(第3版) ...
生产环境项目问题记录系列（一）：一次循环数据库拖垮服务器问题
心血来潮,决定时不时记录下生产项目中遇到的问题. 今天的问题是这样的,昨天晚上大约7点左右,服务器报警,CPU暴涨.通过监控页面发现某个订阅MQ的服务接口有400多个超过10秒的请求(正常只有100- ...

一面面经（一）（个人记录）

CSS基础

JS基础

一面面经（一）（个人记录）相关推荐

最新文章

热门文章