web前端（2）—— 前端技術介紹

番茄西紅柿發布于2019-04-23 13:12 / 1906人閱讀

摘要：前端技術前文了解了什么是前端，那么前端技術到底有哪些呢最核心的就這三個什么是，超文本標記語言，標準通用標記語言下的一個應用那么超文本標記語言又是什么呢哈哈，沒完沒了是吧，學習就是要這種沒完沒了的勁。

前端技術

前文了解了什么是前端，那么前端技術到底有哪些呢？最核心的就這三個：

html/html5
css/css3
javascript

什么是HTML

HyperText Markup Language，超文本標記語言，標準通用標記語言下的一個應用

那么超文本標記語言又是什么呢？哈哈，沒完沒了是吧，學習就是要這種沒完沒了的勁。

超級文本標記語言是標準通用標記語言下的一個應用，也是一種規范，一種標準，它通過標記符號來標記要顯示的網頁中的各個部分。

網頁的本質就是超級文本標記語言，通過結合使用其他的Web技術（如：腳本語言、公共網關接口、組件等），可以創造出功能強大的網頁

如果朋友們如果不信的話，你瀏覽器打開百度首頁，然后在任意空白位置，鼠標右鍵-查看源代碼：

然后會打開一個新的界面：

好的，下面黑色的字符暫時不看，看那些有顏色的字符，，，這些之類的字符就是超文本標記語言，而網頁就是這些超文本標記語言組合而成的，在后面的文章我們就會詳細的介紹html

html5

html的第五次重大改進版，支持Html5的瀏覽器包括Firefox（火狐瀏覽器），IE9及其更高版本，Chrome（谷歌瀏覽器），Safari，Opera等；國內的傲游瀏覽器（Maxthon），以及基于IE或Chromium（Chrome的工程版或稱實驗版）所推出的360瀏覽器、搜狗瀏覽器、QQ瀏覽器、獵豹瀏覽器等國產瀏覽器同樣具備支持HTML5的能力

html5在移動端的前端頁面設計很占優勢，在移動設備開發HTML5應用只有兩種方法，要不就是全使用HTML5的語法，要不就是僅使用JavaScript引擎，這個你可以想一想，JS是很牛氣的，在移動端html5能js相提并論，這個功用性不用多說了

HTML5手機應用的最大優勢就是可以在網頁上直接調試和修改。原先應用的開發人員可能需要花費非常大的力氣才能達到HTML5的效果，不斷地重復編碼、調試和運行，這是首先得解決的一個問題。因此也有許多手機雜志客戶端是基于HTML5標準，開發人員可以輕松調試修改

然后如果你是網絡重度用戶，尤其是經常看視頻，相信你應該見過html5加速吧，是的，他還可以很好的支持視頻播放之類的。總之功能很強大

什么是css

Cascading Style Sheets，層疊樣式表，是一種用來表現HTML（標準通用標記語言的一個應用）或XML（標準通用標記語言的一個子集）等文件樣式的計算機語言。CSS不僅可以靜態地修飾網頁，還可以配合各種腳本語言動態地對網頁各元素進行格式化。
CSS 能夠對網頁中元素位置的排版進行像素級精確控制，支持幾乎所有的字體字號樣式，擁有對網頁對象和模型樣式編輯的能力

還是上面那個截圖，下面那些黑色的字符就是css

這個css會在html介紹完之后就會介紹

css3

css3是css的升級版，主要包括了盒子模型、列表模塊、超鏈接方式、語言模塊、背景和邊框、文字特效、多欄布局等模塊，在css的基礎上有了很多新的功能和樣式。 CSS演進的一個主要變化就是W3C決定將CSS3分成一系列模塊。瀏覽器廠商按CSS節奏快速創新，因此通過采用模塊方法，CSS3規范里的元素能以不同速度向前發展，因為不同的瀏覽器廠商只支持給定特性。但不同瀏覽器在不同時問支持不同特性，所以這也讓跨瀏覽器開發變得復雜

在以后的css介紹中偶爾會用到一點點css3的特效

什么是javascript

