從零開始學前端

2022-07-11 02:48:07 字數 1829 閱讀 6846

* 靜態黃頁

* 伺服器組裝動態網頁資料

* 後端為主的mvc

* 前後端分離

* 純前端mv*為主 中間層輸出

* 前端virtual dom , mnv* 前後臺同構

後端為主的mvc

後端人員根據前台寫的html頁」套「 模板渲染資料

前端為主的mv*

mvcmvc 執行過程:

1.  view傳送指令到 controller ,

2. controller 中收到指令後完成相關業務邏輯 更新model ,

3. model 將更新的邏輯傳送給view 完成展示

mvc 互動模式1

> 同mvc 執行過程
mvc 互動模式2

>

1. controller 接受指令,完成相關業務邏輯,傳送到model

2. model 將更新的邏輯傳送給view

3. view 完成檢視更新

為了避免mvc 中檢視和控制器過於緊密的聯絡,妨礙他們的獨立重用 以及 檢視對模型的效率訪問低(可能會有對未變化的資料的訪問狀況)

mvp 執行過程

1.view 傳送指令到presenter

2.presenter 收到指令後完成業務邏輯 更改model

3.presenter 返回業務邏輯處理結果給 view

mvp 執行過程中 view和presenter 雙向通訊

presenter和model 雙向通訊

切斷了 view和model之間的通訊

mvvm 是在前端頁面上對mvc模式的擴充套件,類似於 mvp 我們關注model的變化 mvvm 自動把model的變化推送到檢視上 使用者看到的頁面內容就會隨著model 的變化而變化 大致有熱更新的意思

正常的mvc 中的controller 主要用於處理各種邏輯和資料轉化 所以 就有人把controller的資料和邏輯部分從中抽離出來 用乙個專門的模組去管理 這就是 viewmodel 他是view 和 model中的真正的橋梁 而且這樣使controller中的**變少

瀏覽器構成

瀏覽器渲染引擎工作流程

將html 元素標籤解析成由多個dom元素物件節點組成的且具有父子關係的dom樹結構

頁面重排:

頁面生成後,頁面位置,大小發生變化,需要從布局階段開始重新渲染

頁面重繪

頁面生成後,元素只是顯示樣式發生變化,布局不變

頁面重排一定會引發頁面重繪,頁面重繪不一定引發頁面重排

從零開始學前端 17 JS函式

3.引數 4.函式返回值 函式就是一段需要重複使用的 用關鍵字 function 包起來,方便重複呼叫和簡化 如果一段 需要我們在很多地方重複使用,或者說需要實現乙個特殊的功能,我們就可以利用函式來解決。後續我們只需要維護這個函式即可,不會影響其它地方的 函式是由關鍵字 function 函式名 引...

從零開始學習web前端開發

之前半個月一直在學習深度學習,但是感覺自己的能力還沒到那個程度所以就想擱置一下,從程式設計師基礎的前端開發來學。廢話不多說直接開記 我所使用的前端開發軟體就是業內很流行的vscode,作為小白的我當然也是用的這個 具體的安裝教程,外掛程式教程網上都有詳細的介紹,在此處不多講 在vscode中輸入 就...

從零開始搭建前端工程化

技術的發展是不可抵擋的,只能追隨,如今 國內 早已不是寫幾個html放點後端語言的模板就可以完成所有專案需求的年代了,伴隨著元件化,工程化,es6的發展前端越來越複雜,越來越富應用化,業務邏輯更多的遷移到前端來,前端點對點的搬磚開發模式已經不適合大部門公司的前端工作需求,在整個開發鏈路上必須團結起來...