WEB前段快速入門到玩溜

來源:互聯網
上載者:User

標籤:linux

我們所說的前端泛指使用HTML編寫語言寫通過瀏覽器展示的頁面,HTML全稱是超文字標記語言 (HTML),重點在於標記二字。即我們用記事本書寫的一段文字通過添加一系列標記,令瀏覽器展示出特定效果來。

1、標籤

HTML可使用標籤大致分為,CSS、語意標籤、HTML結構、文本超連結、圖片、表格、列表、表單類型。通過這一系欄標籤,定義出來的頁面在使用瀏覽器查看時候是固定內容的我們稱之為靜態頁面,而通過查詢後台資料庫產生有變化頁面我們稱之為動態網頁面。
650) this.width=650;" class="alignnone size-full wp-image-80039" src="http://www.linuxprobe.com/wp-content/uploads/2017/08/u39778054642138651461fm173sF494C231CD035D470FC5754A010070B2w640h512img.jpeg" alt="WEB前段快速入門到玩溜WEB前段快速入門到玩溜" width="640" height="512" title="WEB前段快速入門到玩溜WEB前段快速入門到玩溜" style="vertical-align:middle;height:auto;margin:10px auto;" />

2、javascript指令碼語言

前面我們說了html語言是通過一系列標記文本產生的效果,但是使用者體驗相對交差。這時候就產生了javascript語言,話說別看javascript和java很相近以為相同的東西,你說兩者有什麼區別?類似雷鋒和雷峰塔你說有什麼關聯呢?
javascript的使用增進了使用者體驗,前端中檢驗使用者輸入減輕後端訪問頻率(看似不錯,但是不安全可以繞過檢驗,所以後端也要對提交做檢驗),執行特定操作等。

3、javascript架構

javascript原生方法使用起來比較澀,從而衍生出很多架構,比較常用的是jquery架構簡化日常Web開發中使用javaScript方法,其定義理念為寫的更少做得更多。
其原理為:使用選取器確定頁面元素,定義這些元素觸發的事件,來執行一系列DOM操作。

4、Ajax非同步通訊技術

前面講的一堆東西,當使用者提交表單中內容的時候頁面需要重新整理一次才能顯示,這樣的使用者體驗特別糟糕。特別是使用者註冊,這個使用者名稱是否能用的問題上,前面說可以使用javascript指令碼去檢驗使用者輸入,但是這個沒串連後台資料庫的情況下,前端是無法獲知使用者名稱是否能用。所以我們通過Ajax技術,在前端頁面不重新整理的情況下,通過瀏覽器後台串連訪問伺服器查詢使用者名稱是否被註冊過,在前端立馬顯示該使用者名稱是否能註冊,這樣使用者能在前端立即顯示就獲知能否註冊,增加使用者體驗友好度。
650) this.width=650;" class="alignnone size-full wp-image-80038" src="http://www.linuxprobe.com/wp-content/uploads/2017/08/u1690867705861828163fm173sF6A0D54B53B4946A42616D0F0300E0C0w640h320img.jpeg" alt="WEB前段快速入門到玩溜WEB前段快速入門到玩溜" width="640" height="320" title="WEB前段快速入門到玩溜WEB前段快速入門到玩溜" style="vertical-align:middle;height:auto;margin:10px auto;" />


WEB前段快速入門到玩溜

相關文章

聯繫我們

該頁面正文內容均來源於網絡整理,並不代表阿里雲官方的觀點,該頁面所提到的產品和服務也與阿里云無關,如果該頁面內容對您造成了困擾,歡迎寫郵件給我們,收到郵件我們將在5個工作日內處理。

如果您發現本社區中有涉嫌抄襲的內容,歡迎發送郵件至: info-contact@alibabacloud.com 進行舉報並提供相關證據,工作人員會在 5 個工作天內聯絡您,一經查實,本站將立刻刪除涉嫌侵權內容。

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.