- 1、原创力文档(book118)网站文档一经付费(服务费),不意味着购买了该文档的版权,仅供个人/单位学习、研究之用,不得用于商业用途,未经授权,严禁复制、发行、汇编、翻译或者网络传播等,侵权必究。。
- 2、本站所有内容均由合作方或网友上传,本站不对文档的完整性、权威性及其观点立场正确性做任何保证或承诺!文档内容仅供研究参考,付费前请自行鉴别。如您付费,意味着您自己接受本站规则且自行承担风险,本站不退款、不进行额外附加服务;查看《如何避免下载的几个坑》。如果您已付费下载过本站文档,您可以点击 这里二次下载。
- 3、如文档侵犯商业秘密、侵犯著作权、侵犯人身权等,请点击“版权申诉”(推荐),也可以打举报电话:400-050-0827(电话支持时间:9:00-18:30)。
- 4、该文档为VIP文档,如果想要下载,成为VIP会员后,下载免费。
- 5、成为VIP后,下载本文档将扣除1次下载权益。下载后,不支持退款、换文档。如有疑问请联系我们。
- 6、成为VIP后,您将拥有八大权益,权益包括:VIP文档下载权益、阅读免打扰、文档格式转换、高级专利检索、专属身份标志、高级客服、多端互通、版权登记。
- 7、VIP文档为合作方或网友上传,每下载1次, 网站将根据用户上传文档的质量评分、类型等,对文档贡献者给予高额补贴、流量扶持。如果你也想贡献VIP文档。上传文档
查看更多
前端工程师试试题
2014年最新前端开发面试题
The last time that refresh: 2014/1/13 12:37:57
本文主要是由于我最近在找前端开发职位,所以总结了一些常见前端面试(多数来源于网络),希望看的朋友,阅后也要用心钻研其中的原理,重要知识需要系统学习,形成自己的知识链。
万不可投机取巧。只求当时过关,非长久之计也!
面试有几点需要注意:(来源 @wintercn)
面试题目会根据你的等级和职位变化,入门级到专家级:范围↑、深度↑、方向↑; 类型: 技术视野、项目细节、理论知识型题,算法题,开放性题,案例题。
进行追问,可以确保问到你开始不懂或者面试官开始不懂为止,这样可以大大延展题目的区分度和深度,知道你的实际能力。因为这种关联知识是长时期的学习,绝对不是临时记得住。
回答问题再棒,面试官(一般是你顶头上司面你),会考虑,我要不要这个人做我的同事? 所以态度很重要。
资深的工程师能把absolute和relative弄混,这样的人不要也罢,因为团队需要的你这个人具有可以依靠的才能(靠谱)。
另外:
资料刚刚收集,答案有些不够正确和全面,欢迎补充你所知道的答案、技巧、题目;最好是现在网上找不到的。
格式不太美观,容我学一下markdown语法再来排版。
Begin!
HTML、CSS部分
要点:对Web标准的理解、浏览器差异、CSS基本功:布局、盒子模型、选择器优先级及使用、HTML5、CSS3技术等
Doctype作用? 严格模式与混杂模式-如何触发这两种模式,区分它们有何意义?
(1)、!DOCTYPE 声明位于文档中的最前面,处于 html 标签之前。告知浏览器的解析器,
用什么文档类型 规范来解析这个文档。
(2)、严格模式的排版和 JS 运作模式是 以该浏览器支持的最高标准运行。
(3)、在混杂模式中,页面以宽松的向后兼容的方式显示。模拟老式浏览器的行为以防止站点无法工作。
(4)、DOCTYPE不存在或格式不正确会导致文档以混杂模式呈现。
2.行内元素有哪些?块级元素有哪些?
(1)CSS规范规定,每个元素都有display属性,确定该元素的类型,每个元素都有默认的display值,
比如div默认display属性值为“block”,成为“块级”元素;
span默认display属性值为“inline”,是“行内”元素。
(2)行内元素有:a b span img input select strong(强调的语气)
块级元素有:div ul ol li dl dt dd h1 h2 h3 h4…p
3.CSS的盒子模型?
(1)两种, IE 盒子模型、标准 W3C 盒子模型;IE 的content部分包含了 border 和 pading;
(2)盒模型: 内容(content)、填充(padding)、边界(margin)、 边框(border).
4.link 和@import 的区别是?
(1)、link属于XHTML标签,而@import完全是CSS提供的一种方式;
(2)、页面被加载的时候,link-会同时被加载,而@import引用的CSS会等到页面被加载完再加载;
(3)、import只有在IE5以上的才能识别,而link是XHTML标签,无兼容问题;
(4)、link方式的样式的权重 高于@import的权重.
5.CSS 选择符有哪些?哪些属性可以继承?优先级算法如何计算? em和px有什么关系?
* ID 和 Class;
* Class 可继承、 font-size font-family color, 列表 UL LI DL DD DT 可继承;
* 不可继承 :border padding margin width height ;
* 优先级就近原则,样式定义最近者为准;
* 载入样式以最后载入的定位为准;
优先级为:
!important id class tag
important 比 内联优先级高
如果父元素定义字体大小12px,子元素定义1em,大小就是12px。
6.如何居中div,如何居中一个浮动元素?
给div设置一个宽度,然后添加margin:0 auto属性
div{
width:200px;
margin:0 auto;
}
设置容器的浮动方式为相对定位 确定容器的宽高 宽500 高 300 的层 设置层的外边距
.
您可能关注的文档
- 创意天顶丨点全球十个最美丽的屋顶.doc
- 初学者如何室内设计,室内设计入门学习法,室内设计入门方法,室内设计学习方法,室内设计基础学习法.ppt
- 初步设计总明.doc
- 初步设计方评审资料的编制要求.doc
- 初三化学推题复习.ppt
- 初步设计编办法.doc
- 初级工程师题.doc
- 初级质量工师学习方法整理.doc
- 初级质量工师ppt统计过程控制.ppt
- 初级钢筋工学大纲.doc
- 西安理工大学高科学院《宽带接入与互联网通信》2023-2024学年第一学期期末试卷.doc
- 江苏省横林高级中学2024届高三(最后冲刺)语文试卷含解析.doc
- 吉林省长春外国语校2025届第二学期教学质量检测试题初三英语试题(二模)含答案.doc
- 西北工业大学《统计软件应用实训》2023-2024学年第一学期期末试卷.doc
- 江苏省辅仁高级中学2025年高考语文试题二模试题及参考答案含解析.doc
- 黑龙江省牡丹江管理局2025届初三下学期教学质量检查物理试题理试题含解析.doc
- 联盟)山东省菏泽一中2025届高三第五次模拟考试英语试题试卷含解析.doc
- 陕西交通职业技术学院《中华文明简史》2023-2024学年第一学期期末试卷.doc
- 2025年江西省景德镇一中初三阶段性调研测试数学试题不含附加题含解析.doc
- 重庆市重庆一中2024年高三第六次模拟考试英语试卷含解析.doc
文档评论(0)