当前位置:首页 » 网页前端 » 前端算法题
扩展阅读
webinf下怎么引入js 2023-08-31 21:54:13
堡垒机怎么打开web 2023-08-31 21:54:11

前端算法题

发布时间: 2022-01-21 04:50:27

1. 前端必备的数据结构和算法知识有哪些

数据结构和算法是任何从事软件编程工作人员必须学会的一门课程,不管学深浅,都需要学。前端开发也是软件编程,建议一定要学一学数据结构和算法,这样有利于深层次的问题思考。

2. 前端开发是否有必要知道数据结构和算法

如果只是单纯做前端,没有。前端的核心是DOM。算法和数据结构是为了解决效率问题的,而提升前端的效率用到的概念往往仅仅是常识级别的。甚至一些流行的中小型库中都看不到任何数据结构。可以认为前端是程序员里的一个特例,一般程序员面对的是计算机,前端开发人员面对的仅仅是浏览器。如果只是关注前端,学习数据结构和算法的收益还不如去读jQuery源码。

既然前端用不上,楼主还是问到了这个问题,那就说明楼主关注的不仅仅是如何成为一个熟练的前端,而是成为一个优秀的软件工程师。网站开发之所以流行,一部分是因为开发成本低。这些节省下来的成本,一部分就是开发人员的薪水。换句话说,前端开发简单,门槛低,所以收入低,可替代性强。跳出前端这个领域,把自己放到软件工程师的队伍里,再看这个问题,答案就显而易见了。如果只是专注于前端技术,那么能解决的也仅仅是一小部分问题。

如果楼主关心的是如何更好地解决前端的问题,那么在相当长的一段路上数据结构和算法是优先级很低的。如果楼主关心的是自己的职业规划和自身素质的提升,数据结构和算法则在任何时候都是优先级最高的。

3. 前端的算法面试还可以怎么问

我的 2018 年前端押题说了,以下三个准备一下即可:
八种排序算法
二分查找算法
反转二叉树算法

不要问为什么,信我就学,面试效果会告诉你一切。

4. 大厂前端对算法有什么要求

作为一个毕业多年小前端,表示算法什么的早就还给老师了...

相比较算法,我觉得数据结构和设计模式对前端来说更重要,理由有三:

1)js可以原生提供的数据类型的确有限。很多时候我们都是用对象和数组来简单粗暴的解决问题,并写一堆复杂的业务代码来支撑逻辑。

比如,我们想做一个轮播图,很自然的就会想到用数组来记录轮播图片的列表数据,我们这里时髦一把,用vue数据驱动视图的思想来实现,每次轮播翻页后我们需要改变数组中图片的顺序,看似没有问题。但是当业务复杂的时候呢,比如我们需要支持循环播放和双向播放,就需要数组的边界值进行特殊判断了,这种特殊判断就降低了代码的可维护性。

那如果我们换个角度思考,一开始我们就不用数组来定义图片列表,而改用一个双向链表呢?问题就会简单很多。而链表这个数据结构在js里面是没有原生实现的,需要我们自己来完成。

因此掌握常用的数据结构以及其相关方法还是很有必要的。

2)设计模式是在某个场合下对某个问题的一种优雅的解决方案。这里我加粗了优雅,没错,要解决一个问题,往往有不止一个答案。

比如,我想给页面上一连串按钮绑定点击事件,要求点击按钮的时候弹出按钮的内容。一个简单粗暴的方法是给每个按钮添加一个onclick事件。那假设按钮个数非常多或者本身这个按钮还有其它点击事件要执行呢,这个方案就不那么可行了。有的同学想到了可以用事件委托,没错,这里你就用到了一种设计模式,代理模式。孰优孰劣,一目了然。

我认为每个业务场景都有一种合适的优雅的解决方案,而这就是设计模式。

3)通常情况下,前端需要处理的数据量和计算复杂度都不高。比如我想找到一个数组中的最大值,一般我会直接用数组的排序方法而不会考虑自己写个冒泡或者快排。如果真要处理大量的数据,恐怕这个处理过程是否应该放在前端就值得商榷了。

问题需要不断抽象,抽象的水平和经验能力成正比。

5. web前端架构和算法有哪些

《数据结构》看几遍,再做一下配套习题,然后在OJ上刷100道题,稍微打一下基础。从广泛意义上说,算法就是你解决问题的思路,你思考得出的方案其实就是一个算法。数据结构有助于你的算法实现。一般在大公司,后端工程师一般比前端更吃香一点。前端工程师有一条不错的出路是往全栈工程师发展,掌握多种前端的技术,再学点后端技术,就变得很抢手了。

6. 如何面试前端工程师

随着时代的发展,很多新兴的就业职位随之产生。前端工程师将就是随着互联网的快速发展而产生的。其实在很多人的观念里,前端工程师也就是一个切页面的而已,他们也就是会html、css、javascript这些没有任何技术含量的网页制作而已。然而随着技术飞速发展,人们对这些技术的要求也是越来越高,如果只凭着一个人来把所有的事情都解决是很困难的,所以这个时候前端工程师就开始发挥着他们很大的作用了。

那我们应该如何来面试前端工程师呢?

  • 谈吐要大方得体

在我们在面对面试官时我们千万不要紧张。在进行自我介绍时我们要努力做到自信大方、吐字清晰。我们在自我介绍时要用简明扼要的话语来介绍自己,突出自己的优点表明自己的求职意向。你要通过寥寥数语把自己的优势都向面试官介绍清楚。记住不必要的话语要少说。

