web前端工程师面试题

[HTML && CSS]--来自百度文库

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

Doctype

声明位于文档中的最前面的位置,处于标签之前。此标签可告知浏览器文档使用哪种 HTML 或XHTML 规范。

该标签可声明三种DTD 类型,分别表示严格版本、过渡版本以及基于框架的 HTML 文档。

当浏览器厂商开始创建与标准兼容的浏览器时,他们希望确保向后兼容性。为了实现这一点,他们创

建了两种呈现模式:标准模式和混杂模式(quirks mode)。在标准模式中,浏览器根据规范呈现页面;

在混杂模式中,页面以一种比较宽松的向后兼容的方式显示。混杂模式通常模拟老式浏览器(比如Microsoft IE 4和

Netscape Navigator 4)的行为以防止老站点无法工作。浏览器根据DOCTYPE是否存在以及使用的哪种DTD

来选择要使用的呈现方法。如果XHTML文档包含形式完整的DOCTYPE,那么它一般以标准模式呈现。对于

HTML 4.01文档,包含严格DTD的DOCTYPE常常导致页面以标准模式呈现。包含过渡DTD和URI的DOCTYPE

也导致页面以标准模式呈现,但是有过渡DTD而没有URI会导致页面以混杂模式呈现。DOCTYPE不存在或形式不正确

会导致HTML和XHTML文档以混杂模式呈现。

2. 行内元素有哪些?块级元素有哪些?CSS的盒模型?

行内元素有:

a b span I b em img input select strong

块级元素有:

div ul ol li dl dt dd h1 h2 h3 h4…p

盒模型:

margin border padding width

3. CSS引入的方式有哪些? link和@import的区别是

1. 使用LINK标签

将样式规则写在

.css的样式文件中,再以<link>标签引入。

<link rel=stylesheet type="text/css" href="example.css">

2. 使用@import引入跟link方法很像,但必须放在<STYLE>...</STYLE> 中

<STYLE TYPE="text/css">

<!-- @import url(css/example.css); -->

</STYLE>

3. 使用STYLE标签将样式规则写在<STYLE>...</STYLE>标签之中。

<STYLE TYPE="text/css">

<!--

body {color: #666;background: #f0f0f0;font-size: 12px;}

td,p {color:#c00;font-size: 12px;}

-->

</STYLE>

4. 使用STYLE属性将STYLE属性直接加在个别的元件标签里,<元件(标签) STYLE="性质(属性)1:

设定值1; 性质(属性)2: 设定值2; ...}

5. 使用<span></span>标记引入样式

<span style="font:12px/20px #000000;">cnwebshow.com</span>

web前端工程师面试题,布布扣,bubuko.com

时间: 2024-12-23 22:26:14

web前端工程师面试题的相关文章

web前端工程师 面试题

今天刚结束一场面试(含笔试),对自己的表现不太满意,感觉没有发挥好应有的水平,也只能怪自己平时没有及时积累和整理知识,准备也不充分. 就不扯那么多了,下面是我面试时,没能答上或者觉自己回答的不够好的题目. 1.position 属性规定元素的定位类型 值 描述 absolute 生成绝对定位的元素,相对于 static 定位以外的第一个父元素进行定位. 元素的位置通过 "left", "top", "right" 以及 "bottom&

Web前端工程师面试题1-1

1.和后端人员是如何配合工作的? 作为前端人员,主要是提出需求,说清楚前端要的接口效果.比如说完成一个注册登录功能就需要后端来给我们提供注册登录的接口,我们在地址上传递一个参数过去,在用接口时根据这个参数来判断时登录还是注册,根据后端传过来的数据可以判断是注册成功还是注册失败 2.ES6相关问题 1)const arr=[1,2,3]    arr[0]=5;可以成功修改arr[0]的值吗? 可以,首先const是  1 ) .定义常量的关键字,一旦声明了变量就必须初始化  2 ) .const

WEB前端工程师面试题【前端】

1.form中的input有哪些类型?各是做什么处理使用的?2.table标签中border,cellpadding td标签中colspan,rowspan分别起什么作用?3.给Array原型添加一个方法,这个方法接受一个参数,如果这个参数在数组中存在那么就把它从数组中删除.4.编写一个方法,求一个字符串的字节长度.5.如何控制alert中的换行6.解释document.getElementById(‘ElementID’).style.fontSize=’1.5em';7.编写一个方法,去掉

