前端工作常见的面试问题

时间:2024年05月19日

/

来源:wsm

/

编辑:本站小编

收藏本文

下载本文

下面是小编为大家带来的前端工作常见的面试问题,本文共5篇,希望大家能够喜欢!本文原稿由网友“wsm”提供。

篇1:前端工作常见的面试问题

你在昨天/本周学到了什么?

编写代码的哪些方面能够使你兴奋或感兴趣?

你最近遇到过什么技术挑战?你是如何解决的?

在制作一个网页应用或网站的过程中,你是如何考虑其 UI、安全性、高性能、SEO、可维护性以及技术因素的?

请谈谈你喜欢的开发环境。

你最熟悉哪一套版本控制系统?

你能描述当你制作一个网页的工作流程吗?

假若你有 5 个不同的样式文件 (stylesheets), 整合进网站的最好方式是?

你能描述渐进增强 (progressive enhancement) 和优雅降级 (graceful degradation) 之间的不同吗?

你如何对网站的文件和资源进行优化?

浏览器同一时间可以从一个域名下载多少资源?

有什么例外吗?

请说出三种减少页面加载时间的方法。(加载时间指感知的时间或者实际加载时间)

如果你参与到一个项目中,发现他们使用 Tab 来缩进代码,但是你喜欢空格,你会怎么做?

请写一个简单的幻灯效果页面。

如果今年你打算熟练掌握一项新技术,那会是什么?

请谈谈你对网页标准和标准制定机构重要性的理解。

什么是 FOUC (无样式内容闪烁)?你如何来避免 FOUC?

请解释什么是 ARIA 和屏幕阅读器 (screenreaders),以及如何使网站实现无障碍访问 (accessible)。

请解释 CSS 动画和 JavaScript 动画的优缺点。

什么使 CORS,以及其要解决的问题?

1.关于工作方面常见的面试问题

2.常见的面试问题

3.社工面试常见的面试问题

4.最常见的HR面试问题

5.空姐常见的面试问题

6.20个面试常见的经典问题

7.经典常见的压力面试问题

8.外企面试常见的问题大全

9.会计面试最常见的问题

10.压力面试最常见的问题

篇2:前端开发面试问题

你用Twitter吗? (在天朝最好问你用微博吗?)

如果用,你都关注那些人?

你用Github吗?

如果用,你关注的项目有什么?

你关注的博客有那些?

你使用那些版本管理系统,比如Git,SVN等?

你常用的开发环境是怎样的?比如操作系统,文本编辑器,浏览器,及其他工具等。

你能描述一下你制作一个网页的工作流程吗?

你能描述一下渐进增强和优雅降级之间的不同吗?

如果提到了特性检测,可以加分。

请解释一下什么是语义化的HTML。

你更喜欢在哪个浏览器下进行开发?你使用那些开发人员工具?

你如何对网站的文件和资源进行优化?

期待的解决方案包括:

文件合并

文件最小化/文件压缩

使用CDN托管

缓存的使用

其他

为什么利用多个域名来存储网站资源会更有效?

浏览器一次可以从一个域名下做多少资源?

请说出三种减低页面加载时间的方法。(加载时间指感知的时间或者实际加载时间)

如果你接到了一个使用Tab来缩进代码的项目,但是你喜欢空格,你会怎么做?

建议这个项目使用像EditorConfig(editorconfig.org)之类的规范

为了保持一致性,转换成项目原有的风格

直接使用VIM的retab命令

请写一个简单的幻灯效果页面

如果不使用JS来完成,可以加分。

你都使用那些工作来测试代码的性能?

例如JSPerf (jsperf.com/)

例如Dromaeo (dromaeo.com/)

其它。

如果今年你打算熟练掌握一项新技术,那会是什么?

请谈一下你对网页标准和标准制定机构重要性的理解。

什么是FOUC?你如何来避免FOUC?

HTML相关问题

文档类型的作用是什么?你知道多少种文档类型?

浏览器标准模式和怪异模式之间的区别是什么?

使用XHTML的局限有那些?

如果页面使用'application/xhtml+xml'会有什么问题吗?

如果网页内容需要支持多语言,你会怎么做?

在设计和开发多语言网站时,有哪些问题你必须要考虑?

在HTML5的页面中可以使用XHTML的语法吗?

在HTML5中如何使用XML?

'data-'属性的作用是什么?

如果把HTML5看作做一个开放平台,那它的构建模块有那些?

