Web開發(fā)是比較費神的，需要掌握很多很多的東西门岔，特別是從事前端開發(fā)的朋友爱致，需要通十行才行。今天寒随，本文向初學(xué)者介紹一些Web開發(fā)中的基本概念和用到的技術(shù)糠悯，從A到Z總共26項，每項對應(yīng)一個概念或者技術(shù)妻往。

Internet connection

類似于DHTML或LAMP晦墙，AJAX不是指一種單一的技術(shù)，而是有機地利用了一系列相關(guān)的技術(shù)肴茄。事實上晌畅，一些基于AJAX的“派生／合成”式（derivative/composite）的技術(shù)正在出現(xiàn)，如AFLAX寡痰。（web前端學(xué)習(xí)交流群：328058344 禁止閑聊抗楔，非喜勿進Ｆ宓省）

B — Browser
網(wǎng)頁瀏覽器 是個顯示網(wǎng)頁服務(wù)器或文件系統(tǒng)內(nèi)的文件，并讓用戶與此些文件交互的一種軟件连躏。它用來顯示在萬維網(wǎng)或局域網(wǎng)等內(nèi)的文字剩岳、圖像及其他信息。這些文字或圖像入热，可以是連接其他網(wǎng)址的超連結(jié)拍棕，用戶可迅速及輕易地瀏覽各種信息。大部分網(wǎng)頁為HTML格式勺良，有些網(wǎng)頁需特定瀏覽器才能正確顯示绰播。個人電腦上常見的網(wǎng)頁瀏覽器按照2010年1月的市場占有率依次是微軟的Internet Explorer、Mozilla的Firefox尚困、Google的Google Chrome蠢箩、蘋果公司的Safari和Opera軟件公司的Opera。瀏覽器是最經(jīng)常使用到的客戶端程序事甜。Web開發(fā)人員應(yīng)該確保其程序在各個主流瀏覽器中都能正常工作谬泌。
　　C — CSS
層疊樣式表，又稱：串樣式列表逻谦，英文：Cascading Style Sheets呵萨，簡寫為CSS，由W3C定義和維護的標準跨跨，一種用來為結(jié)構(gòu)化文檔（如HTML文檔或XML應(yīng)用）添加樣式（字體潮峦、間距和顏色等）的計算機語言。目前最新版本是CSS 2.1勇婴，為W3C的候選推薦標準忱嘹。下一版本CSS 3仍然在開發(fā)過程中。
　　D — DOM
文檔對象模型（Document Object Model耕渴，簡稱DOM）拘悦，是W3C組織推薦的處理可擴展置標語言的標準編程接口。Document Object Model的歷史可以追溯至1990年代后期微軟與Netscape的“瀏覽器大戰(zhàn)”（browser wars）橱脸，雙方為了在JavaScript與JScript一決生死础米，于是大規(guī)模的賦予瀏覽器強大的功能。微軟在網(wǎng)頁技術(shù)上加入了不少專屬事物添诉，計有VBScript屁桑、ActiveX、以及微軟自家的DHTML格式等栏赴，使不少網(wǎng)頁使用非微軟平臺及瀏覽器無法正常顯示蘑斧。DOM即是當時蘊釀出來的杰作。
　　E — Events
事件 是可以被控件識別的操作，如按下確定按鈕竖瘾，選擇某個單選按鈕或者復(fù)選框沟突。每一種控件有自己可以識別的事件，如窗體的加載捕传、單擊惠拭、雙擊等事件，編輯框(文本框)的文本改變事庸论，等等求橄，現(xiàn)代的Web應(yīng)用程序很大程度上依靠事件驅(qū)動。
　　事件有系統(tǒng)事件和用戶事件葡公。系統(tǒng)事件由系統(tǒng)激發(fā)罐农，如時間每隔24小時，銀行儲戶的存款日期增加一天催什。用戶事件由用戶激發(fā)涵亏，如用戶點擊按鈕，在文本框中顯示特定的文本蒲凶。事件驅(qū)動控件執(zhí)行某項功能气筋。觸發(fā)事件的對象稱為事件發(fā)送者；接收事件的對象稱為事件接收者旋圆。
　　使用事件機制可以實現(xiàn)：當類對象的某個狀態(tài)發(fā)生變化時宠默，系統(tǒng)將會通過某種途徑調(diào)用類中的有關(guān)處理這個事件的方法或者觸發(fā)控件事件的對象就會調(diào)用該控件所有已注冊的事件處理程序等。
　　F — Firebug
Firebug 是網(wǎng)頁瀏覽器 Mozilla Firefox 的一個擴展灵巧，是一個除錯工具搀矫。用戶可以利用它除錯、編輯刻肄、甚至刪改任何網(wǎng)站的 CSS瓤球、HTML、DOM敏弃、與 JavaScript 代碼卦羡。Firebug 也有提供其他網(wǎng)頁開發(fā)工具，例如 Yahoo! 的網(wǎng)頁速度優(yōu)化建議工具YSlow麦到。Firebug是哈維（Joe Hewitt）撰寫的绿饵。他是最初Firefox創(chuàng)始者之一。
　　G — Grid
網(wǎng)格瓶颠，也稱柵格拟赊，不過從定義上說，柵格更為準確些步清。網(wǎng)上找個一個對網(wǎng)頁柵格系統(tǒng)比較恰當?shù)?a target="_blank" rel="nofollow">定義：以規(guī)則的網(wǎng)格陣列來指導(dǎo)和規(guī)范網(wǎng)頁中的版面布局以及信息分布要门。網(wǎng)頁柵格系統(tǒng)是從平面柵格系統(tǒng)中發(fā)展而來。對于網(wǎng)頁設(shè)計來說廓啊，柵格系統(tǒng)的使用欢搜，不僅可以讓網(wǎng)頁的信息呈現(xiàn)更加美觀易讀，更具可用性谴轮。而且炒瘟，對于前端開發(fā)來說，網(wǎng)頁將更加的靈活與規(guī)范第步。如果有很多CSS框架支持柵格功能疮装，可參考文章《介紹27款經(jīng)典的CSS框架》。
　　H — HTML
超文本置標語言（英文：HyperText Markup Language粘都，HTML）是為“網(wǎng)頁創(chuàng)建和其它可在網(wǎng)頁瀏覽器中看到的信息”設(shè)計的一種置標語言廓推。HTML被用來結(jié)構(gòu)化信息——例如標題、段落和列表等等翩隧，也可用來在一定程度上描述文檔的外觀和語義樊展。由蒂姆·伯納斯-李給出原始定義，由IETF用簡化的SGML（標準通用置標語言）語法進行進一步發(fā)展的HTML堆生，后來成為國際標準专缠，由萬維網(wǎng)聯(lián)盟（W3C）維護。
　　最新版本是HTML5它是HTML下一個的主要修訂版本淑仆，現(xiàn)在仍處于發(fā)展階段涝婉。目標是取代1999年所定訂的HTML 4.01和XHTML 1.0 標準，以期能在互聯(lián)網(wǎng)應(yīng)用迅速發(fā)展的時候蔗怠，使網(wǎng)絡(luò)標準達到符合當代的網(wǎng)絡(luò)需求墩弯。廣義論及HTML5時，實際指的是包括HTML寞射、CSS和JavaScript在內(nèi)的一套技術(shù)組合最住。
　　I — IE
Windows Internet Explorer（舊稱Microsoft Internet Explorer，簡稱Internet Explorer怠惶，縮寫IE）涨缚，是微軟公司推出的一款網(wǎng)頁瀏覽器。截至2010年9月止策治，統(tǒng)計的數(shù)據(jù)顯示Internet Explorer的市場占有率高達59.65%脓魏。雖然它依然是使用最廣泛的網(wǎng)頁瀏覽器，但與2003年最高峰時相比通惫，市場占有率相差超過30%茂翔。
　　Internet Explorer對一些標準化技術(shù)都有一定程度上的支持，但亦有很多運行上的差距和兼容性的故障 履腋，這導(dǎo)致技術(shù)開發(fā)者的批評日益增加珊燎。批評增加的情況惭嚣，在很大程度上是歸因于Internet Explorer的競爭對手相對地已提供完全的技術(shù)支持，標準規(guī)格（Standards-compliant）的應(yīng)用亦越來越廣泛起來悔政。因為Internet Explorer在全球廣為應(yīng)用晚吞，網(wǎng)絡(luò)開發(fā)者們在尋求跨平臺的代碼時常常會發(fā)現(xiàn)Internet Explorer的漏洞、私有的功能集合和對標準支持的不完善谋国。
　　2011年3月14日發(fā)布的Internet Explorer 9瀏覽器大幅提高對CSS3和HTML5等W3C規(guī)范的支持程度槽地，這個版本也是Internet Explorer瀏覽器第一個采用GPU加速的版本，正式版于Acid3測試中獲得95/100分芦瘾，相比以往版本有很大進步捌蚊。可以認為近弟，從Internet Explorer 9開始缅糟，Internet Explorer瀏覽器對W3C規(guī)范的支持將不再是問題。
　　J — JavaScript
JavaScript 是一種廣泛用于客戶端Web開發(fā)的腳本語言祷愉，常用來給HTML網(wǎng)頁添加動態(tài)功能溺拱，比如響應(yīng)用戶的各種操作。它最初由網(wǎng)景公司的Brendan Eich設(shè)計谣辞，是一種動態(tài)迫摔、弱類型、基于原型的語言泥从，內(nèi)置支持類句占。JavaScript是Sun公司的注冊商標。Ecma國際以JavaScript為基礎(chǔ)制定了ECMAScript標準躯嫉。JavaScript也可以用于其他場合纱烘，如服務(wù)器端編程。完整的JavaScript實現(xiàn)包含三個部分：ECMAScript祈餐，文檔對象模型擂啥，字節(jié)順序記號。
　　Netscape公司在最初將其腳本語言命名為LiveScript來Netscape在與Sun合作之后將其改名為JavaScript帆阳。JavaScript最初受Java啟發(fā)而開始設(shè)計的哺壶，目的之一就是“看上去像Java”，因此語法上有類似之處蜒谤，一些名稱和命名規(guī)范也借自Java山宾。但JavaScript的主要設(shè)計原則源自Self和Scheme.JavaScript與Java名稱上的近似，是當時網(wǎng)景為了營銷考慮與Sun公司達成協(xié)議的結(jié)果鳍徽。為了取得技術(shù)優(yōu)勢资锰，微軟推出了JScript來迎戰(zhàn)JavaScript的腳本語言。為了互用性阶祭，Ecma國際（前身為歐洲計算機制造商協(xié)會）創(chuàng)建了ECMA-262標準（ECMAScript）”炼牛現(xiàn)在兩者都屬于ECMAScript的實現(xiàn)直秆。盡管JavaScript作為給非程序人員的腳本語言，而非作為給程序人員的編程語言來推廣和宣傳鞭盟，但是JavaScript具有非常豐富的特性圾结。
　　K — Keyword Optimization
　　關(guān)鍵詞優(yōu)化，也叫搜索引擎優(yōu)化（Search Engine Optimization懊缺，簡稱SEO）是一種利用搜索引擎的搜索規(guī)則來提高目的網(wǎng)站在有關(guān)搜索引擎內(nèi)的排名的方式疫稿。由于不少研究發(fā)現(xiàn)培他，搜索引擎的用戶往往只會留意搜索結(jié)果最前面的幾個條目鹃两，所以不少網(wǎng)站都希望通過各種形式來影響搜索引擎的排序。當中尤以各種依靠廣告維生的網(wǎng)站為甚舀凛。
　　所謂“針對搜索引擎作優(yōu)化的處理”俊扳，是指為了要讓網(wǎng)站更容易被搜索引擎接受。搜索引擎會將網(wǎng)站彼此間的內(nèi)容做一些相關(guān)性的數(shù)據(jù)比對猛遍，然后再由瀏覽器將這些內(nèi)容以最快速且接近最完整的方式馋记，體現(xiàn)給搜索者。
　　搜索引擎優(yōu)化對于任何一家網(wǎng)站來說懊烤，要想在網(wǎng)站推廣中取得成功梯醒，搜索引擎優(yōu)化都是至為關(guān)鍵的一項任務(wù)。同時腌紧，隨著搜索引擎不斷變換它們的排名算法規(guī)則茸习，每次算法上的改變都會讓一些排名很好的網(wǎng)站在一夜之間名落孫山，而失去排名的直接后果就是失去了網(wǎng)站固有的可觀訪問量壁肋。所以每次搜索引擎算法的改變都會在網(wǎng)站之中引起不小的騷動和焦慮号胚。可以說浸遗，搜索引擎優(yōu)化是一個愈來愈復(fù)雜的任務(wù)猫胁。
　　L — Less
Less 最早是一個ruby的gem，讓CSS具有動態(tài)語言的特性跛锌，這些特性包括變量弃秆，操作符，嵌套規(guī)則髓帽。其實Less真正的作用是將使用高級特性的CSS轉(zhuǎn)換成標準的CSS驾茴。這些都是在Web客戶端發(fā)起請求時通過Http Handler來完成的。也可以是編輯時就完成的氢卡。此外锈至，Less可以配置成自動最小化所生成的CSS文件，不僅節(jié)省了帶寬译秦，并且使最終用戶體驗更上一層峡捡。另外有.Net版本的Less击碗。
　　M — MVC
MVC模式（Model-View-Controller）是軟件工程中的一種軟件架構(gòu)模式，把軟件系統(tǒng)分為三個基本部分：模型（Model）们拙、視圖（View）和控制器（Controller）稍途。MVC模式最早由Trygve Reenskaug在1974年提出，是施樂帕羅奧多研究中心（Xerox PARC）在20世紀80年代為程序語言Smalltalk發(fā)明的一種軟件設(shè)計模式砚婆。MVC模式的目的是實現(xiàn)一種動態(tài)的程序設(shè)計械拍，使后續(xù)對程序的修改和擴展簡化，并且使程序某一部分的重復(fù)利用成為可能装盯。除此之外坷虑，此模式通過對復(fù)雜度的簡化，使程序結(jié)構(gòu)更加直觀埂奈。軟件系統(tǒng)通過對自身基本部份分離的同時也賦予了各個基本部分應(yīng)有的功能迄损。
　　N — Node.JS
Node 是一個Javascript運行環(huán)境(runtime)，實際上它是對Google V8引擎（應(yīng)用于Google Chrome瀏覽器)進行了封裝账磺。V8引 擎執(zhí)行Javascript的速度非城鄣校快，性能非常好垮抗。Node對一些特殊用例進行了優(yōu)化氏捞，提供了替代的API，使得V8在非瀏覽器環(huán)境下運行得更好冒版。例 如液茎，在服務(wù)器環(huán)境中，處理二進制數(shù)據(jù)通常是必不可少的壤玫，但Javascript對此支持不足豁护，因此，V8.Node增加了Buffer類欲间，方便并且高效地 處理二進制數(shù)據(jù)楚里。因此，Node不僅僅簡單的使用了V8,還對其進行了優(yōu)化猎贴，使其在各環(huán)境下更加給力班缎。Node.js包羅萬象，但最主要的一點是她渴，它提供了一種在Web瀏覽器之外運行Javascript的途徑达址。Javascript廣泛應(yīng)用于網(wǎng)站的前端開發(fā)。Node使得這種流行的編程語言能夠在更多環(huán)境下運行趁耗，甚至是網(wǎng)站的服務(wù)器端沉唠。
　　O — Object
對象（object），是面向?qū)ο?/a>(Object Oriented) 中的術(shù)語苛败，既表示客觀世界問題空間(Namespace)中的某個具體的事物满葛，又表示軟件系統(tǒng)解空間中的基本元素径簿。在軟件系統(tǒng)中，對象具有唯一的標識符嘀韧，對象包括屬性(Properties)和方法(Methods)篇亭，屬性就是需要記憶的信息，方法就是對象能夠提供的服務(wù)锄贷。在面向?qū)ο?Object Oriented) 的軟件中译蒂，對象(Object)是某一個類(Class)的實例(Instance)。
　　P — PHP
PHP（Hypertext Preprocessor）是一種在電腦上運行的腳本語言谊却，主要用途是在于處理動態(tài)網(wǎng)頁柔昼，也包含了命令行運行接口（command line interface），或者產(chǎn)生圖形用戶界面（GUI）程序因惭。PHP最早由Rasmus Lerdorf在1995年發(fā)明岳锁，而現(xiàn)在PHP的標準由PHP Group和開放源代碼社區(qū)維護绩衷。PHP以PHP License作為許可協(xié)議蹦魔，不過因為這個協(xié)議限制了PHP名稱的使用，所以和開放源代碼許可協(xié)議GPL不兼容咳燕。
　　PHP的應(yīng)用范圍相當廣泛勿决，尤其是在網(wǎng)頁程序的開發(fā)上。一般來說PHP大多運行在網(wǎng)頁服務(wù)器上招盲，通過運行PHP代碼來產(chǎn)生用戶瀏覽的網(wǎng)頁低缩。PHP可以在多數(shù)的服務(wù)器和操作系統(tǒng)上運行，而且使用PHP完全是免費的曹货。根據(jù)2007年4月的統(tǒng)計數(shù)據(jù)咆繁，PHP已經(jīng)被安裝在超過2000萬個網(wǎng)站和100萬臺服務(wù)器上。
　　Q — Query
查詢顶籽，有很多種意思玩般。例如查詢語言用來和存儲數(shù)據(jù)的擴展系統(tǒng)交互，一個很好的例子就是SQL用來操作關(guān)系數(shù)據(jù)庫礼饱。另一種意思是坏为，一個查詢字符串，作為URL的一部分用于Web應(yīng)用程序中傳遞數(shù)據(jù)镊绪，查詢字符串的格式一般是鍵值對形式匀伏。
　　R — Regular Expressions
正則表達式（英語：Regular Expression、regex或regexp蝴韭，縮寫為RE）够颠，也譯為正規(guī)表示法、常規(guī)表示法榄鉴，在計算機科學(xué)中履磨，是指一個用來描述或者匹配一系列符合某個句法規(guī)則的字符串的單個字符串核行。在很多文本編輯器或其他工具里，正則表達式通常被用來檢索和/或替換那些符合某個模式的文本內(nèi)容蹬耘。許多程序設(shè)計語言都支持利用正則表達式進行字符串操作芝雪。例如，在Perl中就內(nèi)建了一個功能強大的正則表達式引擎综苔。正則表達式這個概念最初是由Unix中的工具軟件（例如sed和grep）普及開的惩系。
　　S — Source Control
源代碼管理，也稱版本控制如筛，是一種軟件工程技巧堡牡，借此能在軟件開發(fā)的過程中，確保由不同人所編輯的同一程式檔案都得到同步杨刨。軟件設(shè)計師常會利用版本控制來追蹤晤柄、維護源碼、文件以及設(shè)定檔等等的更動妖胀，并且提供控制這些更動控制權(quán)的程序芥颈。在最簡單的情況下，軟件設(shè)計師可以自己保留一個程式的許多不同版本赚抡，并且為它們做適當?shù)木幪柵揽印＿@種簡單的方法已被用在很多大型的軟件專案中。這是一個可以達到目的的方法涂臣，但不夠有效率盾计。除了得同時維護很多幾乎一樣的程式碼備份外；而且極度依賴軟件設(shè)計師的自我修養(yǎng)與開發(fā)紀律赁遗，但這卻常是導(dǎo)致錯誤發(fā)生的原因署辉。
　　有時候，一個程式同時存有兩個以上的版本也有其必要性岩四，例如：在一個為了部署的版本中程式錯誤已經(jīng)被修正哭尝、但沒有加入新功能；在另一個開發(fā)版本則有新的功能正在開發(fā)炫乓、也有新的錯誤待解決刚夺，這使得同時間需要不同的版本并修改。此外末捣，為了找出只存在于某一特定版本中的程式錯誤侠姑、或找出程式錯誤出現(xiàn)的版本，軟件除錯者也必須借由比對不同版本的程式碼以找出問題的位置箩做。
　　T — TDD
測試驅(qū)動開發(fā)（Test-driven development）是現(xiàn)代計算機軟件開發(fā)方法的一種莽红。利用測試來驅(qū)動軟件程序的設(shè)計和實現(xiàn)。測試驅(qū)動開始流行于20世紀90年代。測試驅(qū)動開發(fā)是極限編程中倡導(dǎo)的程序開發(fā)方法安吁，方法主要是先寫測試程序醉蚁，然后再編碼使其通過測試。測試驅(qū)動開發(fā)的目的是取得快速反饋并使用“illustrate the main line”方法來構(gòu)建程序鬼店。
　　測試驅(qū)動開發(fā)的比喻网棍。開發(fā)可以從兩個方面去看待：實現(xiàn)的功能和質(zhì)量。測試驅(qū)動開發(fā)更像兩頂帽子思考法的開發(fā)方式妇智，先戴上實現(xiàn)功能的帽子滥玷，在測試的輔助下，快速實現(xiàn)正確的功能巍棱；再戴上重構(gòu)的帽子惑畴，在測試的保護下，通過去除冗余和重復(fù)的代碼航徙，提高代碼重用性如贷，實現(xiàn)對質(zhì)量的改進〉教ぃ可見測試在測試驅(qū)動開發(fā)中確實屬于核心地位杠袱，貫穿了開發(fā)的始終。
　　U — Unit Testing
單元測試（又稱為模塊測試）是針對程序模塊(軟件設(shè)計的最小單位)來進行正確性檢驗的測試工作夭禽。程序單元是應(yīng)用的最小可測試部件霞掺。在過程化編程中谊路，一個單元就是單個程序讹躯、函數(shù)、過程等缠劝；對于面向?qū)ο缶幊坛碧荩钚卧褪欠椒ǎɑ悾ǔ悾┎夜А⒊橄箢惐蟆⒒蛘吲缮悾ㄗ宇悾┲械姆椒ā?br> 　　通常來說，程序員每修改一次程序就會進行最少一次單元測試脱羡，在編寫程序的過程中前后很可能要進行多次單元測試萝究，以證實程序達到軟件規(guī)格書(en:Specification)要求的工作目標，沒有臭蟲锉罐；雖然單元測試不是什么必須的帆竹，但也不壞，這牽涉到項目管理的政策決定脓规。
　　V — VIM
Vim 是從vi發(fā)展出來的一個文本編輯器栽连。代碼補完、編譯及錯誤跳轉(zhuǎn)等方便編程的功能特別豐富，在程序員中被廣泛使用秒紧。和Emacs并列成為類Unix系統(tǒng)用戶最喜歡的編輯器绢陌。Vim的第一個版本由Bram Moolenaar在1991年發(fā)布。最初的簡稱是Vi IMitation熔恢，隨著功能的不斷增加脐湾，正式名稱改成了Vi IMproved。現(xiàn)在是在開放源代碼方式下發(fā)行的自由軟件叙淌。
　　W — WordPress
WordPress 是一種使用PHP語言開發(fā)的博客平臺沥割，用戶可以在支持PHP和MySQL 數(shù)據(jù)庫的服務(wù)器上架設(shè)自己的網(wǎng)志。也可以把 WordPress 當作一個內(nèi)容管理系統(tǒng)（CMS）來使用凿菩。WordPress 是一個免費的開源項目机杜，在GNU通用公共許可證下授權(quán)發(fā)布。目前最新版本為2011年2月24日發(fā)布的3.0.5官方簡體中文版衅谷，另外還有包括英文在內(nèi)的多種語言可選椒拗。
　　X — XSS
跨網(wǎng)站指令碼（Cross-site scripting，通常簡稱為XSS）是一種網(wǎng)站應(yīng)用程式的安全漏洞攻擊获黔，允許惡意使用者將程式碼注入到網(wǎng)頁上蚀苛，其他使用者在觀看網(wǎng)頁時就會受到影響。這類攻擊通常包含了HTML以及使用者端腳本語言玷氏。
　　Y — YUI
Yahoo! UI Library (YUI) 是一個開放源代碼的 JavaScript 函數(shù)庫堵未，為了能建立一個高互動的網(wǎng)頁，它采用了AJAX盏触，DHTML 和 DOM 等程式碼技術(shù)剑令。它也包含了許多 CSS 資源。
　　Z — Z index
Z-Index 是CSS屬性哥谷，設(shè)置元素的堆疊順序猜谚。擁有更高堆疊順序的元素總是會處于堆疊順序較低的元素的前面。該屬性設(shè)置一個定位元素沿 z 軸的位置辨嗽，z 軸定義為垂直延伸到顯示區(qū)的軸世落。如果為正數(shù)，則離用戶更近糟需，為負數(shù)則表示離用戶更遠屉佳。