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

写在前面

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

现将总结如下:(本文长度略长,看官保持耐心,嘿嘿)

早报前端面试题

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

05/24

问题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中的离线存储有哪些

05/25

问题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漏洞,怎么防御?

05/26

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

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