篇一 ：WEB前端面笔试题总结
1. 如何显示/隐藏一个DOM元素？
更改元素的css style，设为display: none。此外还可以将visibility设为hidden，透明度设为0，或长、宽设为0。
2. 一个定宽网页在浏览器（IE6，IE7，Firefox，IE5）中横向居中对齐的布局，请写出主要的HTML标签及CSS。
1. <!DOCTYPE html PUBLIC ”-//W3C//DTD XHTML 1.0 Strict//EN” ”http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd”>
2. <html xmlns=”http://www.w3.org/1999/xhtml” xml:lang=”zh-CN” lang=”zh-CN”>
3. <head>
…… …… 余下全文
篇二 ：web前端笔试题面试题汇总+前端优化总结
前端是庞大的，包括HTML、CSS、Javascript、Image、Flash等等各种各样的资源。前端优化是复杂的，针对方方面面的资源都有不同的方式。那么，前端优化的目的是什么?
1. 从用户角度而言，优化能够让页面加载得更快、对用户的操作响应得更及时，能够给用户提供更为友好的体验。
2. 从服务商角度而言，优化能够减少页面请求数、或者减小请求所占带宽，能够节省可观的资源。
总之，恰当的优化不仅能够改善站点的用户体验并且能够节省相当的资源利用。
前端优化的途径有很多，按粒度大致可以分为两类，第一类是页面级别的优化，例如HTTP请求数、脚本的无阻塞加载、内联脚本的位置优化等;第二类则是代码级别的优化，例如Javascript中的DOM操作优化、CSS选择符优化、图片优化以及HTML结构优化等等。另外，本着提高投入产出比的目的，后文提到的各种优化策略大致按照投入产出比从大到小的顺序排列。
一、页面级优化
1. 减少HTTP请求数
这条策略基本上所有前端人都知道，而且也是最重要最有效的。都说要减少HTTP请求，那请求多了到底会怎么样呢?首先，每个请求都是有成本的，既包含时间成本也包含资源成本。一个完整的请求都需要经过DNS寻址、与服务器建立连接、发送数据、等待服务器响应、接收数据这样一个“漫长”而复杂的过程。时间成本就是用户需要看到或者“感受”到这个资源是必须要等待这个过程结束的，资源上由于每个请求都需要携带数据，因此每个请求都需要占用带宽。另外，由于浏览器进行并发请求的请求数是有上限的(具体参见此处)，因此请求数多了以后，浏览器需要分批进行请求，因此会增加用户的等待时间，会给用户造成站点速度慢这样一个印象，即使可能用户能看到的第一屏的资源都已经请求完了，但是浏览器的进度条会一直存在。
…… …… 余下全文
篇三 ：前端面试笔试题总结
JavaScript类库：jQuery、Prototype
JavaScript框架：BackBone、Vuejs、Angular.js、React.js CSS预编译器：LessCss、Sass
JavaScript模块加载器：RequireJS、Browserify
项目构建工具：Grunt、Gulp
项目管理和协同工具的使用：SVN、Git
前端测试框架以及工具：Jasmine、Mocha
基本后端开发：NodeJS、Python
web相关技术：MongoDB、CoffeeScript、SEO、Socket.io、Express、Tornado等
一、谈谈cookie的弊端：
cookie虽然在持久保存客户端数据提供了方便，分担了服务器存储的负担，但还是有很多局限性的。
第一：每个特定的域名下最多生成20个cookie
1.IE6或更低版本最多20个cookie
2.IE7和之后的版本最后可以有50个cookie。
3.Firefox最多50个cookie
4.chrome和Safari没有做硬性限制
IE和Opera 会清理近期最少使用的cookie，Firefox会随机清理cookie。
…… …… 余下全文
篇四 ：前端面试题总结
1.<!DOCTYPE>标签的定义与用法。
DOCTYPE声明是指HTML文档开头处的一行或两行代码，它描述使用哪个DTD（document type definition）。DOCTYPE通常——但不总是——包含指定的DTD文件的URL。例如，HTML 5就不需要URL。浏览器一般不读取这些文件，而只是识别常见的DOCTYPE声明。
DOCTYPE声明当前有两种风格，严格（strict）和过渡（transitional）。如HTML 4.01和XHTML 1.0的过渡版本仍然允许使用已经废弃的元素，比如font元素。但这些语言的严格版本禁止使用废弃的元素，从而把内容和表现分隔开。
2.块级元素和行内元素都有哪些？
块级元素在浏览器显示时，通常会以新行来开始（和结束）。如<h1>，<p>,<ul>,<table>,<div>。
内联元素在显示时通常不会以新行开始。如<b>,<td>,<a>,<img>。
3.你真的了解HTML吗？
4.介绍你所知道的CSS hack技巧（如：_，*，+，\9，!important之类）。
…… …… 余下全文
篇五 ：前端笔试面试题目总结
希望对一起奋战找工作的战友们有帮助
列举3个以上http请求头,响应头有哪些字段,列举5个以上;http的响应状态消息有哪些值,列举4个以上说明
解析ajax的意思,同步和异步的区别,异步请求有哪些状态,如何创建一个异步请求,异步请求完成过程,说下IE与其他浏览器的差异
如何实现跨域请求,AJAX跨域的解决办法
html有哪些常用标签,大概多少个,如何分类的,html5有哪些新增标签 前端优化提高客户端响应速度的方法,至少10条以上
平常用哪些开发工具,用什么插件,了解哪些类库,是否熟悉php,nodejs,看过哪些书
网页设计中可以使用哪些图像格式,说下它们的优缺点
一个元素结点有哪些公共属性,哪些事件属性,各举5个以上
盒模型——外边距、内边距和边框之间的关系，IE 8以下版本的浏览器中的盒模型有什么不同。
布局的方式有哪些
使用缓存的方式有哪些,说下各种方式的优缺点与发展过程
怎么实现一个元素的居中
display,position的属性值有哪些
元素的属性简写,如font,background,
html5有哪些新功能,都有哪些新的JS API,列举5条以上
…… …… 余下全文
篇六 ：前端工程师面试试题
20xx年最新前端开发面试题
The last time that refresh: 2014/1/13 12:37:57
本文主要是由于我最近在找前端开发职位，所以总结了一些常见前端面试（多数来源于网络），希望看的朋友，阅后也要用心钻研其中的原理，重要知识需要系统学习，形成自己的知识链。
万不可投机取巧。只求当时过关，非长久之计也！
面试有几点需要注意：（来源 @wintercn）
面试题目会根据你的等级和职位变化，入门级到专家级：范围↑、深度↑、方向↑; 类型： 技术视野、项目细节、理论知识型题，算法题，开放性题，案例题。 进行追问，可以确保问到你开始不懂或者面试官开始不懂为止，这样可以大大延展题目的区分度和深度，知道你的实际能力。因为这种关联知识是长时期的学习，绝对不是临时记得住。
回答问题再棒，面试官（一般是你顶头上司面你），会考虑，我要不要这个人做我的同事？ 所以态度很重要。
资深的工程师能把absolute和relative弄混，这样的人不要也罢，因为团队需要的你这个人具有可以依靠的才能（靠谱）。
另外：
资料刚刚收集，答案有些不够正确和全面，欢迎补充你所知道的答案、技巧、题目；最好是现在网上找不到的。
…… …… 余下全文
篇七 ：20xx年最新前端开发面试题(题目列表+答案 完整版)
前言
本文总结了一些优质的前端面试题（多数源于网络），初学者阅后也要用心钻研其中的原理，重要知识需要系统学习，透彻学习，形成自己的知识链。万不可投机取巧，只求面试过关是错误的！
面试注意点
1. 面试题目： 根据你的等级和职位变化，入门级到专家级：范围↑、深度↑、方向↑。
2. 题目类型： 技术视野、项目细节、理论知识题，算法题，开放性题，案例题。
3. 进行追问： 可以确保问到你开始不懂或面试官开始不懂为止，这样可以大大延展题目的区分度和深度，知道你的实际能力。因为这种关联知识是长时期的学习，绝对不是临时记得住的。
4. 回答问题再棒面试官（可能是你的直接领导面试），会考虑我要不要这个人做我的同事？所以态度很重要。（感觉更像是相亲）
5. 资深的工程师能把absolute和relative弄混，这样的人不要也罢，因为团队需要的你这个人具有可以依靠的才能（靠谱）。(来源程劭非老师 github:@wintercn)
…… …… 余下全文
篇八 ：部分web前端面试题
1, 判断字符串是否是这样组成的，第一个必须是字母，后面可以是字母、数字、下划线，总长度为5-20
var reg = /^[a-zA-Z][a-zA-Z_0-9]{4,19}$/;
reg.test("a1a__a1a__a1a__a1a__");
2，截取字符串abcdefg的efg
var str = "abcdefg";
if (/efg/.test(str)) {
var efg = str.substr(str.indexOf("efg"), 3);
alert(efg);
}
3，判断一个字符串中出现次数最多的字符，统计这个次数
//将字符串的字符保存在一个hash table中，key是字符，value是这个字符出现的次数
var str = "abcdefgaddda";
var obj = {};
for (var i = 0, l = str.length; i < l; i++) {
var key = str[i];
…… …… 余下全文