前端面试题(十六)

• 你认为table的做用和优缺点是什么呢

  • 做用

    • 用于布局(已过期)
      早期的使用table来布局网页，可是table有一个缺点，就是加载页面的时候，须要所有的数据都请求到，才显示页面，不然就是一片的空白。所以如今通常不采用table来作布局，而是使用div+css进行布局
    • 用于显示批量的数据

  • 优势

    • 在某些场合，使用Table是100%的适合、恰当和正确。好比，用table作表格是彻底正确的

  • 缺点

    • Table要比其它html标记占更多的字节。(延迟下载时间，占用服务器更多的流量资源。)
    • Tablle会阻挡浏览器渲染引擎的渲染顺序。(会延迟页面的生成速度，让用户等待更久的时间。)
    • Table里显示图片时须要你把单个、有逻辑性的图片切成多个图。(增长设计的复杂度，增长页面加载时间，增长HTTP会话数。)
    • 在某些浏览器中Table里的文字的拷贝会出现问题。(这会让用户不悦。)
    • Table会影响其内部的某些布局属性的生效(好比td里的元素的height:100%)(这会限制你页面设计的自由性)
    • 一旦学了CSS知识，你会发现使用table作页面布局会变得更麻烦。(先花时间学一些CSS知识，会省去你之后大量的时间。)
    • table对对于页面布局来讲，从语义上看是不正确的。(它描述的是表现，而不是内容。)
    • table代码会让阅读者抓狂。(不但没法利用CSS，并且会你不知所云)
    • table一旦设计完成就变成死的，很难经过CSS让它展示新的面貌。

---

• 解释下 CSS sprites的原理和优缺点分别是什么？

  • 原理

    • 多张图合并成一张图多张图合并成一张图

  • 优势

    • hover效果，若是是多个图片，网络正常的状况下首次会闪烁一下。若是是断网状况下，就没图片了。sprites 就很好的解决了这个问题（第一次就加载好了）
    • 合并了请求数
    • 制做帧动画方便

  • 缺点

    • 位置很差控制，有时候容易露底。。好比说30_30的按钮，图片只有12_12保不齐就漏出其余图片了
    • 合成时候比较费时（有工具代替）
    • 位置计算费时（有工具代替）
    • 更新一部分的时候，须要从新加载整个图片，缓存失效

---

• typeof('abc')和typeof 'abc'都是string, 那么typeof是操做符仍是函数？

  typeof是 操做符，不是函数。能够添加括号，可是括号的做用是进行分组而非函数的调用

---

• 说说你对SVN和GIT的理解和区别

  • svn是集中式的，容许单次下载单文件修改，由于对每一个文件都有对应的.svn文件控制
  • git是分布式的，每次clone都是得到一个完整的代码版本，能够不依赖服务器本地独立运行项目

我的感受**SVN**除了集中带来的权限管理优点以外，其它被完爆，并且如今人们不缺乏那点硬盘空间，来换取独立的自由

面试题摘自 Github