YY前端笔试总结

1.一个元素float之后。为何要清除浮动？清除浮动的方法有哪些？

浮动确实是经常用，也知道清除浮动的必要性。但要我道个因此然，仍是得绞尽脑汁。我我的的理解是，当一个元素float之后，就脱离正常的文档流，高度塌陷，也就是浮动元素原来的占位空间就消失了。那么紧跟着的元素的宽度就会占领浮动元素的位置，好像浮动元素不存在似的。那么疑问就来了。假设紧跟着的元素没有不论什么的清除浮动行为，但是感受好像认的浮动元素同样，给他让出空间。请看：

<span style="font-size:18px;"><div style="float:left;with:100px;height:100px;background:yellow;">float content</div>
<div class="normal" style="background:red;height:800px;">normal content</div></span>

效果：

事实上，通过求证.normal元素并无认得float元素。他的宽度事实上有延伸到float那边，仅仅是float元素覆盖在他的上面，即z-index比較高，不信，你看一下效果（.class{margin-left:-10px;}）：

只是。.normal元素的text文本倒像是认得float元素同样，这个不知道该怎么解释。或许是w3c的规定吧？因此大概了解float的工做原理之后。咱们就知道该怎样去清除浮动了。

（1）父级的元素中清除浮动：利用定高来清除浮动，只是这种方法的惟一肯定是父级的元素中必须是定高布局。

（2）借用伪元素来清除浮动，在父级的元素中上使用。.normal:after{content:"";clear:both;display:inline-block||block;} .normal{_zoom:1//触发haslayout}

（3）最方便也最常用的是在紧跟的浮动元素后面用clear：both；

（4）导航栏浮动之后ul元素上经常会用overflow：hidden来清除浮动；

（5）bootstrap经常用的是加入空白元素<div class="clearfix"></div>  .clearfix{clear:both;}

以上就是我能想到的清除浮动的方法。

2.Javascript跨域訪问问题

在实际项目中没有机会去领略Javascript跨域訪问问题，但却是据说过。Javascript出于安全考虑以及同源策略的限制。不一样意跨域调用其它页面的对象。但是程序猿是万能的。总想破不能为万能，所以就有了跨域訪问的技术。这样不久下降代码的开发而且还实现代码共享。何乐而不为呢？so，赶忙去补及一下有关的实现技术。

參考： JavaScript跨域总结与解决的方法，认真研读之后，对跨域有了进一步的了解，但愿尽快用得上这伟大的技术。

跨域技术分不一样的场合不一样的方法：

（1）主域一样但是子域不一样一时候，採取document.domain+iframe的设置：

域名一：http://www.a.com/a.html  域名二:http://script.a.com/b.html（主域为a.com,二级域为a.com前面的。ps：顺便弄清一下主域和二级甚至多级域的概念，好比：baidu.com是主域。那么*.baidu.com都是二级域。。。不懂继续度娘去）

在www.a.com域名下的a.html下设置代码：

document.domain=a.com;

var iframe=document.createElement("iframe");

iframe.src="http://script.a.com/b.html";

iframe.style.display="none";

document.body.appendChild("iframe");

window.onload=function(){

     var doc=iframe.documentContent||iframe.contentWindow.document;

    alert(doc.document.getElementsByTagName('h1')[0].lastChild.nodeValue);

}

另外在script.a.com的b.html上也要加上document.domain=a.com;假设二者之间没有不论什么挂钩以及约定的话。那后果不堪设想。

这种方法简单是简单，但也会带来一些问题。试想。假设script.a.html受到攻击或是安全上的问题，那同主域的其它域名也会引发安全上的漏洞。另外一个方面是假设页面中引入过多的iframe框架的话，页面会很是难控制。

（2）这种方法是最熟悉的，动态建立script标签，而后再用回调函数去处理。

动态建立script以及相关操做就不用详说了，有趣的是推断节点是否载入完成。不是用window.onload而是js.onload

js.onload=js.onreadystatuschange=function(){

    if(!this.readyState||this.readyStatu==='loaded'||this.readyState==='complete'){

        //callback函数在此

       js.onload=is.onreadystatechange=null;

    }

}

还有其它的方法，在刚刚的博客上也用具体的解说。眼下仍是无法理解。慢慢的去琢磨，去运用。

3.reflow是什么？

reflow是回流的意思。做用在浏览器渲染页面时对元素的构建，理解是理解了。但仍是不能很是好的道出个因此然。因此查了很是多资料，认为别人写的不错。因此转载了一下，地址：怎样下降浏览器reflow。方便之后看。

4.other other

其它的相对而言仍是比較简单的，考的都是基础，基础较扎实细心的话通常都没有问题--期待走得更远更高。come on！