请描述一下cookies,sessionStorage和localStorage的区别?

JS相关问题

你使用过那些Javascript库?

你是否研究过你所使用的JS库或者框架的源代码?

什么是哈希表?

'undefined'变量和'undeclared'变量分别指什么?

闭包是什么,如何使用它,为什么要使用它?

你喜欢的使用闭包的模式是什么?

请举出一个匿名函数的典型用例?

请解释什么是Javascript的模块模式,并举出实用实例。

如果有提到无污染的命名空间,可以考虑加分。

如果你的模块没有自己的命名空间会怎么样?

你如何组织自己的代码?是使用模块模式,还是使用经典继承的方法?

请指出Javascript宿主对象和内置对象的区别?

指出下列代码的区别:

function Person{} var person = Person() var person = new Person()

'.call'和'.apply'的区别是什么?

请解释'Funciton.prototype.bind'的作用?

你如何优化自己的代码?

你能解释一下JavaScript中的继承是如何工作的吗?

在什么时候你会使用'document.write()'?

大多数生成的广告代码依旧使用'document.write()',虽然这种用法会让人很不爽。

请指出浏览器特性检测,特性推断和浏览器UA字符串嗅探的区别?

请尽可能详尽的解释AJAX的工作原理。

请解释JSONP的工作原理,以及它为什么不是真正的AJAX。

你使用过JavaScript的模板系统吗?

如有使用做,请谈谈你都使用过那些类似库文件。比如Mustache.js,Handlebars等等。

请解释变量声明提升。

请描述下事件冒泡机制。

“attribute”和“property”的区别是什么?

为什么扩展JavaScript内置对象是个坏做法?

为什么扩展JavaScript内置对象是个好做法?

请指出document load和document ready的区别。(这是个问题的问题)

'=='和'==='有什么不同?

你如何获取浏览器URL中查询字符串中的参数。

请解释一下JavaScript的同源策略。

请解释一下事件代理。

请描述一下JavaScript的继承模式。

如何实现下列代码:

[1,2,3,4,5].duplicator(); // [1,2,3,4,5,1,2,3,4,5]

描述一种JavaScript memoization(避免重复运算)的策略。

什么是三元条件语句?

函数的参数元是什么?

什么是“use strict”?使用它的好处和坏处分别是什么?

JS代码示例:

~~3.14

问题:上面的语句的返回值是什么? 答案:3

“i'm a lasagna hog”.split(“”).reverse().join(“”);

问题:上面的语句的返回值是什么? 答案:“goh angasal a m'i”

( window.foo || ( window.foo = “bar” ) );

问题:window.foo的值是什么? 答案:“bar” 只有window.foo为假时的才是上面答案,否则就是它本身的值。

var foo = “Hello”; (function() { var bar = “ World”; alert(foo + bar); })(); alert(foo + bar);

问题:上面两个alert的结果是什么? 答案: “Hello World” & ReferenceError: bar is not defined

var foo = []; foo.push(1); foo.push(2);

问题:foo.length的值是什么? 答案:'2'

var foo = {}; foo.bar = 'hello';

问题:foo.length的值是什么? **答案: undefined

jQuery相关问题

解释“chaining”。

解释“deferreds”。

你知道那些针对jQuery的优化方法。

请解释'.end()'的用途。

你如何给一个事件处理函数命名空间,为什么要这样做?

请说出你可以传递到jQuery方法的四种不同值。

选择器(字符串),HTML(字符串),回调函数,HTML元素,对象,数组,元素数组,jQuery对象等。

什么是效果队列?

请指出'.get()','[]','eq()',的区别。

请指出'.bing()','.live()'和'.delegate()'的区别。

请指出'$'和'$.fn'的区别?或者说出'$.fn'的用户。

请优化下列选择器:

