秋招准备:前端面试题汇总(题目+答案+详解、不断更新)

目录

1.linux中 vim有几种模式?如何进行这几种模式的切换

2.css3中animation与transition表示什么意思?

3.css中verticle-align规则有什么作用

4.相对定位、绝对定位、固定定位、粘滞定位、静态定位有什么区别?

5.什么是响应式网页?如何实现一个响应式网页

6.inux中远程登录命令、远程文件传输命令、查看Java进程命令分别是什么?举例说明

7.什么是块元素,块元素有哪些特点?

8.em 与rem的区别?

9.如何使用css绘制一个三角形?

10.简述flex布局?

11.s数组中哪些方法是在原值上进行的修改?哪些方法没有对原值进行修改?

12.请写出让元素垂直居中的多种布局方法?

13.简述css3选择器的优先级机制?

14.伪元素选择器::after有哪些常见用法?

15.写出几个你熟悉的 Git 命令?

16.在js中如何判断一个数据类型?

17.在js的面向对象中继承方式有哪几种,分别进行描述?

18.简述js函数的this指向问题?

19.如何实现一个对象的深拷贝?

20.什么是闭包?如何解决闭包打来的内存泄露问题?

21.盒子模型种类及主要区别?

22.简述http协议的报文格式

23.用递归的方法实现1到100求和

24.输入一个字符串和一个字母,输出这个字母在这个字符串中出现的次数,例如:输入 hello,l 输出 2

25.编写代码实现数组扁平化输出,例如:输入[[1,2,3,[4,5,6,[7,8]]],[9,10],[11,12,[13]],5] 输出为[1,2,3,4,5,6,7,8,9,10,11,12,13,5]

26.使用任意一种排序算法对数组进行排序,例如:输入[3,2,1,6,12,8,9] 输出:[1,2,3,6,8,9,12]

27. 为什么mac电脑打开nodejs官网显示是下载mac版本的nodejs

28. 常见状态码有哪些?

29. HTTP/2 有没有用过?

30. es5 局部作用域

31. 如何使用push方法 往类数组对象中推入一个值

32. lodash 轮子


1.linux中 vim有几种模式?如何进行这几种模式的切换

命令行模式、插入模式、底行模式

命令行模式->插入模式  I A O i a o

命令行模式->底行模式   :   ?

插入模式->命令行模式   esc

2.css3中animation与transition表示什么意思?

animation表示动画:animation-xxx

transition表示过渡:transition-xxx

3.css中verticle-align规则有什么作用

设置行内元素的排列方式。

默认取值为baseline,即行内元素默认按照基线来进行排列

4.相对定位、绝对定位、固定定位、粘滞定位、静态定位有什么区别?

从相对点、是否脱离文档流来回答

脱离文档流的是:绝对定位、固定定位、粘滞定位

没有定位属性与效果:静态定位

参考点不同:

相对定位:相对原先自己的位置

绝对定位:相对具有定位属性的上层元素

固定定位:相对浏览器窗口定位

粘滞定位:相对定位+固定定位组合,有临界值

5.什么是响应式网页?如何实现一个响应式网页

响应式网页可以根据用户的访问设备不同而发生自适应变化。

可以通过@media来进行媒体选择,不同的设备尺寸执行不同的css代码。也可以使用bootstrap第三方库来完成响应式布局

6.inux中远程登录命令、远程文件传输命令、查看Java进程命令分别是什么?举例说明

ssh 用户名@ip

scp 本地文件路径 用户名@ip:远程文件路径

或者 ftp 用户名@ip

ps -ef | grep java

7.什么是块元素,块元素有哪些特点?

块元素常用于搭建页面框架,常见的块元素有:div、h1~h6、p、ul>li、ol>li、dl>dt,dd、header、article、section等h5新增语义化标签

特点:独占一行空间;高度由内容决定;可以指定宽高;块元素内允许嵌套其他块元素与行内元素

8.em 与rem的区别?

em:相对于当前元素上的字体大小

rem:相对于html元素上声明的字体大小

9.如何使用css绘制一个三角形?

不给盒子元素设置宽高,给4个方向分别设置边框,但是颜色都为透明, 设置其中一个方向边框色,例如border-bottom,那么将绘制一个三角朝上的三角形。

#app { width: 0; height: 0; border: 100px solid transparent; border-bottom: 100px solid #ccc; }

10.简述flex布局?

伸缩盒布局用于解决块元素在x轴以及y轴上排列的问题

核心概念:主轴,交叉轴,伸缩盒容器,伸缩盒元素

伸缩盒容器规则:(学生需要对各个规则进行描述)

display、flex-direction、flex-wrap、flex-flow、justify-content、align-items

伸缩盒元素规则:

flex-grow、flex-shrink、flex-basis、flex

11.s数组中哪些方法是在原值上进行的修改?哪些方法没有对原值进行修改?

改变原数组:push()、 pop() 、shift()、 unshift() 、splice()、 sort()、 reverse()

不改变原数组: concat() 、slice()、every()、some()、filter()、map()、forEach()

12.请写出让元素垂直居中的多种布局方法?

需要学生写出代码

通过margin、padding挤压

通过相对定位、绝对定位

通过flex布局display:flex   align-items:center

https://blog.csdn.net/ziminghuohua/article/details/72795003

  • 2
    点赞
  • 3
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 2
    评论
评论 2
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

志在四方csj

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值