面试回忆录(一)

  今天去了重庆数字城市科技公司面试前端开发,前面还行,后面就感觉好水了,哎。。。说多了都是泪啊,感觉没啥问题,最后发现全是问题,自己很熟悉的东西都能答错。。。其他不说切入正题

css方面:

  position定位问题:relative与absolute的区别。

    relative  相对定位,相对于它在文档流中的位置(元素仍然占据原来的空间),设置left,top来进行偏移

    absolute  绝对定位,相对于最近的已定位的父级元素定位(本身不占原来的空间),如果元素没有已定位的祖先元素,那么它的位置相对于最初的包含块

    总结:相对定位是“相对于”元素在文档中的初始位置,而绝对定位是“相对于”最近的已定位祖先元素,如果不存在已定位的祖先元素,那么“相对于”最初的包含块。

 

  display:nonevisibility:hidden的区别。

    display:none  隐藏但不占用文档流位置

    visibility:hidden  隐藏但只占用文档流位置

 JavaScript:

  1、访问一个对象使用点外还可以像数组那样访问,如:

  var b={

    var a=5;

  }

  访问方式:b.a 和 b["a"] 

  2、警告、确认、提示输入分别是什么方法

    alert()警告框,只有“确认”按钮

    confirm()确认对话框,有“确认”和“取消”按钮

    prompt()提示输入框,有“确认”和“取消”按钮和一个输入框

  3、innerHTML、innerText和outerHTML、outerText的区别

    innerHTML 设置或获取位于对象起始和结束标签内的 HTML

    outerHTML 设置或获取对象及其内容的 HTML 形式

    innerText 设置或获取位于对象起始和结束标签内的文本

    outerText 设置(包括标签)或获取(不包括标签)对象的文本

    例如下图:

 

      

 

    如果innerText与outerText设置的时候包含HTML标签哪?看下例:

    

<div id="test"><span>替换前</span></div>

<script type="text/javascript" lang="javascript">
//一下每个示例都是独立的(允许我偷下懒)

document.getElementById('test').innerHTML = "<div>替换后</div>"; //原来的html变为:<div id="test"><div>替换后</div></div>

document.getElementById('test').innerText= "<div>替换后</div>";  //原html变为:<div id="test">&gt;div&lt;替换后&gt;/div&lt;</div>

document.getElementById('test').outerHTML = "<div>替换后</div>"; //原html变为:<div>替换后</div>

document.getElementById('test').outerText= "<div>替换后</div>";  //&gt;div&lt;替换后&gt;/div&lt;
</script>

    我的理解就是inner就是你取到几点里面的,outer是你取到标签里面的节点包括它本身。   

    总结:innerHTML和outHTML都是会将HTML标签一起读取或设置,但innerText和outerText在读取的时候会去掉HTML标签,设置的时候如果字符中包含HTML标签,将会作为特殊字符做替换处理。

 

  还有好多问题都忘了,而且有些很怪异的问题,现在也不知道怎么去搜,先到这儿吧

 

posted @ 2013-11-28 22:02  峰笙水崎  阅读(277)  评论(0编辑  收藏  举报