$(“.foo div#bar:eq(0)”)

CSS相关问题

描述css reset的作用和用途。

描述下浮动和它的工作原理。

清除浮动的方法有那些,分别适用于什么情形。

解释css sprites,如何使用。

你最喜欢的图片替换方法是什么,你如何选择使用。

讨论CSS hacks,条件引用或者其他。

如何为有功能限制的浏览器提供网页。

你会使用那些技术和处理方法。

如何视觉隐藏网页内容,只让它们在屏幕阅读器中可用。

你使用过网格系统吗?如果使用过,你最喜欢哪种?

你使用过meidia queries(媒体查询)吗,或者移动网站相关的CSS布局。

你熟悉SVG样式的书写吗?

如何优化网页的打印样式。

在书写高效CSS文件时会有哪些问题需要考虑。

你使用CSS预处理器吗?(SASS,Compass,Stylus,LESS)

如果使用,描述你的喜好。

你是否接触过使用非标准字体的设计?

字体服务,Google Webfonts, Typekit,等等。

请解释浏览器是如何根据CSS选择器选择对应元素的。

可选的有趣问题

你编写过的最酷的代码是什么?其中你最自豪的是什么?

你知道HTML5的帮派标志吗?

你是否正在或曾经在一艘船上。(不懂这个幽默)

你使用的开发工具中,你最喜欢的部分是什么?

你有什么业余项目吗?是那种类型的?

解释cornify的重要性?(本题完全摸不到头脑)

在一张纸上,垂直写下ABCDE,然后不用任何代码,将他们到序排列。

静静的看他们是否将纸反转。

海盗还是忍者?

如果是两者的合体,并有恰当理由,可以加分。如果是僵尸猴子海盗加忍者加两分。(注:此题文化差异过大)

如果没有在Web开发,你会做什么?

卡门圣迭哥的隐藏处在哪里?

提示:本题的答案永远是错的。

你最爱的IE特性是什么?

完句填空: Brendan Eich和Doug Crockford是JavaScript的________。

讨论:jQuery是牛逼的库还是最牛逼的库。

[前端开发面试问题]

篇3:常见面试问题

又到毕业季了,该找工作了。那么去找工作,常见的面试问题有哪些呢?都来看看吧。

常见面试问题:

1请你自我介绍一下你自己?

2你怎么理解你应聘的职位?

3你觉得你个性上最大的优点是什么?

4在五年的时间内,你的职业规划?

5如果你被录用,你对公司有什么要求?

6我们为什么要聘用你?

7工作一段时间不适合这个职位,你怎么办?

8这个职位,你认为你还欠缺什么?

9与领导的意见有分歧,你应该怎么做?

10请给我们谈谈你自己的一些情况

11你工作经验欠缺,如何能胜任这项工作?

12为什么想离开原来的公司?

13如果你在这次面试中没有被录用,你怎么打算?

14你工作失误给公司造成损失,你该怎么办?

15对这项工作,你有哪些可预见的困难?

16谈谈你对跳槽的看法?

17在上级领导面前主管领导抢了你的功劳,该怎样?

18工作中难以和同事、上司相处,你怎么办?

19你能为我们公司带来什么呢?

20如果我录用你,你将怎样开展工作?

21你为什么希望到我们公司工作?

22你是否可以接受加班?

23你欣赏哪种性格的人?

24作为被面试者给我打一下分?

25你怎样看待学历和能力?

26你有紧急事情单位临时有事非你办,如何做?

27喜欢这份工作的哪一点?

28你做过的哪件事最令自己感到骄傲?

29单位领导肯定同事们却孤立你,你怎么办?

30你对工作的期望与目标何在?

31谈谈你过去的工作经验中,最令你挫折的事情?

32你何时可以到职?

33你为何选择应聘我们公司?

34你想过创业吗?

35您在前一家公司的离职原因是什么?

36你和别人发生过争执吗?你怎样解决?

37眼下你生活中最重要的是什么?

38说说你的家庭?

39通常如何处理e人的批评?

40你认为这份工作最重要的是什么?

41你愿意被外派工作吗?你愿意经常出差吗?

42你对我们公司有多少了解?

43怎样对待自己的失败?

44什么会让你有成就感?

45你认为你在学校属于好学生吗?

46你并非毕业于名牌院校?

47请问你有什么样的工作观?

48你是哪年出生的?你是哪所大学毕业的?

49你为什么要离职?

50谈谈你这个职务的期许?

51你努力帮客户解决问题却被投诉,你怎么办?

52谈谈如何适应办公室工作的新环境?

53谈谈你过去做过的成功案例?

篇4:常见英语面试问题

Job Interview Answer: What Interests You About This Job?

When you’re asked what interests you about the position you are interviewing for, the best way to respond is to describe the qualifications listed in the job posting, then connect them to your skills and experience. That way, the employer will see that you know about the job you’re interviewing for (not everyone does) and that you have the qualifications necessary to do the job.

For example, if you were interviewing for a Human Resources Manager job where you would be responsible for recruiting, orientation, and training, you will want to discuss how you were responsible for these functions in your past positions, and why you are interested in continuing to develop your expertise in Human Resources management.Another example would be if you were interviewing for a Programmer / Analyst position. In that case, you would mention your interest in learning and excelling at new technologies, your experience in programming both new applications, and your interest in and your ability to problem solve.

In all cases, you will want to convey your enthusiasm for the opportunity to interview, along with your solid ability to do the job.

[常见英语面试问题]

篇5:Hibernate常见面试问题

Hibernate中get和load有什么不同之处?

把get和load放到一起进行对比是Hibernate面试时最常问到的问题,这是因为只有正确理解get()和load()这二者后才有可能高效地使用Hibernate。get和load的最大区别是,如果在缓存中没有找到相应的对象,get将会直接访问数据库并返回一个完全初始化好的对象,而这个过程有可能会涉及到多个数据库调用;而load方法在缓存中没有发现对象的情况下,只会返回一个代理对象,只有在对象getId()之外的其它方法被调用时才会真正去访问数据库,这样就能在某些情况下大幅度提高性能。你也可以参考 Hibernate中get和load的不同之处, 此链接给出了更多的不同之处并对该问题进行了更细致的讨论。

Hibernate中save、persist和saveOrUpdate这三个方法的不同之处?

除了get和load,这又是另外一个经常出现的Hibernate面试问题。 所有这三个方法,也就是save()、saveOrUpdate()和persist()都是用于将对象保存到数据库中的方法,但其中有些细微的差别。例如,save()只能INSERT记录,但是saveOrUpdate()可以进行 记录的INSERT和UPDATE。还有,save()的返回值是一个Serializable对象,而persist()方法返回值为void。你还可以访问 save、persist以及saveOrUpdate,找到它们所有的不同之处。

Hibernate中的命名SQL查询指的是什么?

Hibernate的这个面试问题同Hibernate提供的查询功能相关。命名查询指的是用标签在影射文档中定义的SQL查询,可以通过使用Session.getNamedQuery()方法对它进行调用。命名查询使你可以使用你所指定的一个名字拿到某个特定的查询。 Hibernate中的命名查询可以使用注解来定义,也可以使用我前面提到的xml影射问句来定义。在Hibernate中,@NameQuery用来定义单个的命名查询,@NameQueries用来定义多个命名查询。

Hibernate中的SessionFactory有什么作用? SessionFactory是线程安全的吗?

这也是Hibernate框架的常见面试问题。顾名思义,SessionFactory就是一个用于创建Hibernate的Session对象的工厂。SessionFactory通常是在应用启动时创建好的,应用程序中的代码用它来获得Session对象。作为一个单个的数据存储,它也是 线程安全的,所以多个线程可同时使用同一个SessionFactory。Java JEE应用一般只有一个SessionFactory,服务于客户请求的各线程都通过这个工厂来获得Hibernate的Session实例,这也是为什么SessionFactory接口的实现必须是线程安全的原因。还有,SessionFactory的内部状态包含着同对象关系影射有关的所有元数据,它是 不可变的,一旦创建好后就不能对其进行修改了。

Hibernate中的Session指的是什么? 可否将单个的Session在多个线程间进行共享?

前面的问题问完之后,通常就会接着再问这两个问题。问完SessionFactory的问题后就该轮到Session了。Session代表着Hibernate所做的一小部分工作,它负责维护者同数据库的链接而且 不是线程安全的,也就是说,Hibernage中的Session不能在多个线程间进行共享。虽然Session会以主动滞后的方式获得数据库连接,但是Session最好还是在用完之后立即将其关闭。

hibernate中sorted collection和ordered collection有什么不同?

T这个是你会碰到的所有Hibernate面试问题中比较容易的问题。sorted collection是通过使用 Java的Comparator在内存中进行排序的,ordered collection中的排序用的是数据库的order by子句。对于比较大的数据集,为了避免在内存中对它们进行排序而出现 Java中的OutOfMemoryError,最好使用ordered collection。

7个常见工作面试问题的背后

常见护士面试问题

行政助理常见的面试问题

常见的面试问题及答案

面试英语常见的问题

下载前端工作常见的面试问题(精选5篇)
前端工作常见的面试问题.doc
将本文的Word文档下载到电脑,方便收藏和打印
推荐度:
点击下载文档
点击下载本文文档