• <legend id="kntsb"></legend>
  • <track id="kntsb"></track>
    <span id="kntsb"><output id="kntsb"><b id="kntsb"></b></output></span>
  • <span id="kntsb"><blockquote id="kntsb"><nav id="kntsb"></nav></blockquote></span>
      <legend id="kntsb"></legend><span id="kntsb"><output id="kntsb"></output></span>

      杭州PHP培訓
      達內杭州PHP培訓中心

      0571-56020837

      2020年前端面試題匯總之概念

      • 時間:2021-04-02 13:52
      • 發布:杭州PHP培訓
      • 來源:php面試題

      今天小編要跟大家分享的文章是關于2020年前端面試題匯總之概念。正在從事Web前端工作和想要換工作的小伙伴們來和小編一起看一看吧,希望本篇文章能夠對大家有所幫助。

      概念

      4.1 MVVM

      View 和 Model 之間并沒有直接的聯系,而是通過ViewModel進行交互,Model 和 ViewModel 之間的交互是雙向的, 因此View 數據的變化會同步到Model中,而Model 數據的變化也會立即反應到View 上。

      ViewModel 通過雙向數據綁定把 View 層和 Model 層連接了起來,而View 和 Model 之間的同步工作完全是自動的,無需人為干涉,因此開發者只需關注業務邏輯,不需要手動操作DOM, 不需要關注數據狀態的同步問題,復雜的數據狀態維護完全由 MVVM 來統一管理。

      4.2 組件化思想

      簡單的說組件就是:將一段UI樣式和其對應的功能作為獨立的整體去看待,無論這個整體放在哪里去使用,它都具有一樣的功能和樣式,從而實現復用,這種整體化的思想就是組件化。

      組件化設計就是為了增加復用性,靈活性,提高系統設計,從而提高開發效率。

      4.3 虛擬DOM

      使用Javascript來操縱DOM,操作效率往往很低,由于DOM被表示為樹結構,每次DOM中的某些內容都會發生變化,因此對DOM的更改非常快,但更改后的元素,并且它的子項必須經過Reflow / Layout階段,然后瀏覽器必須重新繪制更改,這很慢的。

      因此,回流/重繪的次數越多,您的應用程序就越卡頓。但是,Javascript運行速度很快,虛擬DOM是放在JS 和 HTML中間的一個層。它可以通過新舊DOM的對比,來獲取對比之后的差異對象,然后有針對性的把差異部分真正地渲染到頁面上,從而減少實際DOM操作,最終達到性能優化的目的。

      4.4 SPA 和 多頁面應用

      單頁面應用: 僅僅在Web頁面初始化時加載相應的HTML、JavaScript、CSS,一旦頁面加載完成了,SPA不會因為用戶的操作而進行頁面的重新加載或跳轉,而是利用 JavaScript 動態的變換HTML的內容,從而實現UI與用戶的交互。

      多頁面應用: 多頁面跳轉刷新所有資源,每個公共資源(js、css等)需選擇性重新加載,常用于 app 或 客戶端

      4.5 CDN

      CDN的全稱是Content Delivery Network,即內容分發網絡。基本原理是在用戶和服務器之間增加Cache層,主要是通過接管DNS實現,將用戶的請求引導到Cache上獲得源服務器的數據,從而降低網絡的訪問時間。CDN的關鍵技術主要有負載均衡,內容存儲和分發技術。

      負載均衡:使用整體性的網絡負載均衡技術,通過內容路由器中的重定向(DNS)機制,在多個遠程POP上均衡用戶的請求,以使用戶請求得到最近內容源的響應。

      內容分發:借助于建立索引、緩存、流分裂、組播(Multicast)等技術,將內容發布或投遞到距離用戶最近的遠程服務點(POP)處。

      內容存儲:在功能上包括對各種內容格式的支持,對部分緩存的支持;在性能上包括支持的容量、多文件吞吐率、可靠性、穩定性,都是存儲需要考慮的問題。

      4.6 函數式編程

      函數式編程是種編程方式,它將電腦運算視為函數的計算。在函數編程中,函數是第一等公民,且該函數應該是一個純函數,即相同的輸入,永遠會得到相同的輸出,而且沒有任何可觀察的副作用。列如含有:

      log

      http請求

      可變數據如new Date()

      DOM操作

      純函數帶來的好處就是:更好的進行單元測試和調試,一對一的數據關系可以便于緩存。函數式編程還有其他特性:

      閉包和高階函數

      惰性計算

      遞歸

      函數式編程有兩個最基本的運算:合成compose和柯里化curry。

      以上就是小編今天為大家分享的關于2020年前端面試題匯總之概念的文章,希望本篇文章能夠對想要換工作的Web前端工程師們有所幫助,想要了解更多Web前端知識記得關注達內Web培訓官網,最后祝愿小伙伴們工作順利,成為一名優秀的Web前端工程師。

      文章來源:原創 const弓長張 總在落幕后

      【免責聲明:本文圖片及文字信息均由小編轉載自網絡,旨在分享提供閱讀,版權歸原作者所有,如有侵權請聯系我們進行刪除。】

      預約申請免費試聽課

      怕錢不夠?就業掙錢后再付學費!    怕學不會?從入學起,達內定制課程!     擔心就業?達內多家實踐企業供你挑選!

      上一篇:2021Web前端面試題及答案匯總-Javascript篇
      下一篇:2020年前端面試題匯總之算法和應用

      2020年前端面試題匯總之常見性能優化

      2020年前端面試題匯總之算法和應用

      2020年前端面試題匯總之概念

      2021Web前端面試題及答案匯總-Javascript篇

      • 關注微信公眾號

        回復關鍵字:視頻資料

        免費領取 達內課程視頻學習資料

      • 視頻學習QQ群

        添加QQ群:1143617948

        免費領取達內課程視頻學習資料

      Copyright ? 2018 Tedu.cn All Rights Reserved 京ICP備08000853號-56 京公網安備 11010802029508號 達內時代科技集團有限公司 版權所有

      選擇城市和中心
      江西省

      貴州省

      廣西省

      海南省

      天天爱搞搞狠狠爱 天天射天天日天天舔 狠狠在线插口日日干