- Vue.js從入門到項目實踐(超值版)
- 聚慕課教育研發中心編著
- 475字
- 2022-07-29 14:27:26
1.1.1 前端靜態頁面走向動態頁面的轉變

前端主要是針對瀏覽器進行開發的,代碼在瀏覽器中運行。想要學習前端的基礎還需從學習HTML開始。
1991年出現了世界上第一個網頁,當時的HTML代碼如下:
<HEADER> <TITLE>The World Wide Web project</TITLE> <NEXTID N="55"> </HEADER> <BODY> <H1>World Wide Web</H1> The World Wide Web(W3) is a wide-area <A NAME=0 HREF="WhatIs.html">hypermedia</A>
從上面的HTML源碼中可以看到代碼標簽多,且格式沒有明確規范,對于規范書寫存在著問題。在這種情況下,Tim Berners Lee創建了W3C標準機構,使得HTML的代碼有一定的規范,但是在網頁設計方面還是存在局限問題,不滿足當時的需求。
在這種情況下Sun公司編寫了Java小程序(Applet),可以在頁面中實現酷炫的動態效果,大大增加了頁面的美觀效果。緊接著網景公司為了適應發展和需求花了兩周時間開發出JavaScript語言,就是我們經常說的JS腳本語言。
HTML語言和JavaScript的誕生使得網頁之間可以進行更好的交互,但是出現了頁面規劃不整齊的情況,而且代碼量大,代碼利用率低。后來Tim的朋友發布了CSS,至此前端三大核心出現。
在前端技術不斷發展的同時,也出現了一系列的問題,比較繁雜的就是前端頁面的瀏覽器不兼容問題。同一個DOM操作可能會需要寫很多適配代碼來兼容不同瀏覽器,于是比較便捷的語言jQuery誕生了,一套代碼可以多端運行,使得代碼的開發更加便捷。
推薦閱讀
- 網站建設與網頁設計從入門到精通Dreamweaver+Flash+Photoshop+HTML+CSS+JavaScript
- 版面設計與制作
- 網頁設計實用教程
- 24小時學會網站建設
- 中文版Dreamweaver CS6/Flash CS6/Photoshop CS6網頁設計基礎培訓
- 眾妙之門:網站UI設計之道2
- jQuery+Bootstrap Web開發案例教程(在線實訓版)
- Dreamweaver CS6網頁設計與制作教程
- 眾妙之門:自由網站設計師成功之道
- HTML5+CSS3網頁制作基礎培訓教程
- 速學速通:快學Flash網頁動畫
- 人人都玩開心網:Ext JS+Android+SSH整合開發Web與移動SNS
- Premiere Pro CS6多功能教材
- 寬帶接入技術
- Web程序設計