web前端工程师应该会的9个软技能

做为一名web前端工程师(http://www.maiziedu.com/course/web-px/),往往我们可能只专注于修炼自己的内功,而忽视了软技能.硬技能决定你是否能得到工作,而软技能能够表明你是否适合这份工作和适应工作环境等.所有的公司都有属于自己的文化,并努力将这些文化传承下去,所以他们必须确保每一位新员工能够适应这个环境. 许多硬技能很容易获得并可很快的提高,而软技能由于和你性格等联系紧密,可想要改变他们是一件很困难和缓慢的事情.这里有七个核心的软技能,适用于大多数的企业,它们不

Web前端工程师前景何去何从

互联网日新月异,各种应用程序如雨后春笋般冒了出来.生活节奏的加快,大众的消费意识,也发生了很大的转变.从习惯性的逛商场.超市,到现在接受在互联网APP里面下单.这种习惯的改变彻底改变了国人的消费习惯.一年比一年高涨的双十一,就是很有利的证明.正是在这样的大环境下,WEB前端工程师http://www.maiziedu.com/course/web/这一职业诞生了. 何为WEB前端工程师?简单来说,就是从事WEB前端的工程师.Web前端具体包括:传统的PC网站的前端.手机等移动端网站前端.APP客

web前端工程师在移动互联网时代里地位问题

支付宝十周年推出了一个新产品:支付宝的十年账单,我也赶个时髦查看了一下我的支付宝十年账单,哎,感慨自己真是太屌丝了,不过这只是说明我使用淘宝少了,当我大规模网上购物时候,我很讨厌慢速的快递,所以我大部分消费都贡献给了像京东这样具有火箭般快递速度的电子商城了.不过在支付宝十年账单里,有个统计数据引起了我的危机意识,在中国一些偏远或者是经济欠发达的省份,电子购物在居民的全部消费里的占比比发达地区高多了,而这个的助推剂居然是移动互联网在中国的普及,在中国使用智能手机和平板电脑购物的人们已经远超使用PC

作为一个合格的Web前端工程师,需要具备哪些技能呢?

那么作为一个合格的Web前端工程师,需要具备哪些技能呢? HTML5 HTML是超级文本标记语言,是为"网页创建和其他可在网页浏览器中看到的信息"设计的语言.HTML5是由万维网发布的最新的语言规范,是开放的Web网络平台的奠基石,所以做Web前端,精通HTML5是必须要掌握的一项技能. CSS3 CSS即层叠样式表. 在网页制作时采用层叠样式表技术,可以有效地对页面的布局.字体.颜色.背景和其它效果实现更加精确的控制. 只要对相应的代码做一些简单的修改,就可以改变同一页面的不同部分,

Web前端工程师如何给自己定位?

Web前端工程师可以简单将其工作概括为:在互联网领域运用前端技术,实现良好的用户体验. 想在未毕业或刚毕业的学生中找到一个符合技能条件的 Web 前端工程师可以说是少之又少,而相关领域的从业者,优秀者也是凤毛麟角,再加上所处公司的重视程度不同,其所处地位和待遇,也不是同一层次,这需要Web前端工程师给自己一个准确的定位和发展方向,尤为重要的是不能放弃更深层次的学习,往更高层次的方向发展. 那么,web前端工程师如何定位自己呢?首先,需要说明一点,这是一项很有前途的工作.百安居的卫哲曾经对大学生择

成为一名优秀的web前端工程师都需要做些什么?

程序设计之道无远弗届,御晨风而返.———— 杰佛瑞 · 詹姆士 我所遇到的前端程序员分两种:    第一种一直在问:如何学习前端?    第二种总说:前端很简单,就那么一点东西.     我从没有听到有人问:如何做一名优秀.甚至卓越的WEB前端工程师.    如果成为一名优秀的web前端工程师(前端攻城师)? 何为:前端工程师?前端工程师,也叫Web前端开发工程师.他是随着web发展,细分出来的行业.Web前端开发技术主要包括三个要素:HTML.CSS和JavaScript!它要求前端开发工程师