JavaScript簡稱js，它一種直譯式腳本語言，是一種動態類型、弱類型、基于原型的語言，內置支持類型。它的解釋器被稱為JavaScript引擎，為瀏覽器的一部分，廣泛用于客戶端的腳本語言，最早是在HTML（標準通用標記語言下的一個應用）網頁上使用，用來給HTML網頁增加動態功能。在1995年時，由Netscape公司的Brendan Eich，在網景導航者瀏覽器上首次設計實現而成。因為Netscape與Sun合作，Netscape管理層希望它外觀看起來像Java，因此取名為JavaScript。但實際上它的語法風格與Self及Scheme較為接近。
為了取得技術優勢，微軟推出了JScript，CEnvi推出ScriptEase，與JavaScript同樣可在瀏覽器上運行。為了統一規格，因為JavaScript兼容于ECMA標準，因此也稱為ECMAScript

其實，web前端里最重要的就是javascript，這個在css介紹之后會用大量的篇幅詳細的介紹它

html，css，js之間的關系

記住這句話：html是網頁結構，css是以什么形式表現網頁結構，js控制網頁結構的行為

這個各位可能不能很好的理解，但跟著后面的文章，相信你會慢慢意會這句話

云服務器 GPU云服務器 web前端技術 web前端技術論壇 web前端技術有哪些 web前端新技術

文章版權歸作者所有，未經允許請勿轉載,若此文章存在違規行為，您可以聯系管理員刪除。

轉載請注明本文地址：http://specialneedsforspecialkids.com/yun/1565.html

如何成為一名優秀的web前端工程師（前端攻城師）？

摘要：我從沒有聽到有人問如何做一名優秀甚至卓越的前端工程師。作為一個優秀的前端工程師還需要深入了解以及學會處理的這些缺陷。再者，優秀的前端工程師需要具備良好的溝通能力，因為前端工程師至少都要滿足四類客戶的需求。　　我所遇到的前端程序員分兩種：　　第一種一直在問：如何學習前端？　　第二種總說：前端很簡單，就那么一點東西。　　我從沒有聽到有人問：如何做一名優秀、甚至卓越的WEB前端工程師...

Turbo 2019-08-20 17:21 評論0 收藏0
如何成為一名優秀的web前端工程師（前端攻城師）？

摘要：我從沒有聽到有人問如何做一名優秀甚至卓越的前端工程師。作為一個優秀的前端工程師還需要深入了解以及學會處理的這些缺陷。再者，優秀的前端工程師需要具備良好的溝通能力，因為前端工程師至少都要滿足四類客戶的需求。　　我所遇到的前端程序員分兩種：　　第一種一直在問：如何學習前端？　　第二種總說：前端很簡單，就那么一點東西。　　我從沒有聽到有人問：如何做一名優秀、甚至卓越的WEB前端工程師...

rubyshen 2019-08-29 12:47 評論0 收藏0
如何成為一名優秀的web前端工程師（前端攻城師）？

摘要：我從沒有聽到有人問如何做一名優秀甚至卓越的前端工程師。作為一個優秀的前端工程師還需要深入了解以及學會處理的這些缺陷。再者，優秀的前端工程師需要具備良好的溝通能力，因為前端工程師至少都要滿足四類客戶的需求。　　我所遇到的前端程序員分兩種：　　第一種一直在問：如何學習前端？　　第二種總說：前端很簡單，就那么一點東西。　　我從沒有聽到有人問：如何做一名優秀、甚至卓越的WEB前端工程師...

mingzhong 2019-08-01 17:00 評論0 收藏0
前端開發者手冊2019

摘要：年，和前端開發者與應用程序前端開發者之間產生了巨大的分歧。開發最常見的解決方案有手機和平板的原生應用程序桌面應用程序桌面應用程序原生技術最后，前端開發者可以從瀏覽器開發中學習到，編寫代碼不需要考慮瀏覽器引擎的限制。前端開發者手冊2019 Cody Lindley 編著原文地址本手冊由Frontend Masters贊助，通過深入現代化的前端工程課程來提高你的技能。下載：PDF ...

xiao7cn 2019-08-26 13:47 評論0 收藏0