等格式标记。
absolute的containing block计算方式跟正常流有什么不同？
19 .position跟display、margin collapse、overflow、float这些特性相互叠加后会怎么样？
对BFC规范的理解？（W3C CSS 2.1 规范中的一个概念,它决定了元素如何对其内容进行定位,以及与其他元素的关 系和相互作用。）
-
iframe有那些缺点？
- iframe会阻塞主页面的Onload事件；
- iframe和主页面共享连接池，而浏览器对相同域的连接有限制，所以会影响页面的并行加载。
css定义的权重
以下是权重的规则：标签的权重为1，class的权重为10，id的权重为100，以下例子是演示各种定义的权重值：
/*权重为1*/
div{
}
/*权重为10*/
.class1{
}
/*权重为100*/
#id1{
}
/*权重为100+1=101*/
#id1 div{
}
/*权重为10+1=11*/
.class1 div{
}
/*权重为10+10+1=21*
/.class1 .class2 div{
}
如果权重相同，则最后定义的样式会起作用，但是应该避免这种情况出现
eval是做什么的？
-
写一个通用的事件侦听器函数
markyun.Event = {
// 页面加载完成后
readyEvent : function(fn) {
if (fn==null) {
fn=document;
}
var oldonload = window.onload;
if (typeof window.onload != ‘function’) {
window.onload = fn;
}
else {
window.onload = function() {
oldonload();fn();
};
}
},// 视能力分别使用dom0||dom2||IE方式 来绑定事件
// 参数： 操作的元素,事件名称,事件处理程序
addEvent : function(element,type,handler) {
if (element.addEventListener) {
//事件类型、需要执行的函数、是否捕捉
element.addEventListener(type,handler,false);
} else if (element.attachEvent) {
element.attachEvent(‘on’ + type,function() {
handler.call(element);
});
} else {e
lement[‘on’ + type] = handler;}},// 移除事件
removeEvent : function(element,handler) {
if (element.removeEnentListener) {
element.removeEnentListener(type,false);
} else if (element.datachEvent) {
element.detachEvent(‘on’ + type,handler)
;} else {
element[‘on’ + type] = null;
}
},// 阻止事件 (主要是事件冒泡，因为IE不支持事件捕获)
stopPropagation : function(ev) {
if (ev.stopPropagation) {
ev.stopPropagation();
} else {
ev.cancelBubble = true;
}
},// 取消事件的默认行为
preventDefault : function(event) {
if (event.preventDefault) {
event.preventDefault();
} else {
event.returnValue = false;
}
},// 获取事件目标
getTarget : function(event) {
return event.target || event.srcElement;
},// 获取event对象的引用，取到事件的所有信息，确保随时能使用
event；
getEvent : function(e) {
var ev = e || window.event;
if (!ev) {
var c = this.getEvent.caller;
while (c) {
ev = c.arguments[0];
if (ev && Event == ev.constructor) {
break;
}
c = c.caller;
}
}
return ev;
}
};
99%的网站都需要被重构是那本书上写的？
什么叫优雅降级和渐进增强？
渐进增强：从被所有浏览器支持的基本功能开始，逐步地添加那些只有新式浏览器才支持的功能,向页面增加无害于基础浏览器的额外样式和功能的。当浏览器支持时，它们会自动地呈现出来并发挥作用。
Node.js的适用场景
-
WEB应用从服务器主动推送Data到客户端有那些方式？
标签的长时间连接(可跨域)
JavaScript部分
要点： 数据类型、面向对象、继承、闭包、插件、作用域、跨域、原型链、模块化、自定义事件、异步装载回调、模板引擎、Nodejs等。js的几种数据类型：number,string,boolean,object,undefined
js的常见内置对象类：Date,Array,Math、Number、Boolean、String、Array、RegExp、Function…通常可以做一些小练习来判断TA的水平，js 虽然很灵活，但是具体的代码和实现方式能体现出一个人的全局观，随着代码规模的增长，复杂度增加，如何合理划分模块实现功能和接口的能力比较重要。（下面例题）
[“1″,“2”,“3”].map(parseInt)
[typeof null,null instanceof Object]
[ [3,2,1].reduce(Math.pow),[].reduce(Math.pow)] ]
var val = ‘smtg';
console.log(‘Value is ‘ + (val === ‘smtg’) ? ‘Something’ : ‘Nothing’);
1.创建一个对象
function Person(name,age) {
this.name = name;
this.age = age;
this.sing = function() {
alert(this.name) }
}
2.谈谈This对象的理解。
- 我们在网页中的某个操作（有的操作对应多个事件）。例如：当我们点击一个按钮就会产生一个事件。是可以被 JavaScript 侦测到的行为。
- 事件处理机制：IE是事件冒泡、火狐是 事件捕获；
- ev.stopPropagation();
待完善
执行say667()后,say667()闭包内部变量会存在,而闭包内部函数的内部变量不会存在.使得Javascript的垃圾回收机制GC不会收回say667()所占用的资源，因为say667()的内部函数的执行需要依赖say667()中的变量。这是对闭包作用的非常直白的描述.
function say667() {
// Local variable that ends up within closurevar num = 666;
var sayAlert = function() { alert(num); }
num++;
return sayAlert;
}
var sayAlert = say667();
sayAlert()//执行结果应该弹出的667
5.如何判断一个对象是否属于某个类？
if(a instanceof Person){
alert(‘yes’);
}
6.new操作符具体干了什么呢?
var obj = {};
obj.__proto__ = Base.prototype;
Base.call(obj);
7.JSON 的了解
- 通过异步模式，提升了用户体验
- 优化了浏览器和服务器之间的传输，减少不必要的数据往返，减少了带宽占用
- Ajax在客户端运行，承担了一部分本来由服务器承担的工作，减少了大用户量下的服务器负载。
- Ajax的最大的特点是什么。
var module1 = (function(){
var _count = 0;
var m1 = function(){
//…
};
var m2 = function(){
//…
};
return {
m1 : m1,m2 : m2
};
})();
11.对Node的优点和缺点提出了自己的看法：
- （优点）因为Node是基于事件驱动和无阻塞的，所以非常适合处理并发请求，
- （缺点）Node是一个相对新的开源项目，所以不太稳定，它总是一直在变，
(function(x){
delete x;
alert(x);
})(1+5);
函数参数无法delete删除，delete只能删除通过for in访问的属性。当然，删除失败也不会报错，所以代码运行会弹出“1”。
14.JS中的call()和apply()方法的区别？
注意：js 中的函数其实是对象，函数名是对 Function 对象的引用。
function add(a,b)
{
alert(a+b);
}
function sub(a,b)
{
alert(a-b);
}
add.call(sub,1);
15.Jquery与jQuery UI 有啥区别？
- jQuery是一个js库，主要提供的功能是选择器，属性修改和事件绑定等等。
- jQuery UI则是在jQuery的基础上，利用jQuery的扩展性，设计的插件。
jQuery中没有提供这个功能，所以你需要先编写两个jQuery的扩展：
$.fn.stringifyArray = function(array) {
return JSON.stringify(array)
}
$.fn.parseArray = function(array) {
return JSON.parse(array)
}
然后调用：
$(“”).stringifyArray(array)
17.JavaScript中的作用域与变量声明提升？
其他部分
（HTTP、正则、优化、重构、响应式、移动端、团队协作、SEO、UED、职业生涯）
- 基于Class的选择性的性能相对于Id选择器开销很大，因为需遍历所有DOM元素。
- 频繁操作的DOM，先缓存起来再操作。用Jquery的链式调用更好。
- for (var i = size; i < arr.length; i++) {}
前端开发的优化问题（看雅虎14条性能优化原则）。
（1） 减少http请求次数：CSS Sprites,JS、CSS源码压缩、图片大小控制合适；网页Gzip，CDN托管，data缓存 ，图片服务器。
（2） 前端模板 JS+数据，减少由于HTML标签导致的带宽浪费，前端用变量保存AJAX请求结果，每次操作本地变量，不用请求，减少请求次数
（3） 用innerHTML代替DOM操作，减少DOM操作次数，优化javascript性能。
（4） 当需要设置的样式很多时设置className而不是直接操作style。
（5） 少用全局变量、缓存DOM节点查找的结果。减少IO读取操作。
（6） 避免使用CSS Expression（css表达式)又称Dynamic properties(动态属性)。
（7） 图片预加载，将样式表放在顶部，将脚本放在底部 加上时间戳。
（8） 避免在页面的主体布局中使用table，table要等其中的内容完全下载之后才会显示出来，显示比div+css布局慢。
http状态码有那些？分别代表是什么意思？
100-199 用于指定客户端应相应的某些动作。
200-299 用于表示请求成功。
300-399 用于已经移动的文件并且常被包含在定位头信息中指定新的地址信息。
400-499 用于指出客户端的错误。400 1、语义有误，当前请求无法被服务器理解。401 当前请求需要用户验证 403 服务器已经理解请求，但是拒绝执行它。
500-599 用于支持服务器错误。 503 – 服务不可用
一个页面从输入 URL 到页面加载显示完成，这个过程中都发生了什么？（流程说的越详细越好）
你所知道的页面性能优化方法有那些？
除了前端以外还了解什么其它技术么？你最最厉害的技能是什么？
AMD（Modules/Asynchronous-Definition）、CMD（Common Module Definition）规范区别？
18.谈谈你认为怎样做能是项目做的更好？
19.你对前端界面工程师这个职位是怎么样理解的？它的前景会怎么样？
20.加班的看法
21.平时如何管理你的项目，如何设计突发大规模并发架构？
标注样式编写人，各模块都及时标注（标注关键样式调用的地方）；
页面进行标注（例如 页面 模块 开始和结束）；
CSS跟HTML 分文件夹并行存放，命名都得统一（例如style.css）
图片采用整合的 images.png png8 格式文件使用 尽量整合在一起使用方便将来的管理
那些操作会造成内存泄漏？
内存泄漏指任何对象在您不再拥有或需要它之后仍然存在。
闭包、控制台日志、循环（在两个对象彼此引用且彼此保留时，就会产生一个循环）
23.你说你热爱前端，那么应该WEB行业的发展很关注吧？ 说说最近最流行的一些东西吧？
24.你有了解我们公司吗？说说你的认识？
25.移动端（比如：Android IOS）怎么做好用户体验?
1、DOM结构 —— 两个节点之间可能存在哪些关系以及如何在节点之间任意移动。
2、DOM操作 ——如何添加、移除、移动、复制、创建和查找节点等。
3、事件 —— 如何使用事件，以及IE和标准DOM事件模型之间存在的差别。
4、XMLHttpRequest —— 这是什么、怎样完整地执行一次GET请求、怎样检测错误。
5、严格模式与混杂模式 —— 如何触发这两种模式，区分它们有何意义。
6、盒模型 —— 外边距、内边距和边框之间的关系，及IE8以下版本的浏览器中的盒模型
7、块级元素与行内元素 —— 怎么用CSS控制它们、以及如何合理的使用它们
8、浮动元素——怎么使用它们、它们有什么问题以及怎么解决这些问题。
9、HTML与XHTML——二者有什么区别，你觉得应该使用哪一个并说出理由。
10、JSON —— 作用、用途、设计结构。
