Web前端之路大话前端面试

京东笔试

2018-04-09  本文已影响82人  fenerchen

1、document.links[] 返回对文档中所有 Area 和 Link 对象引用。
2、document.cookie返回与当前文档有关的所有cookie
3、每个载入浏览器的HTML文档都会成为Document对象
4、HTMLDocument接口对DOM Document接口扩展,定义HTML专用的属性和方法

排序算法比较

间(简单排序)希堆块不稳定排序
归并排序和堆排序的时间复杂度一样且最快o(nlogn),但是只有堆排序的空间复杂度最低o(1),归并排序空间复杂度o(n)
时间复杂度o(nlogn)有堆排序、归并排序
快速排序待定(最好o(nlogn),最坏o(nn)),空间复杂度o(nlogn)-o(n)*
其他最好o(n),最坏o(nn),空间复杂度o(1)*

关于二分查找

中间下标,下取整

def bin_search(data_list, val):    
    low = 0                         # 最小数下标    
    high = len(data_list) - 1       # 最大数下标    
    while low <= high:        
        mid = (low + high) // 2     # 中间数下标   
        print(mid)#下标4,1,0下取整
        if data_list[mid] == val:   # 如果中间数下标等于val, 返回            
            return mid        
        elif data_list[mid] > val:  # 如果val在中间数左边, 移动high下标            
            high = mid - 1        
        else:                       # 如果val在中间数右边, 移动low下标            
            low = mid + 1    
    return # val不存在, 返回None
ret = bin_search(list(range(1, 10)), 1)

css实现首字母大写text-transform: capitalize;
全部大写text-transform:uppercase ,全部小写text-transform:lowercase

https网站用到的技术

确保安全的HTTPS第一篇
扒一扒HTTPS网站的内幕
清除浮动方法

1、父级div定义伪类:after和zoom

//html
<div class="wraper">
        <div class="a">a</div>
        <div class="b">b</div>
    </div>
//css
.wraper {
        border: 1px solid;
        zoom: 1;/*为了IE低版本*/
    }
    .wraper:after {
        display: block;/*必须*/
        clear: both;/*必须*/
        content: "";/*必须*/
        visibility: hidden;
        height: 0;
    }
    .a,
    .b {
        float: left;
        background-color: #ccc;
    }

2、结尾处加空div标签,css-clear:both

//css
.wraper {
        border: 1px solid;
    }
    .a,
    .b {
        float: left;
        background-color: #ccc;
    }

    .b {
        float: left;
        background-color: #0cc;
    }

    .clear {
        clear: both;
    }
//html
<div class="wraper">
        <div class="a">a</div>
        <div class="b">b</div>
        <div class="clear"></div>
 </div>

3、父级div定义overflow:hidden或auto

//css
 .wraper {
        border: 1px solid;
        overflow: hidden;
    }
    .a,
    .b {
        float: left;
        background-color: #ccc;
    }

    .b {
        float: left;
        background-color: #0cc;
    }
//html
 <div class="wraper">
        <div class="a">a</div>
        <div class="b">b</div>
    </div>

4、父级div定义display:table

//css
.wraper {
        border: 1px solid;
        display: table;
    }
    .a,
    .b {
        float: left;
        background-color: #ccc;
    }

    .b {
        float: left;
        background-color: #0cc;
    }
//html
  <div class="wraper">
        <div class="a">a</div>
        <div class="b">b</div>
    </div>
npm常用命令

npm install 安装模块
npm init 创建package.json 文件
npm update 更新依赖模块
npm publish 发布模块

webpack和vue

上一篇 下一篇

猜你喜欢

热点阅读