面试题答案_面试题整理和答案

2020-02-27 其他范文 下载本文

面试题答案由刀豆文库小编整理,希望给你工作、学习、生活带来方便,猜你可能喜欢“面试题整理和答案”。

1.WEB标准以及W3C标准是什么?

标签闭合、标签小写、不乱嵌套、使用外链c和js、结构行为表现的分离。

2.xhtml和html有什么区别

XHTML 元素必须被正确地嵌套,闭合,区分大小写,文档必须拥有根元素。

3.行内元素有哪些?块级元素有哪些?

行内元素: a b img em br i span input select

块级元素:div p h1-h6 form ul dl ol table

4.行内元素和块级元素有什么区别?

行内元素不可以设置宽高,不独占一行;

块级元素可以设置宽高,独占一行。

5.我想让行内元素跟上面的元素距离10px,加margin-top和padding-top可以吗?

margin-top,padding-top无效

6.CSS的盒模型由什么组成?

内容,border ,margin,padding

7.说说display属性有哪些?可以做什么?

display:block行内元素转换为块级元素

display:inline块级元素转换为行内元素

display:inline-block转为内联元素

8.CSS 选择符有哪些?

1.id选择器(# myid)

2.类选择器(.myclaname)

3.标签选择器(div, h1, p)

4.相邻选择器(h1 + p)

5.子选择器(ul

6.后代选择器(li a)

7.通配符选择器(*)

8.属性选择器(a[rel = “external”])

9.伪类选择器(a: hover, li: nth-child)

9.哪些c属性可以继承?

可继承: font-size font-family color, ul li dl dd dt;

不可继承 :border padding margin width height;

10.c优先级算法如何计算?

!important > id > cla > 标签

!important 比 内联优先级高

*

优先级就近原则,样式定义最近者为准;

*

以最后载入的样式为准;

11.text-align:center和line-height有什么区别?

text-align是水平对齐,line-height是行间。

12.前端页面由哪三层构成,分别是什么?作用是什么?

结构层 Html 表示层 CSS 行为层 js

13.标签上title与alt属性的区别是什么?

Alt是图片属性,让搜索引擎认识你的图片。当图片不显示的时候显示。

title是网站标题,是seo中最重要的属性。

14.使用c 精灵有什么好处?

C 精灵 把一堆小的图片整合到一张大的图片上,减轻HTTP的请求数量。

15.什么是语义化的HTML?

标签使用的合理性,对于搜索引擎的抓取有好处。

16.b标签和strong标签,i标签和em标签的区别?

后者有语义,前者则无。

17.tite与h1的区别。

title侧重于网站信息标题

从文章而言,h1侧重于文章主题

站在seo的角度看,好网站少不了title,好文章少不了h1标题,title权重高于h1。

18.清除浮动的几种方式,各自的优缺点

1.使用空标签清除浮动clear:both(缺点,增加无意义的标签)

2.使用overflow:auto(使用zoom:1用于兼容IE)

3.是用afert伪元素清除浮动(用于非IE浏览器)

19.display:none和visibility:hidden的区别是什么?

visibility: hidden----将元素隐藏,但是还占着位置。

display: none----将元素的显示设为无,不占任何的位置。

20.说出几种IE6 BUG的解决方法

1.双边距BUG float引起的 解决:使用display

2.3像素问题 使用float引起的 解决:使用dislpay:inline-3px

3.超链接hover 点击后失效 解决:使用正确的书写顺序 link visited hover active

4.Ie z-index问题 解决:给父级添加position:relative

5.Png 透明 解决:使用js代码

6.Min-height 最小高度!Important 解决

7.img出现边框

8.为什么没有办法定义1px左右的宽度容器(IE6默认的行高造成的overflow:hidden,zoom:0.08 line-height:1px可以解决)21.域名和服务器相关知识?

22.HTTP状态码都有那些。

200 OK

//客户端请求成功

400 Bad Request //客户端请求有语法错误,不能被服务器所理解

403 Forbidden //服务器收到请求,但是拒绝提供服务

404 Not Found //请求资源不存在,输入了错误的URL

500 Internal Server Error //服务器发生不可预期的错误

503 Server Unavailable //服务器当前不能处理客户端的请求,一段时间后可能恢复正常

23.如何优化网页加载速度?

1.减少c,js文件数量及大小(减少重复性代码,代码重复利用),压缩CSS和Js代码

2.图片的大小

3.把c样式表放置顶部,把js放置页面底部

4.减少http请求数

5.使用外部 Js 和 CSS

24.position属性absolute与relative的区别?

absolute绝对定位 //相对于浏览器定位

relative相对定位 //相对于前面的容器定位

25.HTML5 的有那些新标签?

26.CSS3新增伪类有那些?

p:first-of-type 选择属于其父元素的首个

元素的每个

元素。

p:last-of-type 选择属于其父元素的最后

元素的每个

元素。

p:only-of-type 选择属于其父元素唯一的

元素的每个

元素。

p:only-child

选择属于其父元素的唯一子元素的每个

元素。

p:nth-child(2)选择属于其父元素的第二个子元素的每个

元素。

:enabled、:disabled 控制表单控件的禁用状态。

:checked,单选框或复选框被选中。

27.全局变量和局部变量有什么区别?

28.谈谈This对象的理解。

this是js的一个关键字,随着函数使用场合不同,this的值会发生变化。但是总有一个原则,那就是this指的是调用函数的那个对象。

this一般情况下:是全局对象Global。作为方法调用,那么this就是指这个对象

29.documen.write和 innerHTML有什么区别?

DOM的innerHTML是DOM元素对象的一个属性

而write是document对象的一个方法

30.JSON是什么?

JSON是一种轻量级的数据交换格式。它是基于JS的一个子集。数据格式简单, 易读写, 占用带宽小

{'age':'12', 'name':'back'}

31.ajax 是什么?ajax 的交互模型?同步和异步的区别?

1.通过异步模式,提升了用户体验

2.优化了浏览器和服务器之间的传输,减少不必要的数据往返,减少了带宽占用

3.Ajax在客户端运行,承担了一部分本来由服务器承担的工作,减少了大用户量下的服务器负载。

2.Ajax的最大的特点是什么。

Ajax可以实现动态不刷新(局部刷新)

3.ajax的缺点:

1、ajax不支持浏览器back按钮。

2、安全问题 AJAX暴露了与服务器交互的细节。

3、对搜索引擎的支持比较弱。

4、破坏了程序的异常机制。

5、不容易调试。

32.你常用那些js框架?

33.工作流程,你怎么来实现页面设计图,你认为前端应该如何高质量完成工作?

34.介绍项目经验、合作开发、独立开发。

35.开发过程中遇到困难,如何解决。

36.对前端界面工程师这个职位是怎么样理解的?它的前景会怎么样?

前端是最贴近用户的程序员,比后端、数据库、产品经理、运营、安全都近。

1、实现界面交互

2、提升用户体验

3、有了Node.js,前端可以实现服务端的一些事情

前端是最贴近用户的程序员,前端的能力就是能让产品从 90分进化到 100 分,甚至更好,参与项目,快速高质量完成实现效果图,精确到1px;

与团队成员,UI设计,产品经理的沟通; 做好的页面结构,页面重构和用户体验;

处理hack,兼容、写出优美的代码格式;

针对服务器的优化、拥抱最新前端技术。

其它相关的加分项:

1.都使用和了解过哪些编辑器?都使用和了解过哪些日常工具? 2.都知道有哪些浏览器内核?开发过的项目都兼容哪些浏览器? 3.瀑布流布局或者流式布局是否有了解 4.HTML5都有哪些新的API? 5.都用过什么代码调试工具? 6.是否有接触过或者了解过重构。

7.你遇到过比较难的技术问题是?你是如何解决的? 8.什么叫优雅降级和渐进增强?

优雅降级/平稳退化:Web站点在所有新式浏览器中都能正常工作,如果用户使用的是老式浏览器,则代码会检查以确认它们是否能正常工作。由于IE独特的盒模型布局问题,针对不同版本的IE的hack实践过优雅降级了,为那些无法支持功能的浏览器增加候选方案,使之在旧式浏览器上以某种形式降级体验却不至于完全失效.渐进增强:从被所有浏览器支持的基本功能开始,逐步地添加那些只有新式浏览器才支持的功能,向页面增加无害于基础浏览器的额外样式和功能的。当浏览器支持时,它们会自动地呈现出来并发挥作用。

---------------去学学bootstrap框架,有兴趣的话建议你向移动端这方面发展,有空就看看编写高质量代码这本书。

跨浏览器,网页性能优化,seo,深刻理解Web标准,对可用性、可访问性等相关知识有实际的了解,包括代码的可维护性、组件的易用性、分层语义模板和浏览器分级支持等。

设计:

怎么工作,怎么和程序员沟通,看以往作品,为什么那样做,例如,程序员经常反驳的理由有这么些:

1、功能太占用服务器资源了。

2、开发这个功能好复杂,如果占用太多时间可能影响项目进度。

3、这个功能有助于提升用户体验,但我们实现起来比较麻烦。

4、这个功能太麻烦了,还是现在这样的好。改改改

1、企业主要是看你能不能做东西。企业很难招到一个适合的人,不会轻易把你淘汰掉。

如果对方挑你毛病,证明对方有招聘你的意图,否则的话,对方不会浪费时间挑你毛病,挑你毛病的主要原因是,想压榨你工资,所以你要自信一点,无论对方怎么挑你毛病都不要害怕。

企业中没有专门的面试官。

不是说我面试了这一家,他就一定要录取我,还有很多公司等着你去挑,目光放长远一点,一定要拿到自己满意的薪资才做。

面试就是一个解开双方谎言的过程,你能瞒过对方,证明你赢了。

换个心态去面试,不是企业在挑你,是你在挑企业。

面试题答案

android中的动画有哪几类,它们的特点和区别是什么?(两种,一种是Tween动画、还有一种是Frame动画。Tween动画,这种实现方式可以使视图组件移动、放大、缩小以及产生透明度的变化;另......

出纳面试题答案

出纳面试题答案:1、你认为财务管理在现代企业管理中应当处于何种位置?发挥何种作用?企业管理以财务管理为核心 ,它是通过价值形态对企业资金运动的一项综合性的管理 ,渗透和......

面试题及答案

试题1:为什么你是这份工作的最佳人选?A、我干过不少这种职位,我的经验将帮助我胜任这一岗位。B、我干什么都很出色。C、通过我们之间的交流,我觉得这里是一个很好的工作地点。D......

面试题及答案

面试复习是一项系统工程,现在越来越多的朋友对面试都非常重视,本人对面试有些个人见解,发出来大家可以共同探讨一下。答题方法:思路+要点 答题的三要素:层次清晰,语言简练,要点齐全......

面试题及答案

面试题及答案(集锦12篇)由网友“Gabriella”投稿提供,下面是小编为大家整理后的面试题及答案,仅供参考,喜欢可以收藏与分享哟!篇1:百度面试题及答案 * 有一根27厘米的细木杆,在第3......

《面试题答案.docx》
将本文的Word文档下载,方便收藏和打印
推荐度:
面试题答案
点击下载文档
相关专题 面试题整理和答案 面试题 答案 面试题整理和答案 面试题 答案
[其他范文]相关推荐
[其他范文]热门文章
下载全文