新人學習web前端必須要知道的基礎知識,讓你輕鬆入門

小白沖沖沖沖 發佈 2019-12-31T06:25:20+00:00

如果把一張網頁比作一個人,那麼HTML是人的器官,肢體等主要的組成部分;CSS是你穿的衣服之類的,讓你看起來更美觀;JavaScript為人賦予更多的交互,比如和別人交流、邏輯判斷等;jQuery是人使用工具箱。

Web前端開發是由網頁製作演變而來的,主要由HTML、CSS、JavaScript三大要素組成。專業的Web前端開發入門知識也一定會包含這些內容,今天小編就給大家簡單介紹一下。

HTML

  超文本標記語言,標準通用標記語言下的一個應用。包括「頭」部分(英語:Head)、和「主體」部分(英語:Body),其中「頭」部提供關於網頁的信息,「主體」部分提供網頁的具體內容。

CSS層疊樣式表

 CSS是一種用來表現HTML(標準通用標記語言的一個應用)或XML(標準通用標記語言的一個子集)等文件樣式的計算機語言。

JavaScript

  一種直譯式腳本語言,是一種動態類型、弱類型、基於原型的語言,內置支持類型。被廣泛用於Web應用開發,常用來為網頁添加各式各樣的動態功能,為用戶提供更流暢美觀的瀏覽效果。通常JavaScript腳本是通過嵌入在HTML中來實現自身的功能。

  隨著網際網路時代的飛速發展以及企業需求變更,前端開發技術的三要素也演變成現今的HTML5、CSS3、jQuery。因此很多Web前端開發入門課程中的內容也有了一定的調整。

HTML5

  HTML5是超文本標記語言的第五次重大修改,在HTML的基礎上引進了新的功能,可以真正改變用戶與文檔的交互方式,這主要包括:「新的解析規則增強了靈活性、新屬性、淘汰過時的或冗餘的屬性;一個HTML5文檔到另一個文檔間的拖放功能、離線編輯、信息傳遞的增強、詳細的解析規則、多用途網際網路郵件擴展和協議處理程序註冊,在SQL資料庫中存儲數據的通用標準(WebSQL)等。」

CSS3

  CSS3是CSS(層疊樣式表)技術的升級版本,主要包括盒子模型、列表模塊、超連結方式、語言模塊、背景和邊框、文字特效、多欄布局等模塊。CSS不僅可以靜態地修飾網頁,還可以配合各種腳本語言動態地對網頁各元素進行格式化。

jQuery

  jQuery,一個快速、簡潔的JavaScript框架,它封裝JavaScript常用的功能代碼,提供一種簡便的JavaScript設計模式,優化HTML文檔操作、事件處理、動畫設計和Ajax交互。jQuery兼容各種主流瀏覽器,核心特性可以總結為:具有獨特的鏈式語法和短小清晰的多功能接口;具有高效靈活的css選擇器,並且可對CSS選擇器進行擴展;擁有便捷的插件擴展機制和豐富的插件。

  可以簡單理解,HTML定義了網頁的內容,CSS裝飾了網頁的布局,JavaScript網頁的行為jQuery是一個JavaScript庫。如果把一張網頁比作一個人,那麼HTML是人的器官,肢體等主要的組成部分;CSS是你穿的衣服之類的,讓你看起來更美觀;JavaScript為人賦予更多的交互,比如和別人交流、邏輯判斷等;jQuery是人使用工具箱。

  以上就是小編整理的Web前端開發入門中的基本內容。如果你想了解更多前端開發技術,想要積累較多實戰開發經驗,就趕快來學習吧!

我自己是一名從事了多年開發的web前端老程式設計師,目前辭職在做自己的web前端私人定製課程,今年年初我花了一個月整理了一份最適合2019年學習的web前端學習乾貨,各種框架都有整理,送給每一位前端小夥伴,想要獲取的可以關注我的頭條號並在後台私信我:前端,即可免費獲取。



作者:BOM前端工程師
連結:https://www.jianshu.com/p/119d828fc1d1

關鍵字: