2020年Web前端面试题汇总(一)

2020年Web前端面试题汇总(一),第1张

今天小编要跟大家分享的文章是关于2020年Web前端面试题汇总。由于内容较多小编分开为大家介绍,今天首先来和小编一起看一看第一部分的内容,希望这些面试题能够对正准备找Web前端相关工作的小伙伴们有所帮助。

1.说几条写JavaScript的基本规范?

1)不要在同一行声明多个变量

2)请使用===/!==来比较true/false或者数值

3)使用对象字面量替代newObject这种形式

4)减少使用全局函数,全局变量

5)switch语句必须带有default分支

6)if语句必须使用大括号

7)for-in循环中的变量

应该使用var关键字明确限定作用域

从而避免作用域全局污染。

2.说说平衡二叉树?

平衡二叉搜索树(Self-balancingbinarysearchtree)

又被称为AVL树。

具有以下性质:

1)它是一棵空树或它的左右两个子树

的高度差的绝对值不超过1,

并且左右两个子树都是一棵平衡二叉树。

2)平衡二叉树必定是二叉搜索树,反之则不一定。

3)平衡二叉树的常用实现方法有红黑树、AVL、

替罪羊树、Treap、伸展树等。

最小二叉平衡树的节点的公式如下:

F(n)=F(n-1)+F(n-2)+1备注:1是根节点,

F(n-1)是左子树的节点数量,

F(n-2)是右子树的节点数量。

3.清除浮动和解决垂直外边距重叠的解决方案?

问题描述:

1)父元素没有设置宽高,尺寸由子元素撑起

子元素一旦浮动,父元素高度会发生塌陷。

2)子元素设置margin-top会作用的父元素的margin-top

此时会造成垂直外边距重叠。

.clearfix::after,.clearfix::before{

content:''

display:table

clear:both

}

4.sessionStorage、localStorage和cookie?

相同点:

都用于浏览器端存储的缓存数据

不同点:

1)存储内容是否发送到服务器端

当设置了Cookie后,数据会发送到服务器端,

造成一定的宽带浪费xxxstorage则会将数据保存

到本地,不会造成宽带浪费

2)数据存储大小不同

Cookie数据不能超过4K,适用于会话标识

xxxstorage数据存储可以达到5M

3)数据存储的有效期限不同

cookie只在设置了Cookid过期时间

之前一直有效,即使关闭窗口或者浏览器

sessionStorage,仅在关闭浏览器之前有效

localStorage,数据存储永久有效

4)作用域不同

cookie和localStorage是在同源同窗口中

都是共享的

sessionStorage不在不同的浏览器窗口

中共享,即使是同一个页面

5.判断一个单词是否是回文?

回文是指把相同的词汇或句子,

在下文中调换位置或颠倒过来,

产生首尾回环的情景,

叫做回文,也叫回环。

比如cacac,redivider。

letcheckPalindrom=(str)=>{

returnstr===

str.split('').reverse().join('')

}

6.不借助临时变量,进行两个整数的交换?

输入a=3,b=1,

输出a=1,b=3

letswap=(a,b)=>{

b=b-a

a=a+b

b=a-b

return[a,b]

}

7.请写出至少5个html5新增的标签,并说明其语义和应用场景?

section:定义文档中的一个章节

nav:定义只包含导航链接的章节

header:定义页面或章节的头部

它经常包含logo、页面标题和导航性的目录。

footer:定义页面或章节的尾部

它经常包含版权信息、法律信息链接和反馈建议用的地址。

aside:定义和页面内容关联度较低的内容,

如果被删除,剩下的内容仍然很合理。

8.get和post请求在缓存方面的区别?

get请求类似于查找的过程,用户获取数据,

可以不用每次都与数据库连接,所以可以使用缓存。

post不同,post做的一般是修改和删除的工作,

所以必须与数据库交互,所以不能使用缓存。

因此get请求适合于请求缓存。

9.如何解决异步回调地狱?

promise、generator、async/await

10.图片的懒加载和预加载?

预加载:提前加载图片,

当用户需要查看时可直接

从本地缓存中渲染。

懒加载:懒加载的主要目的

是作为服务器前端的优化,

减少请求数或延迟请求数。

两种技术的本质:

两者的行为是相反的,

一个是提前加载,

一个是迟缓甚至不加载。

懒加载对服务器前端有一定

的缓解压力作用,

预加载则会增加服务器前端压力。

11.bind,apply,call的区别?

通过apply和call改变函数的this指向,

这两个函数的第一个参数都是一样的,

表示要改变指向的那个对象,

第二个参数,apply是数组,

而call则是arg1,arg2...这种形式。

通过bind改变this作用域

会返回一个新的函数,

这个函数不会马上执行。

12.js怎么控制一次加载一张图片,加载完后再加载下一张?

方法一:

varobj=newImage()

obj.src="#/21.jpg"

obj.onload=function(){

document.getElementById("pic")

.innnerHTML=""

}

加载中

方法二:

varobj=newImage()

obj.src="#/21.jpg"

obj.onreadystatechange=function(){

if(this.readyState=="complete"){

document.getElementById("pic")

.innnerHTML=""

}

}

加载中

以上就是小编今天为大家分享的关于2020年Web前端面试题汇总的文章,希望本篇文章能够对想要参加web前端面试的小伙伴们有所帮助,想要了解更多Web前端相关知识记得关注北大青鸟Web培训官网。最后祝愿小伙伴们面试成功,成为一名优秀的Web前端工程师。

1、什么是数据库事务

数据库事务是构成单一逻辑工作单元的 *** 作集合。数据库事务可以包括一个或多个数据库 *** 作,但是这些 *** 作构成一个逻辑上的整体。

2、数据库事务的四个特性(ACID)

A:原子性,事务中的所有 *** 作作为一个整体不可分割,要么全部 *** 作要么全部不 *** 作。

C:一致性,事务的执行结果必须使数据库从一个一致性状态转为另一个一致性状态。一致性状态:1.系统状态满足数据库的完整性约束,2.系统的状态反映数据库所描述的现实世界的真实状态。

I:隔离性:并发执行的事务不会相互影响,其对数据库的影响和他们串行执行时一样。

D:持久性:事务一旦提交,对数据库的影响就是持久的。任何事务或系统故障都不会导致数据丢失。

3、什么是数据库连接泄露

数据库连接泄露指的是如果在某次使用或者某段程序中没有正确地关闭Connection、Statement和ResultSet资源,那么每次执行都会留下一些没有关闭的连接,这些连接失去了引用而不能得到重新使用,因此就造成了数据库连接的泄漏。数据库连接的资源是宝贵而且是有限的,如果在某段使用频率很高的代码中出现这种泄漏,那么数据库连接资源将被耗尽,影响系统的正常运转。

4、聚集索引

数据行的物理顺序与列值的顺序相同,如果我们查询id比较靠后的数据,那么这行数据的地址在磁盘中的物理地址也会比较靠后。而且由于物理排列方式与聚集索引的顺序相同,所以也就只能建立一个聚集索引了。

5、主键与外键

关系型数据库中的一条记录中有若干个属性,若其中某一个属性组(注意是组)能唯一标识一条记录,该属性组就可以成为一个主键。

外键用于与另一张表的关联。是能确定另一张表记录的字段,用于保持数据的一致性。比如,A表中的一个字段,是B表的主键,那他就可以是A表的外键。

作为一名HTML5前端工程师,为了工作,为了就业我们免不了要参加各种各样的面试。为此总结了面试前的注意事项:

第一:注意自己的仪容仪表

面试之前,一定要再次从头到脚地将自己的仪容仪表检查一遍。检查时主要包括,自己的牙缝是不是还有食物残渣,所以你需要就近找一个卫生间,如果没有卫生间就近找一个角落也是可以的,但是切记一定不要在大庭广众之下。因此,为了给自己整理出着装的时间请在约定时间前20分钟到达。

第二:再次检查面试时所需的资料是否都已带全

这些资料主要包括:身份z明、学历文凭证明、个人简历、以往作品等等,如果这些东西齐全之后,需要对这些资料做一个整理与排序。因为没有哪个面试官希望看到面试者拿出一堆“莫名其妙”的东西塞给他,让他自己再一页一页的翻找自己需要的内容,如果说这些资料在面试官手中不小心散落一地,结果可想而知。这样的求职者在面试官眼中也一定不是一个让人放心、有条不紊的员工。当然如果检查时发现资料没有带全,也不要紧张。反而你要庆幸幸亏及时检查,也有足够的时间组织语言去向面试官解释。

第三:面试之前将通信工具调成振动或关闭状态

虽然说面试者与面试官之间是一个平等的关系,但毕竟你是去人家公司求职的,始终处于一个被动的状态,所以最起码的尊重还是要做到的。曾经有调查显示,对于面试过程中接电话或是被电话打断的求职者,会被HR减分。

第四:等候面试官时,仔细观察多了解面试公司

在等候面试官时,可以暗自观察一下公司的大体情况比如员工的着装风格、公司的LOGO或是贴在墙上的企业文化、公司的环境等等,一来可以在接下来的面试过程中表现出自己对公司的认同感,二来也可以让自己对求职公司多些了解,以确定是否要接受这里的工作。如果你身边有公司的资料宣传架,不妨取一本翻看一下,也会增加HR对你的好感。

第五:放松心情,保持自信

面试时一定要保持一定的自信,这样也会给面试官留下很好的印象。面试只是你步入工作的第一步,即便是失败了那也是人生重要的经历。失败是为了更好的迎接下一个挑战。

作为一名web前端工程师千万不要觉得懂技术面试就能万事大吉了,像以上五点细节性的东西也是一定要掌握的。

面试题系列:

网页链接


欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/sjk/6772203.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-03-28
下一篇 2023-03-28

发表评论

登录后才能评论

评论列表(0条)

保存