web前端面试题

时间:2022-11-24 08:17:54 面试技巧 我要投稿
  • 相关推荐

2017web前端面试题

  web前端工程师想要取得面试成功,面试前了解面试题目很有必要,2017年的前端面试问题你知道有哪些吗?以下是阳光网小编帮你们整理的2017web前端面试题,一起来学习啦。

2017web前端面试题

  2017web前端面试题(一)

  1、为什么要初始化CSS样式。

  因为浏览器的兼容问题,不同浏览器对有些标签的默认值是不同的,如果没对CSS初始化往往会出现浏览器之间的页面显示差异。

  当然,初始化样式会对SEO有一定的影响,但鱼和熊掌不可兼得,但力求影响最小的情况下初始化。

  *最简单的初始化方法就是: * {padding: 0; margin: 0;} 。

  2、Doctype作用? 严格模式与混杂模式-如何触发这两种模式,区分它们有何意义?

  (1)、声明位于文档中的最前面,处于标签之前。告知浏览器的解析器,用什么文档类型规范来解析这个文档。

  (2)、严格模式的排版和 JS 运作模式是以该浏览器支持的最高标准运行。

  (3)、在混杂模式中,页面以宽松的向后兼容的'方式显示。模拟老式浏览器的行为以防止站点无法工作。

  (4)、DOCTYPE不存在或格式不正确会导致文档以混杂模式呈现。

  3、CSS 选择符有哪些?哪些属性可以继承?优先级算法如何计算?

  (1)、id选择器( # myid)

  (2)、类选择器(.myclassname)

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

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

  (5)、子选择器(ul< li)

  (6)、后代选择器(li a)

  (7)、通配符选择器( * )

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

  (9)、伪类选择器(a: hover, li: nth – child)

  * 可继承:font-size font-family color, ul li dl dddt;

  * 不可继承:border padding margin width height ;

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

  * 载入样式以最后载入的定位为准;

  优先级为:

  !important > id> class > tag

  important 比内联优先级高

  4、如何居中div,如何居中一个浮动元素?

  确定容器的宽高宽500 高 300 的层。

  设置层的外边距

  .div {

  Width:500px ; height:300px;//高度可以不设

  Margin: -150px 0 0 -250px;

  position:relative;相对定位

  background-color:pink;//方便看效果

  left:50%;

  top:50%;

  }

  2017web前端面试题(二)

  1、css的基本语句构成是?

  选择器{属性1:值1;属性2:值2;„„} 例如:div{margin-top:10px;border:1px solid #ccc}

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

  网页分成三个层次,即:结构层、表示层、行为层。

  网页的结构层(structural layer)由 HTML 或 XHTML 之类的标记语言负责创建。标签,也就是那些出现在尖括号里的单词,对网页内容的语义含义做出了描述,但这些标签不包含任何关于如何显示有关内容的信息。例如,P 标签表达了这样一种语义:“这是一个文本段。” 网页的'表示层(presentation layer)由 CSS 负责创建。 CSS 对“如何显示有关内容”的问题做出了回答。

  网页的行为层(behavior layer)负责回答“内容应该如何对事件做出反应”这一问题。这是Javascript语言和 DOM 主宰的领域。

  3、你做的页面在哪些流览器测试过?

  IE内核浏览器:360,傲游,搜狗,世界之窗,腾讯TT。

  非IE内核浏览器:firefox opera safari chrome 。

  4、著名的前端框架都有哪些的呢?

  布局框架:bootstrap、easy UI等。

  Js动效框架:jquery、angular.js等。

  5、做一个网页设计师或者前端工程师,平常访问学习的IT网站都有哪些?

  (1)、W3C *shool

  (2)、segme*tFault

  (3)、cs*n

  (4)、知呼论坛

  (5)、博*园

  6、切图工作是UI设计师来做?还是前端工程师来做?

  对于app工程师,也就是ios和Android工程师,大多由UI设计师来完成切图。

  对于web前端工程师,也就是PC端、浏览端,大多有web前端工程师自己完成切图。

  2017web前端面试题(三)

  1、切图工程师、前端工程师、UI设计师、美工、网页设计师区别是什么?

  (1)、UI设计师俗称美工,不过UI设计师工作高端、名字大气、工资上档次,不过大多公司都称呼UI为美工,你也不要介意的,不管他们怎么称呼的,反正就是做网站设计图的就OK,别人怎么称呼不重要的了,只要你拿了高工资就是UI设计师了。

  UI的主要任务是设计。了解用户的意图,分析网站配色,基本布局。绘制出一个网站效果图。 UI需要掌握的知识体系应该包括网页设计,UI(User Interface)用户界面人机交互、操作逻辑、界面美观的整体设计,UED(user experience design)用户体验设计–简单来说就是如何使得网站更加便于交互。

  (2)、前端开发:

  美工在完成设计效果图之后,由前端开发人员将其制作成为适合浏览器查看的HTML页面。 由于现在移动互联网的大规模流行,加上各个不同厂商的浏览器的激烈竞争,前端开发的主要任务简单来说就是使网页在不同浏览器不同分辨率不同设备上提供相似或相近的浏览体验。

  前端开发需要掌握的知识体系主要是兼容性问题的解决,流畅完美的交互体验。具体到技术细节上就是HTML,CSS,JavaScript,各大公司各种不同内核的浏览器、各种各样的JS库、简单的与后台交互的知识。

  (3)、后台开发:

  前台开发完成之后,就是后台程序员的工作了,相比较前端来说,后台更像传统意义上的程序员。后台的工作简单来说就是网页文件对数据库的增删改查。

  后台需要掌握的知识体系应该包括,编程基础,基本HTML语言,至少一门主流网页语言(C#,C++,JAVA,PHP等),数据库的操作等等。

  (4)、 UI设计师和网页设计师有什么区别?

  其实网页设计,分出来有两块,一个是UI设计,一个是web前端。UI设计自然要懂的更多的是PS,FW,AI,CD等制图软件,还有一些比较优秀的网页设计理念,切图等相关知识。

  web前端,需要的html+css+javascript,通过这三个东西把设计图转换成代码。这一步所实现的就是设计图的静态化,也就是变成了网页形式。

  网页设计师,是个很泛的概念,不过一般指的会偏重UI设计。稍微关注过网页设计领域的公司,有点规模的,招人都会写得比较详细,例如招UI设计师,或者招web前端工程师。 你找工作的时候,都找这些名称比较规范的,因为起码他们会区别职位的不同。一定要找的时候看清楚是UI设计师,不是找前端或者美工的',前端更多的写较高级的代码的,会比设计懂的知识点更多的,美工其实就是淘宝装修店铺或者说简单的PS照片的,就是会玩美图秀秀或者PS简单的绘图就可以的了,UI设计师才是咱们的IT行业“高大上”职位。

  (5)、UI设计师:

  “UI”的本义是用户界面,是英文User和interface的缩写。UI设计师简称UID(User Interface Designer),指从事对软件的人机交互、操作逻辑、界面美观的整体设计工作的人。

  UI设计师的涉及范围包括商用平面设计、高级网页设计、移动应用界面设计及部分包装设计,是目前中国信息产业中最为抢手的人才之一。

  UI设计师的特点是:工资高、发展前景好,会一些简单的前端知识代码,做手机端和PC端的网站设计图。

  2、UI设计师的工作内容是什么?

  (1)、负责软件界面的美术设计、创意工作和制作工作;

  (2)、根据各种相关软件的用户群,提出构思新颖、有高度吸引力的创意设计;

  (3)、对页面进行优化,使用户操作更趋于人性化;

  (4)、维护现有的应用产品;

  (5)、收集和分析用户对于GUI的需求。

  3、UI设计师需要会使用的工具的简称都有哪些?

  以下一些工具的简称,大家应该有一定的了解,以免被问到咱们只知道简称。

  (1)、AI (adobe illustrator)基于矢量的图形制作软件

  (2)、PS(adobe Photoshop)图像处理软件。

  (3)、DW(Adobe Dreamweaver)网页编辑器

  (4)、AE(Adobe After Effects)一款图形视频处理软件

  (5)、flash(Adobe Flash)二维动画软件

  (6)、Axure(Axure RP)快速原型设计工具

  (7)、墨刀(MockingBot)移动端原型工具

  (8)、Fireworks网页作图软件

【web前端面试题】相关文章:

web软件测试面试题04-07

2017前端基础面试题04-05

web软件测试面试题及答案04-07

2018前端面试题及答案12-06

前端面试技巧12-09

前端开发面试技巧04-07

关于经典面试题12-09

乐事面试题精选12-09

微软面试题精选12-09