前端隨心記---------前海面試彙總

　　react裏面：state和prop的區別？setState爲何是異步的？組件傳值有幾種方式？

答：1.prop用於定義外部接口，state用於記錄內部狀態。2.prop的賦值在外部使用組件時，state的賦值在組建內部。3.組件不該該改變prop的值，可是state的存在目的是讓組件來改變。

　　2.setState異步更新狀態使得併發更新組件成爲可能。

　　資料：https://segmentfault.com/a/1190000013040438?utm_source=tag-newest

 　　3.組件傳值的方式：

 　　父組件向子組件傳值（經過props）

　　子傳父（回調函數）

　　跨級組件傳值

　　沒有嵌套關係的組件通訊

　　參考：http://www.javashuo.com/article/p-fbvafrvj-p.html

 

　　vuex裏面存儲的數據，怎麼處理頁面刷新丟失的問題？

　　能夠直接改成本地存儲，session storage等。

　　資料：http://www.javashuo.com/article/p-smqmnqok-t.html

 

　　amd規範和cmd規範的區別？

　　amd規範推崇依賴就近，cmd規範推崇依賴前置。

　　對依賴模塊amd是提早執行，cmd是延遲執行。

 

　　spa應用怎麼作seo？

　　服務器端渲染ssr，預渲染。

 

　　百度權重的優化方法？

　　友情連接，關鍵字，網站功能多時能夠設置網站導航地圖。

 

　　簡單描述一下ajax的過程？

　　1.先建立一個xmlhttprequest對象。

　　2.open（）

　　3.send（）

　　4.判斷服務器響應的狀態。

 

　　怎麼中斷ajax的發送？

　　　一種是設置超時時間讓ajax自動斷開，

　　　　另外一種爲手動去中止ajax請求，其核心是調用XMLHttpRequest對象上的abort方法

 

　　vue-router是基於什麼來實現的？

　　1.hash   ----------（#hash）

　　2.瀏覽器的history

　　資料：http://www.javashuo.com/article/p-ojqzlzkw-nb.html

 

　　建立對象有幾種方式？

　　1.字面量方式

　　2.構造函數

　　資料：http://www.javashuo.com/article/p-ofrvnirp-t.html

　用原生的方法監聽對象的變化？如對象有個name屬性，若是改變爲張三就alert張三，若是改變爲李四就alert李四？

 

 

　　什麼狀況下會引發重繪和迴流？

 　　重繪：當更新render tree中某個元素屬性時，而這些屬性只是影響元素外觀風格，不影響佈局，稱爲重繪。

　　迴流：當render tree的一部分由於元素規模尺寸，佈局，隱藏等改變須要從新構建時，稱爲迴流。當頁面第一次加載時必定會發生迴流。

　　區別：迴流必將引發重繪，重繪不必定會引發迴流。

 

　　怎麼實現一個div（正方形）高度隨寬度變化而變化？

　　使用js監聽div.style.height，在賦值給div的寬。

 

　　call和apply的區別？

　　1 call的語法：函數名.call(obj,參數1,參數2,參數3……);

　　2 apply的語法：函數名.apply(obj,[參數1,參數2,參數3……]);

　　這兩個東西功能相同，就是把一個函數裏面的this設置爲某個對象，區別就是後面的參數的語法。call須要使用逗號分隔列出全部參數，可是apply是把全部參數寫在數組裏面。須要注意的是即便只有一個參數，也必須寫在數組裏面。

 

　　移動端開發中遇到過哪些問題？

 　　例如：插件安裝問題，請求跨域問題等。

 

　　vue爲何對這個數組和對象進行監聽？

　　watch:{} 對象，可監聽數據，數據發生變化， 處理函數

目的： watch雖可監聽，但只是淺監聽，只監聽數據第一層或者第二層，watch監聽不到。能夠設置deep：true作深度監聽。

　　對vue的數據雙向綁定。

  

　　常見的狀態碼有哪一些？403表明什麼？

　　403服務器拒絕訪問。

　　一個radio標籤能在安卓上面添加一個click事件嗎？

　　能。

　　具體實現參考：　

方法（@click.native.prevent）：
 
<el-radio-group v-model="radio2">
  <el-radio @click.native.prevent="clickitem(3)" :label="3"> 備選項</el-radio>
  <el-radio @click.native.prevent="clickitem(6)" :label="6"> 備選項</el-radio>
  <el-radio @click.native.prevent="clickitem(9)" :label="9"> 備選項</el-radio>
</el-radio-group>
           
clickitem (e) { 
     e === this.radio2 ? this.radio2 = '' : this.radio2 = e
 },

 

　　動畫的優化方式有哪些？

　　圖形圖像優化，聲音文件優化，文件及庫的優化，代碼的優化。

 

　　vue中keep-alive的做用？

　　 keep-alive 是 Vue 內置的一個組件，可使被包含的組件保留狀態，或避免從新渲染。

　

　　跨域的幾種解決方案？

　　四種：1.jsonp     2.cros      3.domain.xml配置    4.正向代理。

 

　　get和post請求的區別？

　　post安全性比get好，get的參數在url上，post請求文件中，get用於獲取數據，post主要用於提交數據。

 

　　什麼是內存泄露？什麼操做會引起內存泄露？

　　內存泄露是指程序中已動態分配的堆內存因爲某種緣由程序未釋放或者沒法釋放，形成系統內存的浪費，致使程序運行速度減慢甚至系統崩潰等嚴重後果。

　　閉包使用不當引起

 

　　ie盒模型和w3c盒模型有什麼區別？

　　ie盒模型content部分包含了padding和border

　　w3c盒模型content不包含。

 

　　講講你前端性能優化會作的一些工做？

　　雪碧圖技術，壓縮代碼，合併複用的js和css文件，懶加載技術，css放在head中，設置瀏覽器緩存等。

 

　　webpack的fileload跟urlload的區別？

　　答： url-loader封裝了file-loader。url-loader不依賴於file-loader，例如：咱們須要background樣式用url引入一張背景圖，咱們都知道webpack會將各模塊進行打包，所以用url的路徑是html頁面入口，而不是原始的css文件，會致使圖片引入失敗。而使用file-load，能夠解析項目中的url引入，根據咱們的配置，將圖片拷貝到相應的路徑，根據咱們的配置，修改打包後文件引用路徑，指向正確文件。

 

　　css3怎麼實現一條線圍繞這個中心點作一個旋轉的動畫？

  　　答：使用css3的transform屬性。

 

　　jquery裏面on和bind的區別？

　　都是事件綁定，

　　區別：事件委託。

 

　對象的繼承有哪些方式？

 　　原型鏈繼承，使用call或apply方法，extends繼承等。

　　資料：http://www.javashuo.com/article/p-gzybgopp-o.html

　　

　文件上傳怎麼作一個斷點續傳？

　　資料：http://www.javashuo.com/article/p-dgdhbkpe-d.html