面經1

KJZY

• 1.CSS實現盒子上下左右居中

方法1：
body{
     margin:0;
     padding:0;
     width:100%;
     height:100%;
}
div{
     position:absolute;
     top:50%;
     left:50%;
     width:200px;
     height:200px;
     margin:-100px 0 0 -100px;
}
方法2：
<div id="wrapper">
    <div id="box"></div>
</div>
#box{
width:100px;
height:100px;
}
#wrapper{
display:flex;
justify-content:center;
align-items:center;
}

• 2.數組的方法
  
  • push（） 末尾增加一項
  • pop（） 末尾刪除一項
  • unshift（）開頭增加一項
  • shift（） 開頭刪除一項
  • slice（）截取（包前不包後）
  • splice（）截取（包前不包後）
  • reverse（）翻轉
  • join（）分隔符將每項拼接成字符串
  • sort（）排序
  • toString（）轉爲字符串
• 3.字符串的方法
  
  • charAt（）通過索引找對應的字符串
  • charCodeAt（）找到索引對應字符的Unicode編碼
  • substr（）截取-包前不包後
  • slice（）截取–支持負值
  • toUperCase（）轉大寫
  • toLowerCase（）轉小寫
  • indexof（）通過字符找第一次出現的索引的位置
  • lastIndexOf（）找最後一個出現的索引的位置
  • search（）查找
  • match（）捕獲（找到返回索引及詳細信息，找不到返回-1）
  • replace（）替換
  • split（）分隔

• 4.ajax實現跨域

  • （1）jsonp

    假設 在http://www.aaa.com/index.php這個頁面中向http://www.bbb.com/getinfo.php提交GET請求，那麼我們在www.aaa.com頁面中添加如下代碼：
    var eleScript=document.createElement('script');
    eleScript.type='text/javascript';
    eleScript.src='http://www.bbb.com/geinfo.php'
    document.getElementByTagName('HEAD')[0].appendChild(eleScript)

  • （2）XHR2

  XHR2-->XMLHttpRequest Level2  HTML5提供的方法
  支持IE10以上
  在服務器端頭部加上以下代碼
  header('Access-Contrl-Allow-Origin:*');
  header('Access-Control-Allow-Mathods:POST,GET')

  • ajax中實現jsonp

   $.ajax({
   type:'get',
   url:url,
   dataType:'jsonp',
   'jsonp':'callback',
   success:function(data){
      $.each(data,function(key,val){                  $("#myDiv").html($("#myDiv").html()+val.cvalue+"</br>");
      })
   }

• 5.node（關於單線程與高併發，並沒有很好的理解，以下內容是百度的，希望能得到更易懂解釋）
  
  • node是單線程嗎？—》是的
  • node是單線程爲什麼可以處理高併發？
    
    • nodejs的I/O操作，底層開啓了多線程，當同時又多個I/O請求時，主線程會創建多個eio線程，以提高IO請求的處理（雖然I/O開啓了多線程，但所有的線程都是基於主線程開啓的只能跑在一個進程中，不能充分地利用CPU資源-》pm2進程管理器可以解決）
  • node的 優點
    
    • 快（基於V8引擎的渲染）
    • 無阻塞的I/O操作
    • 基於事件的單線程異步操作
  • node的缺點：
    
    • CPU密集型（不能很好的利用CPU）
    • 解決方法
      
      • 寫獨立的C代碼
      • 使用nodejs自帶的cluster模塊
      • 使用其他開源項目（如：threads-a-gogo）
• 6.Vue的生命週期
  
  • 1>beforeCreate 創建前
  • 2>created 創建後
  • 3>beforeMount 載入前
  • 4>mounted 載入後
  • 5>beforeUpdated 更新前
  • 6>updated 更新後
  • 7>beforeDestroy 銷燬前
  • 8>destroyed 銷燬後