面试整理前端面试题

原创 卓晓晓AA 随笔 随笔 370阅读 2017-05-22 17:41:50 举报

1、position的absolute与fixed共同点与不同点
A:共同点:
1.改变行内元素的呈现方式,display被置为block;
2.让元素脱离普通流,不占据空间;
3.默认会覆盖到非定位元素上

B不同点:
absolute的”根元素“是可以设置的,而fixed的”根元素“固定为浏览器窗口。
当你滚动网页,fixed元素与浏览器窗口之间的距离是不变的。
2、CSS3有哪些新特性?

  1. CSS3实现圆角(border-radius),阴影(box-shadow),
  2. 对文字加特效(text-shadow、),线性渐变(gradient),旋转(transform)
  3. transform:rotate(9deg) scale(0.85,0.90) translate(0px,-30px) skew(-9deg,0deg);// 旋转,缩放,定位,倾斜
  4. 增加了更多的CSS选择器 多背景 rgba
  5. 在CSS3中唯一引入的伪元素是 ::selection.
  6. 媒体查询,多栏布局
  7. border-image
    3、HTML与XHTML——二者有什么区别
  8. 所有的标记都必须要有一个相应的结束标记
  9. 所有标签的元素和属性的名字都必须使用小写
  10. 所有的 XML 标记都必须合理嵌套
  11. 所有的属性必须用引号 "" 括起来
  12. 把所有 < 和 & 特殊符号用编码表示
  13. 给所有属性赋一个值
  14. 不要在注释内容中使用 "--"
  15. 图片必须有说明文字
    3、DOM操作——怎样添加、移除、移动、复制、创建和查找节点。
  16. 创建新节点
    1
    2
    3
    createDocumentFragment() // 创建一个DOM片段
    createElement() // 创建一个具体的元素
    createTextNode() // 创建一个文本节点
  17. 添加、移除、替换、插入
    1
    2
    3
    4
    appendChild()
    removeChild()
    replaceChild()
    insertBefore() // 在已有的子节点前插入一个新的子节点
  18. 查找
    1
    2
    3
    getElementsByTagName() // 通过标签名称
    getElementsByName() // 通过元素的Name属性的值(IE容错能力较强,会得到一个数组,其中包括id等于name值的)
    getElementById() // 通过元素Id,唯一性
    4、html5有哪些新特性、移除了那些元素?如何处理HTML5新标签的浏览器兼容问题?如何区分 HTML 和 HTML5?
    新特性:
    HTML5 现在已经不是 SGML 的子集,主要是关于图像,位置,存储,多任务等功能的增加。
  19. 拖拽释放(Drag and drop) API
  20. 语义化更好的内容标签(header,nav,footer,aside,article,section)
  21. 音频、视频API(audio,video)
  22. 画布(Canvas) API
  23. 地理(Geolocation) API
  24. 本地离线存储 localStorage 长期存储数据,浏览器关闭后数据不丢失;
  25. sessionStorage 的数据在浏览器关闭后自动删除
  26. 表单控件,calendar、date、time、email、url、search
  27. 新的技术webworker, websocket, Geolocation

移除的元素:

  1. 纯表现的元素:basefont,big,center,font, s,strike,tt,u;
  2. 对可用性产生负面影响的元素:frame,frameset,noframes;

支持HTML5新标签:

  1. IE8/IE7/IE6支持通过 document.createElement 方法产生的标签,可以利用这一特性让这些浏览器支持 HTML5 新标签,浏览器支持新标签后,还需要添加标签默认的样式(当然最好的方式是直接使用成熟的框架、使用最多的是html5shiv框架):
    1
    2
    3
    <!--[if lt IE 9]>
    <script> src="http://html5shiv.googlecode.com/svn/trunk/html5.js"</script>;
    <![endif]-->
    如何区分:
    DOCTYPE声明新增的结构元素、功能元素
评论 ( 2 )
最新评论
web卿年 2017-05-23 11:29:37 2F

这面试题一点都不解渴,入门级

lingwer111 2017-05-22 18:08:29 1F

XHTML不是被HTML5取代了吗,为什么还会考