zoukankan      html  css  js  c++  java
  • 面试复盘

    一、inline、block与inline-block的区别

    inline:

     1、多个元素存在于一行,

     2、对宽高属性不生效,完全靠内容撑开。

     3、可以使用padding和margin在left和right方向产生效果,但是在top和bottom不行。

    block:

     1、独占一行,在不设置宽,宽会默认填满父元素

     2、能够设置宽高

     3、margin、padding都有效

     inline-block:

     1、结合line和block的一些特点,为不独自占一行的块级元素

    二、localstorage、sessionStorage、cookie的区别

    共同点:都是保存在浏览器端、且同源的 
    区别: 
    1、cookie数据始终在同源的http请求中携带(即使不需要),即cookie在浏览器和服务器间来回传递,而sessionStorage和localStorage不会自动把数据发送给服务器,仅在本地保存。cookie数据还有路径(path)的概念,可以限制cookie只属于某个路径下 
    2、存储大小限制也不同,cookie数据不能超过4K,同时因为每次http请求都会携带cookie、所以cookie只适合保存很小的数据,如会话标识。sessionStorage和localStorage虽然也有存储大小的限制,但比cookie大得多,可以达到5M或更大 
    3、数据有效期不同,sessionStorage:仅在当前浏览器窗口关闭之前有效;localStorage:始终有效,窗口或浏览器关闭也一直保存,因此用作持久数据;cookie:只在设置的cookie过期时间之前有效,即使窗口关闭或浏览器关闭 
    4、作用域不同,sessionStorage不在不同的浏览器窗口中共享,即使是同一个页面;localstorage在所有同源窗口中都是共享的;cookie也是在所有同源窗口中都是共享的 

    三、如何用原生实现块级作用域

    (function(){

      块级作用域;

    })();

    四、如何实现多页面通信

     1、websocket协议

     2、localstorage

    五、如何写一个九宫格布局

    六、vue中hash和historay的原理

     1、hash模式:原理是onhashchange事件,url都会被浏览器记录下来,只能改变#后面的url片段

     2、history模式:根据history api中的pushState,replaceState两个方法。

    七、vueX中的getters的含义

  • 相关阅读:
    代码质量与上线压力
    出版业的新商业模式
    为什么程序员的工作效率跟他们的工资不成比例
    电吉他和效果器入手
    2011年的经验教训
    英语中年份的发音
    最后还是使用了sphinxforchinese
    Centos5.7 在SecureCRT里显示中文
    十大堕落表现
    复习一下Java中继承关系的类的初始化顺序
  • 原文地址:https://www.cnblogs.com/karila/p/12297213.html
Copyright © 2011-2022 走看看