好了关于如何面试前端工程师这个话题我就聊到这了。希望我的回答能对你有所帮助。

7. Goole搜索引擎对于手机端算法与pc端算法有什么不同算法的改变对前端与UI会产生哪些影响

算法Mobilegeddon针对的是移动端搜索结果,而不会影响PC端和平板电脑,从侧面也反映出Google对于移动端的重视,那么,这次算法调整的重点-让移动端用户有更好的网站体验究竟有哪些参考指标呢?为此Google 方面提出了一个“移动友好度(mobile-friendly)”的概念。
移动友好度的概念是一系列的体验组合,具体包括页面文字字号、链接排列、内容与屏幕适应等方面的用户体验的设计。新算法除了强调移动友好度,还具有实时性、只针对单个页面等特性。对于那些体验不好的网站,Google将会做出“严厉”的惩罚:在搜索结果中降低它的评分、排名,甚至搜不到。
变革总会伴随阵痛。新的算法可能会伤害众多小企业的利益,这些小企业可能没有资金或者动力来为移动端进行网站调整。不过数据表明,Google这样做也是很合理的。
根据市场研究公司comScore的数据报告显示,在2010年-2014年几年里,网民使用智能手机上网增长了394%,平板增长1721%,而PC增长仅为37%。通过图例,我们可以清晰看到,越来越多的人通过手机上网,移动互联网的趋势也已经很明显。所以,搜索巨头Google重视移动端的友好体验也理所当然。

8. BAT 前端工程师面试对算法一般有怎样的要求

当我是实习生时,我遇到了BAT三,所以我对算法没有要求。当然,实习生的要求也可能比较低。

  • 阿里面试:

一边使用电脑直接连接到互联网看到面试官网站,博客之类的,然后选择一些问,并帮助考背后的标签组件的实现和JS类继承,等等。在第二个方面,我也看到了,GitHub,博客等等。

实际上,在工作的前端使用的算法并不多,即使像jQuery这样的公共库的实现对算法的应用也不是很好。至于何时使用,请使用NodeJs偶尔编写自动化工具,前端WebGL矩阵操作,图像处理,如需要,但我认为这些都超出了一般前端工程师的能力。

9. 为什么数据结构与算法,对前端开发很重要

前端的技术领域和范围正在飞速演进中,再过3年5年不懂算法和数据结构的前端慢慢就淘汰了。几大互联网公司的已经开始在使用数据挖掘、贝叶斯、3D图形图像等领域算法到前端领域。对浏览器的了解也逐步深入到内部实现机制原理上,从原理上理解渲染。无线端的前端越来越像嵌入式应用开发,这些都更需要有扎实而综合的计算机专业基础。

10. 前端面试会提问到哪些

在面试前端的过程中,有些问题是经常会被提问到的
一、基础篇
1. 在不使用第三个变量的情况下,如何调换a与b的值?
2. px与em的区别
3. 简述一下盒模型
4. 页面导入样式时,使用link和@import有什么区别?
5. 简述一下事件代理
二、HTML常见题目
01、Doctype作用?严格模式与混杂模式如何区分?它们有何意义?
02、HTML5为什么只需要写?
03、行内元素有哪些?块级元素有哪些?空(void)元素有哪些?
04、页面导入样式时,使用link和@import有什么区别?
05、介绍一下你对浏览器内核的理解?
06、常见的浏览器内核有哪些?
07、html5有哪些新特性、移除了哪些元素?如何处理HTML5新标签的浏览器兼容问题?
08、如何区分HTML和HTML5?
09、简述一下你对HTML语义化的理解?
10、HTML5的离线储存怎么使用,工作原理能不能解释一下?
三、CSS类的题目
01、介绍一下标准的CSS的盒子模型?与低版本IE的盒子模型有什么不同的?
02、CSS选择符有哪些?哪些属性可以继承?
03、CSS优先级算法如何计算?
04、CSS3新增伪类有哪些?
05、如何居中div?如何居中一个浮动元素?如何让绝对定位的div居中?
06、display有哪些值?说明他们的作用。
07、position的值relative和absolute定位原点是?
08、CSS3有哪些新特性?
09、请解释一下CSS3的Flexbox(弹性盒布局模型),以及适用场景?
10、用纯CSS创建一个三角形的原理是什么?
四、JavaScript类的题目
01、JavaScript中this是如何工作的
02、请解释原型继承的原理。
03、什么是闭包(closure),如何使用它,为什么要使用它?
04、.call 和.apply的区别是什么?
05、请指出JavaScript 宿主对象(host objects) 和原生对象(native objects) 的区别?
06、请指出以下代码的区别:function Person(){}、var person = Person()、var person = new Person()?
07、请解释变量声明提升(hoisting)。
08、什么是 “use strict”; ? 使用它的好处和坏处分别是什么?
09、什么是事件循环 (event loop)?
10、请解释同步 (synchronous) 和异步 (asynchronous) 函数的区别。
五、开发及性能优化类题目
01、如何规避javascript多人开发函数重名问题?
02、请说出三种减低页面加载时间的方法.
03、说说你所了解到的Web攻击技术。
04、说说你说了解的前端性能优化方法?
05、前端开发中,如何优化图像?图像格式的区别?
06、浏览器是如何渲染页面的?
07、页面重构怎么操作?
08、什么叫优雅降级和渐进增强?
09、前端需要注意哪些SEO?如何做SEO优化?
10、平时如何管理你的项目?