前端面试题

HTML部分

1. Doctype作用？严格模式与混杂模式如何区分？它们有何意义？
2. 行内元素有哪些？块级元素有哪些？空元素有那些？
3. 语义化的理解？（任意发挥内容出题）

CSS部分

1. CSS 选择符有哪些？优先级算法如何计算？权重算法如何计算？伪类和伪元素的区别？ 常见的伪类和伪元素。
2. 有哪些的隐藏内容的方法（如果同时还要保证屏幕阅读器可用呢？）
3. 常用hack的技巧？

JS部分

1. js延迟加载的方式有哪些？
2. documen.write和 innerHTML的区别？

3. 分析以以下代码，说出打印结果：

    var t = "bb"; 
    function test() { 
        alert(t); 
        var t = "aa"; 
        alert(t); 
    }
    test();
    alert(t);
   

综合部分

1. 描述一下渐进增强和优雅降级之间的不同？
2. 如何对网站的文件和资源进行优化？
3. http状态码有那些？分别代表是什么意思？

代码部分

1. 做一个左侧固定，右侧自适应的两栏布局。

2. 用以下代码，实现下图：

    <p>公司简介：公司成立于1998年8月13日，成立十五年以来，公司一直以“科技报国、积极推动基本建设领域的IT应用发展”为己任，信守“真诚、务实、创新、服务”的企业精神，持续为中国基本建设领域提供最有价值的信息产品与专业服务，推动行业内企业的管理进步，提高企业的核心竞争力。在发展的历程中，公司公司逐步确立了“引领全球建设领域信息化服务产业的发展，为推动社会的进步与繁荣做出杰出贡献”的企业使命，紧紧围绕工程项目管理的核心业务，走专业化、服务化、国际化的发展战略。</p>
   

3. 用精简的代码，做一个太极图案（若能转动加分）。