前端入門解疑(6) 前端框架

2021-10-01 22:32:58 字數 810 閱讀 4576

前端框架是一種由開發人員寫好的可高復用性的**,它是一種提高效率的工具。 

要說起前端框架,這裡面的世界比較大,目前在市場上有各式各樣的框架,有些是免費的,也有收費的,有些是顯示性框架,也有比如列印、報表類等專業性js框架。其實這些框架都是基於原生的js進行開發封裝的。

隨著開發技術的發展與公升級,前端大概經歷三個階段:原生js階段,doc操作框架階段,還有資料驅動、模組化框架階段。目前很少有公司還停留在第乙個階段,基本上都是處在第二跟第三階段。

原生js的階段,也是屬於doc操作,前端做乙個互動可能需要寫大量的**,開發的效率比較低,而且會存在大量相同的**。前端的開發人員將這些相同的模板**封裝起來,做成前端的工具,這樣就提高了開發效率,**也變得簡潔易維護,其中最出名的為jquery框架了。目前很多公司還是在使用jquery作為前端的主要技術框架。

但隨著系統越來越複雜,大量的doc操作匯聚在同乙個頁面很容易會導致因為多個邏輯對同乙個document節點進行操作而出錯。開發人員也會因為時間長了而忘了邏輯或離職後其他人接手等原因,可維護性也逐漸降低,這時候又催生了資料驅動、模組化的框架。在這個階段,比較出名的框架有agularjs,react,vue。

它們是基於資料驅動、模組化的思維進行開發,跟一下前端的開源頁面框架(elementui、bootstrap等)緊密結合,開發的效率再一步得到提高,也更加容易維護。

如果想快速掌握前端框架,需要有良好的js基礎。前端框架裡有大量優秀的**可以學習,看框架**是提高水平比較有效的方法。但不意味著這些框架就不存在bug,它們也有各種各樣的問題,了解框架的原始碼可以幫助你排查在使用框架時由於框架而產生的問題。

具體的框架技術還需要你自行學習。

前端入門解疑(1) 序言

隨著技術的進步 開發理念的逐步完善和客戶化的需求日漸增多,前後端分離是業界的趨勢,很多公司都採用了這種技術架構,前端技術也發展得非常迅猛。不過這樣也導致了新手入門的時候,會產生各種各樣的疑惑,甚至有人 還產生不了疑惑,只知道照葫蘆畫瓢。初入公司實習,公司或許會安排又經驗的員工進行協助。由於有經驗的員...

前端入門解疑(7) 自適應

由於電腦和手機的螢幕解析度不同,但我們做的頁面是需要在這種複製的環境下提供給使用者使用,這時候就產生了自適應的思維。自適應不是一種新的技術,它是一種開發思維,按照這種思維去開發前端,能使前端 變得高可用。自適應這種特性,在很多前端頁面框架都是支援的。最簡單的自適應是按照百分比去設定寬高,這樣螢幕也能...

前端VUE框架 es6

emcascript 6 又叫 es2015 1 常量和變數 常量 const a hello 常量不能修改和重複定義 變數 let 定義乙個塊級作用域的變數 需要先定義再使用 不存在變數提公升 不能重複定義 可以被修改 var 定義乙個變數 存在變數提公升 變數提公升 先使用後定義和賦值 unde...