前端笔试面试必知

  1. 浏览器页面有哪三层构成,分别是什么,作用是什么?
    • 结构层(HTML)、表示层(CSS)、行为层(JavaScrit)
  2. HTML5的优点与缺点
    • 优点:
      • 网络标准统一、HTML5本身是有W3C推荐出来的。
      • 多设备、跨平台
      • 及时更新
      • 提高可用性和改进用户的友好体验
      • 有几个新的标签、这将有助于开发人员定义重要的内容
      • 可以给站点带来更多的多媒体元素(视频和音频)
      • 可以很好的代替Flash和Silverlight
      • 涉及到网站的抓取和索引的时候,对于SEO很友好。
      • 被大量应用于移动应用程序和游戏。
    • 缺点:
      • 安全:像web storage、web socket这样的功能很容易被黑客利用,来盗取用户的信息和资料。
      • 完善性:许多特性各浏览器的支持程度也不一样
      • 技术门槛:有许多新的API需要开发者学习,后台甚至浏览器原理知识都需要学。
      • 许多平台上的引擎问题导致HTML5性能低下、
      • 浏览器兼容性:最大缺点,IE9以下浏览器全军覆没。
  3. Doctype作用? 严格模式与混杂模式如何区分?它们有何意义?
    • 声明位于文档的最前面,处于标签之前。告知浏览器的解析器,用什么文档类型 规范来解析文档。
    • 严格模式的排版和JS运作模式是以该浏览器支持的最高标准运行
    • 混杂模式中,页面以宽松的向后兼容的方式显示。模拟老浏览器的行为,以防止站点无法工作。
    • Doctype 不存在或格式不正确会导致文档以混杂模式呈现。
  4. HTML新增特性:
    • section:区域的章节描述
    • header: 页面主体的头部
    • footer:页脚
    • nav导航
    • article:文章主体内容
    • aside: 表示标记、贴士、侧栏、摘要
    • figure:多个元素进行整合
    • code:代码块
    • dialog:人与人之间的对话
    • meter:特定范围内的数值
    • time:表示时间值
    • progress:进度条
    • video:视频元素
    • audio:音频元素
    • details:具体内容
    • datagrid:控制客户端数据与显示
    • menu:交互菜单
    • command:用来处理命令按钮
  5. 浏览器内核:
    • IE:trident内核
    • Fierfox:gecko内核
    • Safari:webkit内核
    • Opera:blink内核
    • Chrome:Blink内核
  6. 说说你对HTML5认识?(是什么,为什么)
    • HTML