HTML&CSS：对web标准的理解、浏览器内核差异、兼容性、hack、C SS基本功：布局、盒子模型、选择器优先级及使用、HTML5、CSS3、移动端适应
JavaScript:数据类型、面向对象、继承、闭包、插件、作用域、跨域、原型链、模块化、自定义事件、内存泄漏、事件机制，异步装载回调、模板引擎，Nodejs、JSON、ajax等
其他：HTTP、安全、正则、优化、重构、响应式、移动端、团队协作、可维护、SEO、UED、架构、职业生涯
1.请你谈谈Cookie的弊端
cookie
1.IE6或更低版本最多20个cookie
2.IE7和之后的版本最后可以有50个cookie.
3.Firefox最多50个cookie
4.chrome和safari没有做硬性限制
Opera会清理近期最少使用的，Firefox会随机清理4096字节，为了兼容性，一般不能超过IE提供了一种存储可以持久化用户数据，叫做IE5.0就开始支持。每个数组最多128k,每个域名下最多1M。这个持久化数据放在缓存中，如果缓存没有清理，那么会一直存在。
优点：极高的扩展性和可用性
1.通过良好的编程，控制保存在cookie中的session对象的大小
2.通过加密和安全传输技术(ssl),减少cookie被破解的可能性。
3.只在cookie中存放不敏感数组，即使被盗也不会有重大损失。
4.控制cookie的生命周期，使之不会有效。偷盗者很可能拿到一个过期的cookie
缺点
1.cookie数量和长度的限制。每个domain最多只能有20条cookie,每个cookie长度不能超过4k，否则会被截掉
2.安全性问题。如果cookie被人拦截了，那人就可以取得所有的session信息。即使加密也于事无补，因为拦截者并不需要知道cookie的意义，他只要原样转发cookie就可以达到目的了。
3.有些状态不可能保存在客户端。例如，为了防止重复提交表单，我们需要在服务器端保存一个计数器。如果我们把这个计数器保存在客户端，那么它起不到任何作用。
2.浏览器本地存储
在较高版本得浏览器中，sessionStorage和HTML5中提供了globalStorage。
web storage和cookie
3.Web Storage和cookie的区别
cookie相似，区别是它是为了更大容量存储设计的。Cookie都会被发送过去，这样无形中浪费了带宽，另外除此之外，setItem,getltem,removeltem,clear等方法，不像setCookie,getCookie
但是Cookie的作用是与服务器进行交互，作为Web Storage仅仅是为了在本地“存储”数据而生，浏览器的支持除了UserData其实就是web storage。
sessionStorage都具有相同的操作方法，例如removeItem等
CSS相关问题
display:none和visibility:hidden的区别？
display:none隐藏对应的元素，在文档布局中不再给它分配空间，它各边的元素会合陇，就当他从来不存在
visibility:hidden隐藏对应的元素，但是在文档布局中仍保留原来的空间。
CSS中link和@important的区别是？
A：link属于HTML标签，而@import是CSS提供的；
页面被加载的时，link会同时被加载，而@import引用的CSS会等到页面被加载完再加载；import只在IE5以上才能识别，而link是HTML标签，无兼容问题；link方式的样式的权重高于@import的权重
position的absolute与fixed共同点与不同点
A：共同点
1.改变行内元素的呈现方式，display被置为block;2.让元素脱离普通流，不占据空间；默认会覆盖到非定位元素上
不同点：
absolute的“根元素”是可以设置的，而fixed得“根元素”固定为浏览器窗口。当你滚动网页，fixed元素与浏览器窗口之间得距离是不变的。
介绍一下CSS得盒子模型？
有两种，IE盒子模型、标准W3C盒子模型；IE得content部分包含了border和padding；
盒模型：内容（content），填充(padding)，边界(margin)，边框(border)
css选择符有哪些？哪些属性可以继承？优先级算法如何计算？CSS3新增伪类有那些？
id选择器（#myid）类选择器（.myclassname）标签选择器（div,h1,p）相邻选择器（h1+p）
子选择器（ul>li）
后代选择器（li a）
通配符选择器（*）
属性选择器（a[rel="external"]）
伪类选择器（a:hover,li:nth-child）
可继承得样式：font-size font-family color,text-indent
不可继承的样式：border padding margin width height
优先级就近原则，同权重情况下样式定义最近者为准
载入样式后最后载入的定位为准；
优先级为：!important>id>class>tag
important比内联优先级高，但内联比id要高
css3新增伪类举例：
p:first-of-type选择属于其父元素的首个
元素的每个
元素。
p:last-of-type选择属于其父元素的最后
元素的每个
元素。
p:only-of-type选择属于其父元素的唯一子元素的每个
元素
p:nth-child(2)选择属于其父元素的第二个子元素的每个
元素。
:enabled :disabled控制表单控件的禁用状态。
：checked单选框或复选框被选中。
列出display的值，说明他们的作用。position的值，relative和absolute分别是相对于谁进行定位的？
block象块类型元素一样显示。
inline缺省值。象行内元素类型一样显示。
inline-block象行内元素一样显示，但其内容象块类型元素一样显示。
list-item象块类型元素一样显示，并添加样式列表标记。
2.
absolute
生成绝对定位的元素，相对于static定位以外的第一个祖先元素进行定位。
fixed
生成绝对定位的元素，相对于浏览器窗口进行定位。
static默认值。没有定位，元素出现在正常的流中。（忽略top,bottom,left,right z-index声明）
inherit规定从元素继承position属性的值
CSS3有哪些新特性
CSS3实现圆角（border-radius）,阴影（box-shadow）,
对文字特效（text-shadow）,线性渐变（gradient）,旋转（transform）
transform:totate(9deg)scale(0.85,0.90)translate(0px,-30px)skew(-9deg,0deg);//旋转，缩放，定位，倾斜
增加了更多的CSS选择器，多背景rgba
在css3中唯一引入的伪元素::selection
煤体查询，多栏布局
border-image
为什么要初始化CSS样式
因为浏览器的兼容问题，不同浏览器对有些标签的默认值是不同的，如果没对CSS初始化往往会出现浏览器之间的页面显示差异
当然，初始化样式会对SEO有一定的影响，但鱼和熊掌不可兼得，但力求影响最小的情况下初始化。
最简单的初始化方法就是：*{padding:0,margin:0}不建议
对BFC规范的理解？
BFC，块级格式化上下文，一个创建了新的BFC盒子是独立布局的，盒子里面的子元素的样式不会影响到外面的元素。在同一个BFC中的两个毗邻的块级盒在垂直方向（和布局方向有关系）的margin会发生折叠。