IMWeb前端提升营七天学习总结

摘要：写在前面月到这天，前端提升营，腾讯大佬们分享个人经验，使出各种前端方面的大招。并且减轻服务器的负担，的原则是按需取数据，可以最大程度的减少冗余请求和响应对服务器造成的负担。控制表单控件的禁用状态。

5月24到30这7天，IMWeb前端提升营，腾讯大佬们分享个人经验，使出各种前端方面的大招。从中学习了很多前端方面的知识，也get到了前端学习的方法论，还有一些算法知识等等。

现将总结如下：（本文长度略长，看官保持耐心，嘿嘿）

每天早上，助教老师会发一些经典前端面试题，归档一下：

问题1: CSS引入的方式有哪些?

答案: 
CSS与HTML文档结合的4中方法：
　　1、使用元素链接到外部的样式文件
　　2、在元素中使用"style"元素来指定
　　3、使用CSS "@import"标记来导入样式表单
　　4、在内部的元素中使用"style"属性来定义样式

问题2: 行内元素有哪些？块级元素有哪些？CSS的盒模型？

答案: 块级元素：div p h1 h2 h3 h4 form ul
行内元素: a b br i span input select
Css盒模型:内容，border ,margin，padding

问题3: link和@import的区别是?

答案: 本质上，这两种方式都是为了加载CSS文件，但还是存在着细微的差别。
　　1、老祖宗的差别。link属于XHTML标签，而@import完全是CSS提供的一种方式。link标签除了可以加载CSS外，还可以做很多其它的事情，比如定义RSS，定义rel连接属性等，@import就只能加载CSS了。
　　2、加载顺序的差别。当一个页面被加载的时候（就是被浏览者浏览的时候），link引用的CSS会同时被加载，而@import引用的CSS会等到页面全部被下载完再被加载。
　　3、兼容性的差别。由于@import是CSS2.1提出的所以老的浏览器不支持，@import只有在IE5以上的才能识别，而link标签无此问题。
　　4、使用dom控制样式时的差别。当使用javascript控制dom去改变样式的时候，只能使用link标签，因为@import不是dom可以控制的。

问题4： ==和===的不同

答案： 前者会自动转换类型，后者不会

前端常见题目个人思考题：

1、你之前自认为做得最好的，最具有挑战的一项需求是什么，为什么？现在回头去看，还有哪些地方可以值得优化？
 2、说一下h5中的离线存储有哪些

问题1: XHTML和HTML有什么区别?

答案: 
HTML是一种基本的WEB网页设计语言，XHTML是一个基于XML的置标语言
最主要的不同：
XHTML 元素必须被正确地嵌套。
XHTML 元素必须被关闭。
标签名必须用小写字母。
XHTML 文档必须拥有根元素。

问题2: Doctype? 严格模式与混杂模式-如何触发这两种模式，区分它们有何意义?

答案: 用于声明文档使用那种规范（html/Xhtml）一般为 严格 过度 基于框架的html文档
加入XMl声明可触发，解析方式更改为IE5.5 拥有IE5.5的bug

问题3: 写出几种IE6 BUG的解决方法

答案:
1.双边距BUG float引起的 使用display
2.3像素问题 使用float引起的 使用dislpay:inline -3px
3.超链接hover 点击后失效 使用正确的书写顺序 link visited hover active
4.Ie z-index问题 给父级添加position:relative
5.Png 透明 使用js代码 改
6.Min-height 最小高度 ！Important 解决’
7.select 在ie6下遮盖 使用iframe嵌套
8.为什么没有办法定义1px左右的宽度容器（IE6默认的行高造成的，使用over:hidden,zoom:0.08 line-height:1px）

问题4： IE和DOM事件流的区别

答案： 
1.执行顺序不一样、
2.参数不一样
3.事件加不加on
4.this指向问题

前端常见题目个人思考题 ：

1、谈一谈你做过的一个项目，业务逻辑模块如何划分的？
2、什么是xss漏洞，怎么防御？

问题1: 优先级算法如何计算？

答案: 
重要性和来源的优先级排序从低到高是：
   1、浏览器默认样式
   2、用户在浏览器中定义的普通样式（normal规则，不带important规则）
   3、开发人员定义的普通样式（ normal规则，不带important规则）
   4、开发人员定义特殊样式（带important规则）
   5、用户在浏览器中定义特殊样式（带important规则）
另外还有一些原则：
   1、相同的样式在CSS规则后添加了!important的优先于没有添加的。
   2、CSS规则在文档中出现的顺序后面定义的的优先于前面定义的。
   3、加了!important的优先于内联样式。
   4、内联样式优先于用link引入的样式和页面上