前端高阶问题汇总

HTML

CSS

1.什么是BFC

block formatting context,不是none的浮动元素,绝对定位元素,inline-block,table-cell,table-caption和overflow值不是visible的块级盒子

为自己的内容建立一块新的排版上下文,盒子的垂直方向由margin决定,同属一个BFC相邻的盒子的margin会发生重叠,BFC区域不会与float box重叠,

它是一个隔离的独立容器。解决方法有overflow:hidden,清除内部浮动是父元素的高度计算浮动子元素

2.什么是外边距合并

块级父元素的第一个和最后一个的margin,相邻元素的margin,空块元素的margin会出项边距合并

3.什么是flex布局,有什么好处

弹性布局,可以省去常用的position定位的布局形式导致页面错位

JAVASCRIPT

1.排序,找出最大三个数

2.继承的实现方式

3.创建实例对象的内部过程

第一步创建一个新的空对象,第二步将新对象的原型指向构造函数的原型,第三步执行构造函数,当this被执行时候,使用新创建的对象的属性,第四步返回新创建的对象

4.构造函数的prototype指向什么?和实例对象的prototype有什么关系?

4.bind函数实现

HTTP

1.url长度为什么受限制

http协议未明确对url进行长度限制,但在真正实现中,url的长度还是受到限制的,一是服务器端的限制,二就是游览器端的限制,每次发送的http header是有大小限制

2.XHR如何传递二进制流

设置responseType为blob或者arraybuffer

var xhr = new XMLHttpRequest();

    xhr.open('GET', './assets/arraybuffer');

    xhr.responseType = 'arraybuffer';

    xhr.send();

xhr.onreadystatechange = function(){

    if (xhr.readyState == 4 && xhr.status == 200){

        var blob = new Blob([xhr.response], {type: 'image/png'});

        document.getElementById('image').src = URL.createObjectURL(blob); //这里设置一个张图片

    }

}

3.Csrf怎么防范,验证了origin和refer是否能完全避免

4.https加密过程,证书用途

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 问答题47 /72 常见浏览器兼容性问题与解决方案? 参考答案 (1)浏览器兼容问题一:不同浏览器的标签默认的外补...
    _Yfling阅读 13,842评论 1 92
  • <a name='html'>HTML</a> Doctype作用?标准模式与兼容模式各有什么区别? (1)、<...
    clark124阅读 3,599评论 1 19
  • 请参看我github中的wiki,不定期更新。https://github.com/ivonzhang/Front...
    zhangivon阅读 7,216评论 2 19
  • HTML HTML5标签 媒体查询head部分写法 Doctype作用? 严格模式与混杂模式如何区分?它们有何意义...
    Mayo_阅读 673评论 0 8
  • 何首乌 POLYGONI MULTIFLORI RADIX 来源 本品为蓼科植物何首乌Polygonum mult...
    开心药师阅读 620评论 0 9