Web前端常见面试题及答案 1、盒子模型 盒子模型包括四部分：内容（content）、填充（padding）、边框（border）、边界（margin） 盒子模型可以分为两种：IE盒子模型和W3C标准盒子模型 区别：两者对于width的计算方式不同，前者width=border+padding+内容宽度，后者width=内容宽度。 2、position包含几种属性？absolute和relativ

一、单项选择题（ccdba）1.光标移动文本框上方时，文本框边框的颜色就改变，这是因为激发了下列的事件。

1、前端需要注意哪些 SEO 2、 <img> 的 title 和 alt 有什么区别 3、 HTTP 的几种请求方法用途 4、从浏览器地址栏输入 url 到显示页面的步骤 5、如何进行网站性能优化 6、HTTP状态码及其含义 7、语义化的理解 8、介绍一下你对浏览器内核的理解 9、 html5 有哪些新特性、移除了那些元素？ 10、 HTML5 的离线储存怎么使用，工作原理能不能解释一下？ 11

vnStatSVG是一款开放源代码的、轻量级的、网络流量监控工具vnStat的Web前端

此为前端开发团队遵循和约定的代码书写规范，意在提高代码的规范性和可维护性。 此规范为参考规范，不全是硬性要求，部分硬性约定见下一条书写规范，统一团队编码规范和风格。让所有代码都是有规可循的，并且能够得到沉淀，减少重复劳动。

基本原理： 在浏览器(客户端)和服务器发生通信时，就已经消耗了大量的时间，尤其是在网络情况比较糟糕的时候，这个问题尤其的突出。

列举你工作中遇到的IE6BUG，谈谈解决方案。3、如何用CSS分别单独定义IE6、7、8的width属性。所有浏览器通用height:100px;IE6专用_height:100px;IE6专用*height:100px;IE7专用*+height:100px;IE7、FF共用height:100px!important;4、CSS中哪些属性可以同父元素继承。继承：(X)HTML元素可以从其父元素那里继承部分CSS属性，即使当前元素并没有定义该属性Color;font-size;5、你如何理解HTML结构的语意化。

[HTML&CSS]Doctype?严格模式与混杂模式-如何触发这两种模式，区分它们有何意义?Doctype声明位于文档中的最前面的位置，处于标签之前。此标签可告知浏览器文档使用哪种HTML或XHTML规范。该标签可声明三种DTD类型，分别表示严格版本、过渡版本以及基于框架的HTML文档。

第一部分：用CSS实现布局让我们一起来做一个页面首先，我们需要一个布局。请使用CSS控制3个div，实现如下图的布局

Web前端年后跳槽必看的各种面试题

wttr.in - wego的Web前端

最好的前端Web框架

最近开发中涉及到有关输出正确的HTML标签这样的问题，正好对字符编码这块儿多看看，之前对这个方面认识的不深，思考的确实不够，如果下次再碰见类似的问题，若再次不少时间去调研的花，就得不偿失了。

Web前端技术栈: 浏览器, 平台, 类库, 框架, 工具等。

请用代码实现一个宽高都为100px的黑色(#000)的DIV，当鼠标移动到DIV上方时，该DIV的大小会变成原先大小的2倍，同时背景色会变成#999，鼠标移出后，该DIV恢复原状请写一个生成100px*100px最大大小缩略图的方法标签切换效果是常见的js效果，请试着实现一段标签切换效果的代码

这里有超过20家的前端面试题，你确定不点进来看看？

阿里前端面试题

开发一个现代化的互联网网站是一项复杂的任务，需要各种职能的密切合作以应对用户日新月异的需求。其中，网页的性能直接决定了用户的体验，而随着新型客户端浏览设备的出现与网站功能的日益复杂化，对于性能的专注也达到了前所未有的高度。