前端开发概要

1.概念： 块内元素 行内元素 盒子模型；

2.css文件的引入方式有哪些? link和@import的区别是什么？

    link属于xhtml标签，@import是css提供的一种方式；

    link除了可以加载CSS以外还可以做很多其它事情，比如rss、定义rel链接属性等，@import就只能加载css了；

    加载顺序的差别，当一个页面被加载的时候，link引用的css文件会同时被加载，而@import引用的css文件会等页面加载完成之后再加载。网速慢的时候会有网页闪烁的情况；

    兼容性差别，@import是在CSS2.1以后才被支持的，link方式无兼容性问题；

    使用dom控制样式时的差别，当使用javascript控制dom 去改变样式的时候，只能使用link标签，因为@import不是dom可以控制的

3.前端页面分为哪三层？

   1》结构层， 由html/xhtml之类的标记语言负责创建，对网页内容做出了描述；

    2》表示层，由CSS负责创建，控制着网页样式呈现；

    3》行为层，由javascript和dom操作的领域，负责对网页中的行为事件做出处理；

4.如何居中一个浮动元素？

   1》设置容器的浮动方式为相对定位；

    2》确定容器的高度和宽度；

    3》然后设置层的外边距；

    div{width:500px; height:300px; margin:-150px 0 0 -250px; position:absolute; left:50%; top;50%;}

5.DIV+CSS的布局较table布局有什么优势？

   1》改版方便，只需要修改css；

    2》页面加载速度快、结构清晰、页面显示简洁；

    3》表现与结构相分离；

    4》易于优化，搜索引擎更友好；

----------------------------------------------------------------------

1.常用的降低页面加载时间的方法有哪些？

2.使用哪些工具来测试代码性能？ （jsperf, dromaeo）

3.什么是FOUC？你如何来避免FOUC?

  文档样式暂时失效(flash of unstyled Content);

   导致该问题的原因有：import方式导入样式文件；将样式表放在页面底部；

   解决办法：将样式文件通过link方式导入到页面的head部分；

4.文档类型的作用？你常用的文档类型有哪些？

5.浏览器的标准模式和怪异模式的区别？

6.使用xhtml的局限性是什么？

7.如果页面使用"application/xhtml + xml”会有什么问题吗？

8.如果网页需要支持多语言，该怎么做？

9.在html5的页面中可以使用xhtml的语法吗？

10.在html5中如何使用xml?

11.'data-'属性的作用是什么？