前端笔试面试题目总结.docx
- 文档编号:3609498
- 上传时间:2022-11-24
- 格式:DOCX
- 页数:10
- 大小:21.11KB
前端笔试面试题目总结.docx
《前端笔试面试题目总结.docx》由会员分享,可在线阅读,更多相关《前端笔试面试题目总结.docx(10页珍藏版)》请在冰豆网上搜索。
前端笔试面试题目总结
希望对一起奋战找工作的战友们有帮助
列举个以上请求头,响应头有哪些字段,列举个以上的响应状态消息有哪些值,列举个以上说明
解析的意思,同步和异步的区别,异步请求有哪些状态,如何创建一个异步请求,异步请求完成过程,说下与其他浏览器的差异
如何实现跨域请求跨域的解决办法
有哪些常用标签,大概多少个,如何分类的有哪些新增标签
前端优化提高客户端响应速度的方法,至少条以上
平常用哪些开发工具,用什么插件,了解哪些类库,是否熟悉,看过哪些书
网页设计中可以使用哪些图像格式,说下它们的优缺点
一个元素结点有哪些公共属性,哪些事件属性,各举个以上
盒模型——外边距、内边距和边框之间的关系,以下版本的浏览器中的盒模型有什么不同。
布局的方式有哪些
使用缓存的方式有哪些,说下各种方式的优缺点与发展过程
怎么实现一个元素的居中
的属性值有哪些
元素的属性简写,如,
有哪些新功能,都有哪些新的,列举条以上
介绍几个的属性,选择器有哪些
的基本语句构成是,有哪些选择器新增的有哪些
引入样式的方式有哪些和的区别是,如何计算样式的优先级
你做的页面在哪些流览器测试过?
这些浏览器的内核分别是什么?
经常遇到的浏览器的兼容性有哪些?
怎么会出现?
解决方法是什么?
常用到哪些类库,是否了解的实现,说一下对代码的理解,基本的架构或者中都做了哪些判断,是否了解,
前端页面由层级结构是怎样的,分别是什么?
作用是什么?
是否了解模型,在前端如何实现
简单介绍一下的语法特点,数据类型
说一下字符串,数组的常用方法
的继承方式
的运算符与优先级
创建对象的方法
与的区别
结点的选择有哪些方法,有哪些元素集合可直接选取,如果选择一个节点有父节点,子节点,兄弟节点(与与其他浏览器的差别)
简单介绍节点层级
节点怎样添加、移除、移动、复制、创建和查找节点
与的兼容性都知道哪些
事件流与其他浏览器事件流特点,绑定事件的差异
正则表达式是否熟悉,有哪些元字符,何为分组,捕获,零宽断言,零宽度正预测先行断言,零宽度正回顾后发断言,如何实现贪婪匹配与懒惰匹配,简单写下邮箱验证、验证
严格模式与混杂模式——如何触发这两种模式,区分它们有何意义
是否理解这些英文简写,,,
说下下面这些单词的来源与使用:
; ; ; ; ; ; ; ; ;
; ; ; ; ; ; ; ; ;
; ; ; ; ; ; ; ;(淘宝控制台)
:
对标准的理解、浏览器内核差异、兼容性、、基本功:
布局、盒子模型、选择器优先级及使用、、、移动端适应
:
数据类型、面向对象、继承、闭包、插件、作用域、跨域、原型链、模块化、自定义事件、内存泄漏、事件机制、异步装载回调、模板引擎、、、等。
其他:
、安全、正则、优化、重构、响应式、移动端、团队协作、可维护、、、架构、职业生涯
作为一名前端工程师,无论工作年头长短都应该必须掌握的知识点:
此条由王子墨发表在前端随笔
、结构——两个节点之间可能存在哪些关系以及如何在节点之间任意移动。
、操作 ——如何添加、移除、移动、复制、创建和查找节点等。
、事件 ——如何使用事件,以及和标准事件模型之间存在的差别。
、——这是什么、怎样完整地执行一次请求、怎样检测错误。
、严格模式与混杂模式——如何触发这两种模式,区分它们有何意义。
、盒模型——外边距、内边距和边框之间的关系,及以下版本的浏览器中的盒模型
、块级元素与行内元素——怎么用控制它们、以及如何合理的使用它们
、浮动元素——怎么使用它们、它们有什么问题以及怎么解决这些问题。
、与——二者有什么区别,你觉得应该使用哪一个并说出理由。
、 ——作用、用途、设计结构。
作用?
严格模式与混杂模式如何区分?
它们有何意义?
行内元素有哪些?
块级元素有哪些?
空()元素有那些?
介绍一下的盒子模型?
和的区别是?
选择符有哪些?
哪些属性可以继承?
优先级算法如何计算?
新增伪类有那些?
如何居中?
如何居中一个浮动元素?
浏览器的内核分别是什么?
有哪些新特性、移除了那些元素?
如何处理新标签的浏览器兼容问题?
如何区分和
?
语义化的理解?
的离线储存?
(写)描述一段语义的代码吧。
有那些缺点?
请描述一下,和的区别?
列出的值,说明他们的作用。
的值,和定位原点是?
有哪些新特性?
一个满屏品字布局如何设计?
经常遇到的浏览器的兼容性有哪些?
原因,解决方法是什么,常用的技巧?
为什么要初始化样式。
的计算方式跟正常流有什么不同?
跟、、、这些特性相互叠加后会怎么样?
对规范的理解?
定义的权重
解释下浮动和它的工作原理?
清除浮动的技巧
用过媒体查询,针对移动端的布局吗?
使用预处理器吗?
喜欢那个?
原型,原型链?
有什么特点?
是做什么的?
,的区别?
写一个通用的事件侦听器函数。
的适用场景?
介绍的基本数据类型。
如何实现继承?
["","",""]()答案是多少?
如何创建一个对象?
(画出此对象的内存图)
谈谈对象的理解。
事件、与火狐的事件机制有什么区别?
如何阻止冒泡?
什么是闭包(),为什么要用它?
"";是什么意思?
使用它的好处和坏处分别是什么?
如何判断一个对象是否属于某个类?
操作符具体干了什么呢?
中,有一个函数,执行时对象查找时,永远不会去查找原型,这个函数是?
的了解?
延迟加载的方式有哪些?
是什么?
同步和异步的区别?
如何解决跨域问题?
模块化怎么做?
()、()规范区别?
异步加载的方式有哪些?
()和()的区别?
与有啥区别?
的源码看过吗?
能不能简单说一下它的实现原理?
中如何将数组转化为字符串,然后再转化回来?
针对的优化方法?
中的作用域与变量声明提升?
如何编写高性能的?
那些操作会造成内存泄漏?
一个对象可以同时绑定多个事件,这是如何实现的?
其他
你遇到过比较难的技术问题是?
你是如何解决的?
常使用的库有哪些?
常用的前端开发工具?
开发过什么应用或组件?
页面重构怎么操作?
列举与其他浏览器不一样的特性?
的网站都需要被重构是那本书上写的?
什么叫优雅降级和渐进增强?
应用从服务器主动推送到客户端有那些方式?
对的优点和缺点提出了自己的看法?
你有哪些性能优化的方法?
状态码有那些?
分别代表是什么意思?
一个页面从输入到页面加载显示完成,这个过程中都发生了什么?
(流程说的越详细越好)
除了前端以外还了解什么其它技术么?
你最最厉害的技能是什么?
你常用的开发工具是什么,为什么?
对前端界面工程师这个职位是怎么样理解的?
它的前景会怎么样?
加班的看法?
平时如何管理你的项目?
如何设计突发大规模并发架构?
说说最近最流行的一些东西吧?
常去哪些网站?
移动端()怎么做好用户体验?
你在现在的团队处于什么样的角色,起到了什么明显的作用?
你认为怎样才是全端工程师()?
介绍一个你最得意的作品吧?
最近在学什么?
能谈谈你未来,年给自己的规划吗?
答案
仅供参考。
如有疑问,欢迎反馈。
如果想进一步了解相关知识,可以答案中的关键词,或者到问答平台交流。
作用?
严格模式与混杂模式如何区分?
它们有何意义?
<>声明位于文档中的最前面,处于<>标签之前。
告知浏览器的解析器,用什么文档类型规范来解析这个文档。
严格模式的排版和运作模式是以该浏览器支持的最高标准运行。
在混杂模式中,页面以宽松的向后兼容的方式显示。
模拟老式浏览器的行为以防止站点无法工作。
不存在或格式不正确会导致文档以混杂模式呈现。
结构——两个节点之间可能存在哪些关系以及如何在节点之间任意移动。
操作——怎样添加、移除、移动、复制、创建和查找节点。
事件——怎样使用事件以及和事件模型之间存在哪些主要差别。
——这是什么、怎样完整地执行一次请求、怎样检测错误。
严格模式与混杂模式——如何触发这两种模式,区分它们有何意义。
盒模型——外边距、内边距和边框之间的关系,以下版本的浏览器中的盒模型有什么不同。
块级元素与行内元素——怎么用控制它们、它们怎样影响周围的元素以及你觉得应该如何定义它们的样式。
浮动元素——怎么使用它们、它们有什么问题以及怎么解决这些问题。
与——二者有什么区别,你觉得应该使用哪一个并说出理由。
——它是什么、为什么应该使用它、到底该怎么使用它,说出实现细节来。
行内元素有哪些?
块级元素有哪些?
空()元素有那些?
. 对于的理解;
. 常用的开发和测试工具(,,,程序脚本……);
. 对于网站优化的理解(,);
. 通过哪些网站或者博客了解和交流互联网最新技术;
. 最欣赏哪些网站;
. 对开发框架的理解;
. 请用实现下列要求的效果:
.一个列表包含标题和时间
.列表宽度固定,高度自由设置
.时间紧跟标题,但标题过长时需要隐藏。
相关
.<>标签的定义与用法。
.块级元素和行内元素都有哪些?
.你真的了解吗?
雅虎面试题 把前面黄底那段拿去搜索下就知道了(曾在某浪公司面试的时候被问到过,确实是很好的问题)。
相关
.介绍所知道的技巧(如:
,*,,\,之类)。
.介绍盒模型。
.层叠是什么?
介绍一下。
.都知道哪些浏览器兼容性问题。
.有时会被问到些刁钻点的题,比如值都有哪些,都有哪些新内容...
基础相关
.协议的状态消息都有哪些?
(如、对应的描述)
.是什么?
的交互模型(流程)?
跨域的解决办法?
.同步和异步的区别?
.简述封装。
.继承有哪两种形式形式,进行描述。
.在中关键字的使用场合和用法(如在构造函数中、中等)。
.简述下的操作,还有的属性都知道哪些。
.与的兼容性都知道哪些。
.操作怎样添加、移除、移动、复制、创建和查找节点(这个问题真心是基础题,一般不会问)。
相关
.源码是否尝试去读过?
说说基本的架构或者中都做了哪些判断。
.都知道哪些不好的书写方式。
.是否有读过?
其它相关的加分项:
.都使用和了解过哪些编辑器?
都使用和了解过哪些日常工具?
.都知道有哪些浏览器内核?
开发过的项目都兼容哪些浏览器?
.国内外的牛人都知道哪些?
.瀑布流布局或者流式布局是否有了解
.正则表达式有系统学习过吗(看书或网上教程)?
有的话就问问简单点的邮箱验证、验证,或者问问贪婪匹配与懒惰匹配的理论知识。
.是否有过尝试?
到什么程度?
说说个人理解的看法?
.都有哪些新的?
.前端优化知识都知道哪些?
.基础算法题(如快速排序,能否一两句说说重要的核心原理或者数组消重等)。
.是否有接触过或者了解过重构。
你用吗?
(在天朝最好问你用微博吗?
)
• 如果用,你都关注那些人?
你用吗?
• 如果用,你关注的项目有什么?
你关注的博客有那些?
你使用那些版本管理系统,比如,等?
你常用的开发环境是怎样的?
比如操作系统,文本编辑器,浏览器,及其他工具等。
你能描述一下你制作一个网页的工作流程吗?
你能描述一下渐进增强和优雅降级之间的不同吗?
• 如果提到了特性检测,可以加分。
请解释一下什么是语义化的。
你更喜欢在哪个浏览器下进行开发?
你使用那些开发人员工具?
你如何对网站的文件和资源进行优化?
• 期待的解决方案包括:
. 文件合并
. 文件最小化文件压缩
. 使用托管
. 缓存的使用
. 其他
为什么利用多个域名来存储网站资源会更有效?
• 浏览器一次可以从一个域名下做多少资源?
请说出三种减低页面加载时间的方法。
(加载时间指感知的时间或者实际加载时间)
如果你接到了一个使用来缩进代码的项目,但是你喜欢空格,你会怎么做?
• 建议这个项目使用像()之类的规范
• 为了保持一致性,转换成项目原有的风格
• 直接使用的命令
请写一个简单的幻灯效果页面
• 如果不使用来完成,可以加分。
你都使用那些工作来测试代码的性能?
• 例如()
• 例如()
• 其它。
如果今年你打算熟练掌握一项新技术,那会是什么?
请谈一下你对网页标准和标准制定机构重要性的理解。
什么是?
你如何来避免?
相关问题
文档类型的作用是什么?
你知道多少种文档类型?
浏览器标准模式和怪异模式之间的区别是什么?
使用的局限有那些?
• 如果页面使用''会有什么问题吗?
如果网页内容需要支持多语言,你会怎么做?
• 在设计和开发多语言网站时,有哪些问题你必须要考虑?
在的页面中可以使用的语法吗?
在中如何使用?
''属性的作用是什么?
如果把看作做一个开放平台,那它的构建模块有那些?
请描述一下,和的区别?
相关问题
你使用过那些库?
你是否研究过你所使用的库或者框架的源代码?
什么是哈希表?
''变量和''变量分别指什么?
闭包是什么,如何使用它,为什么要使用它?
• 你喜欢的使用闭包的模式是什么?
请举出一个匿名函数的典型用例?
请解释什么是的模块模式,并举出实用实例。
• 如果有提到无污染的命名空间,可以考虑加分。
• 如果你的模块没有自己的命名空间会怎么样?
你如何组织自己的代码?
是使用模块模式,还是使用经典继承的方法?
请指出宿主对象和内置对象的区别?
描述的作用和用途。
描述下浮动和它的工作原理。
清除浮动的方法有那些,分别适用于什么情形。
解释,如何使用。
你最喜欢的图片替换方法是什么,你如何选择使用。
讨论,条件引用或者其他。
如何为有功能限制的浏览器提供网页。
• 你会使用那些技术和处理方法。
如何视觉隐藏网页内容,只让它们在屏幕阅读器中可用。
你使用过网格系统吗?
如果使用过,你最喜欢哪种?
你使用过(媒体查询)吗,或者移动网站相关的布局。
你熟悉样式的书写吗?
如何优化网页的打印样式。
在书写高效文件时会有哪些问题需要考虑。
你使用预处理器吗?
()
• 如果使用,描述你的喜好。
你是否接触过使用非标准字体的设计?
• 字体服务,,,等等。
请解释浏览器是如何根据选择器选择对应元素的。
可选的有趣问题
你编写过的最酷的代码是什么?
其中你最自豪的是什么?
你知道的帮派标志吗?
你是否正在或曾经在一艘船上。
(不懂这个幽默)
你使用的开发工具中,你最喜欢的部分是什么?
你有什么业余项目吗?
是那种类型的?
解释的重要性?
(本题完全摸不到头脑)
在一张纸上,垂直写下,然后不用任何代码,将他们到序排列。
• 静静的看他们是否将纸反转。
海盗还是忍者?
• 如果是两者的合体,并有恰当理由,可以加分。
如果是僵尸猴子海盗加忍者加两分。
(注:
此题文化差异过大)
如果没有在开发,你会做什么?
卡门圣迭哥的隐藏处在哪里?
• 提示:
本题的答案永远是错的。
你最爱的特性是什么?
完句填空:
和是的。
讨论:
是牛逼的库还是最牛逼的库。
- 配套讲稿:
如PPT文件的首页显示word图标,表示该PPT已包含配套word讲稿。双击word图标可打开word文档。
- 特殊限制:
部分文档作品中含有的国旗、国徽等图片,仅作为作品整体效果示例展示,禁止商用。设计者仅对作品中独创性部分享有著作权。
- 关 键 词:
- 前端 笔试 面试 题目 总结