|
A——AJAX
AJAX是異步JavaScript和XML的意思,它是近些年你使用的所有流暢的Web應(yīng)用背后的主要驅(qū)動(dòng)力。
AJAX作為一項(xiàng)技術(shù)來(lái)說(shuō),使用已經(jīng)很普遍了。Gmail,F(xiàn)lickr等,你甚至還可以在WordPress的管理員面板里找到它。那么它到底是什么以及它如何實(shí)現(xiàn)的呢?
說(shuō)到底它的核心是XMLHttpRequest,這允許在頁(yè)面完全渲染之后發(fā)送請(qǐng)求并接收返回,而無(wú)需關(guān)聯(lián)頁(yè)面其它部分。這意味著web程序不需要為每一個(gè)操作而刷新整個(gè)頁(yè)面。這提供了非常流暢,動(dòng)感的類似桌面應(yīng)用的用戶體驗(yàn)。
相關(guān)閱讀
- How to Make AJAX Requests With Raw Javascript
- 24 Best Practices for AJAX Implementations
- Submit A Form Without Page Refresh using jQuery
B——Browser(瀏覽器)
瀏覽器是能理解你的網(wǎng)站或應(yīng)用杰作的結(jié)構(gòu)的東西。它不僅僅可以用來(lái)上網(wǎng),現(xiàn)代的瀏覽器還是一個(gè)多任務(wù)的平臺(tái)。比如我安裝的,帶有IRC,F(xiàn)TP和同步信息到每個(gè)設(shè)備的功能。
你可能已經(jīng)知道,瀏覽器及時(shí)寶貴的開(kāi)發(fā)工具,又會(huì)帶來(lái)很多麻煩。每個(gè)必須保證他們的作品在每個(gè)瀏覽器下都看起來(lái)很完美的開(kāi)發(fā)者應(yīng)該很能理解這個(gè)痛苦。
相關(guān)閱讀
- 13 Ways to Browser Test and Validate Your Work
- Top 5 Ways to Browser-Test your Website
- 9 Most Common IE Bugs and How to Fix Them
C——CSS
CSS是前端開(kāi)發(fā)的一把利劍。CSS是層疊樣式表單的縮寫(xiě),它是一門(mén)可以定義網(wǎng)頁(yè)如何顯示的語(yǔ)言。
在Web開(kāi)發(fā)最恐怖的年代,開(kāi)發(fā)者經(jīng)常把樣式代碼寫(xiě)到HTML源代碼中去。CSS則非常好地將樣式從內(nèi)容中分離出來(lái)。
相關(guān)閱讀
- The 30 CSS Selectors you Must Memorize
- 30 CSS Best Practices for Beginners
- Understanding CSS Specificity
- CSS: Noob to Ninja – The Complete Video Series
- CSS排版基礎(chǔ)
D——DOM
DOM是文檔對(duì)象模型的縮寫(xiě),這是與HTML或XML文檔交互的公認(rèn)的約定。DOM API提供了用程序遍歷和操作文檔的功能。
“DOM為分析后的HTML文檔創(chuàng)建了一個(gè)相符的層級(jí)結(jié)構(gòu)。子元素叫做節(jié)點(diǎn)或DOM節(jié)點(diǎn)”
如果你聽(tīng)到人家談?wù)揇OM,其實(shí)他們是在說(shuō)DOM腳本。這以前是描述通過(guò)JavaScript訪問(wèn)和操作DOM的術(shù)語(yǔ)。這是大多數(shù)你現(xiàn)在看到的現(xiàn)代網(wǎng)站和應(yīng)用背后的技術(shù)。
相關(guān)閱讀
- JavaScript and the DOM Series: Lesson 1
- Javascript and the DOM: Lesson 2
- The Dom is a Mess – Lecture by John Resig
E——Events(事件)
現(xiàn)代Web應(yīng)用是深層事件驅(qū)動(dòng)的。那么什么是事件呢?你在網(wǎng)頁(yè)上做的大多數(shù)事情都組成一個(gè)事件。鼠標(biāo)放在鏈接上,點(diǎn)擊按鈕,按下Tab鍵等都是有效的事件。
事件處理指的是當(dāng)某個(gè)事件發(fā)生時(shí)執(zhí)行一段指定的代碼。這也是你必須掌握的現(xiàn)代web開(kāi)發(fā)背后的基本概念。
相關(guān)閱讀
- JavaScript from Null: Chapter 5 – Events
- JavaScript Events from the Ground Up
- JavaScript from Null: Cross-Browser Event Binding
- JavaScript Event Delegation in 4 Minutes
F——Firebug
工欲善其事,必先利其器。Web開(kāi)發(fā)者也一樣。一個(gè)很強(qiáng)大的工具就是Firebug。
Firebug是一個(gè)可以貫穿你的工作的firefox擴(kuò)展。它讓你在運(yùn)行中編輯和監(jiān)控一個(gè)頁(yè)面的方方面面。這里不能詳細(xì)說(shuō)它的特性,所以點(diǎn)擊下面的鏈接吧。
相關(guān)閱讀
- 10 Reasons Why You Should Be Using Firebug
- How to Theme any CMS Using Firebug
- Firebug: White to Black Belt
G——Grid(網(wǎng)格)
網(wǎng)格是頁(yè)面結(jié)構(gòu)化的可視化框架。它從一度發(fā)達(dá)的印刷工業(yè)移植過(guò)來(lái),網(wǎng)格是當(dāng)前Web開(kāi)發(fā)中必不可少的一部分。
有很多CSS框架可以用來(lái)創(chuàng)建基于網(wǎng)格的布局,對(duì)于非常大數(shù)量的頁(yè)面和布局需要高強(qiáng)度的練習(xí)。
相關(guān)閱讀
- A Detailed Look at the 960 CSS Framework
- A Closer Look At the Blueprint CSS Framework
- Crash Course: YUI Grids CSS
- Mastering the 960 Grid System
H——HTML
如果你現(xiàn)在在閱讀這篇文章,你可能對(duì)它的概念有一些模糊的認(rèn)識(shí)了。如果你被這個(gè)鏈接欺騙了,請(qǐng)繼續(xù)閱讀。順便歡迎大家訪問(wèn)rockux,我們提供很多有關(guān)web開(kāi)發(fā)的文章。HTML是超文本標(biāo)記語(yǔ)言的縮寫(xiě),是網(wǎng)頁(yè)語(yǔ)言事實(shí)上的標(biāo)準(zhǔn)。HTML由幾個(gè)組件或元素組成:標(biāo)簽,標(biāo)簽屬性和標(biāo)簽中包含的內(nèi)容。HTML標(biāo)準(zhǔn)的最新版本,HTML5,給我們帶來(lái)了很多新特性,并解決了一些兼容性問(wèn)題。
相關(guān)閱讀
- “HTML5 and You” Course
- 30 HTML Best Practices for Beginners
- 28 HTML5 Features, Tips, and Techniques you Must Know
- The 10 HTML Tags Beginners Aren’t Using
- 10個(gè)HTML5起步必備的指南,資源和工具
I —— IE
呃,InterNET Explore。這個(gè)名字喚起敬畏和憤怒。曾經(jīng)它是一個(gè)英雄,帶來(lái)了四個(gè)令人興奮的新功能,推動(dòng)了整個(gè)工業(yè)的向前發(fā)展,它也結(jié)束了瀏覽器停滯不前的歷史。直到今天,它依然引領(lǐng)著前端開(kāi)發(fā)者。經(jīng)過(guò)十年的戰(zhàn)爭(zhēng),IE的最后版本是9,它重新走向了正確的創(chuàng)新方向。
不管你對(duì)IE的態(tài)度如何,它始終是Web開(kāi)發(fā)過(guò)程逃脫不掉的。
相關(guān)閱讀
- The Things InterNET Explorer Got Right
- 9 Most Common IE Bugs and How to Fix Them
- Did InterNET Explorer get the Box Model Right?
J —— JavaScript
JavaScript是基本web開(kāi)發(fā)三件套中的最后一個(gè)成員。JavaScript,不是Java,是Web的腳本語(yǔ)言。有幾十億的網(wǎng)頁(yè)在使用它,更重要的是網(wǎng)站支撐了這個(gè)說(shuō)法。你通過(guò)JavaScript定義行為,管理事件,處理DOM并與服務(wù)器交互。
歸功于不可思議的類庫(kù)的使用,如jQuery,對(duì)JavaScript的理解和知識(shí)逐年增長(zhǎng)。我覺(jué)得可以很合適地說(shuō)JavaScript是每個(gè)現(xiàn)代web開(kāi)發(fā)者絕對(duì)必備的。
相關(guān)閱讀
- 24 JavaScript Best Practices for Beginners
- JavaScript from Null: Video Series
- 33 Developers you MUST Subscribe to as a JavaScript Junkie
- 如何編寫(xiě)高質(zhì)量的Javascript代碼
K —— Keyword Optimization(關(guān)鍵詞優(yōu)化)
SEO只與Web開(kāi)發(fā)有關(guān)系,但是即使是這樣,web開(kāi)發(fā)者掌握一些什么是SEO以及它能做什么之類的基本知識(shí)是非常重要的。關(guān)鍵詞優(yōu)化指的是為你的網(wǎng)站選擇正確的關(guān)鍵詞并且優(yōu)化它們以使你的訪客可以找到你的網(wǎng)站。而當(dāng)你涉足所有SEO的原則時(shí),記住:內(nèi)容是王道。如果你擁有非常棒的SEO但是內(nèi)容很差勁,用戶可能會(huì)找到你但是很快就會(huì)離開(kāi)。如果你有好的內(nèi)容,用戶會(huì)找到你并留下來(lái)。
相關(guān)閱讀
L —— Less
Less是一門(mén)帶刺玫瑰式的樣式語(yǔ)言。它們的網(wǎng)站描述到LESS擴(kuò)展了CSS的動(dòng)態(tài)行為,例如變量,混合類型,操作符和函數(shù),我也傾向于贊成這種做法。
LESS是CSS合成類固醇。是的它對(duì)于我來(lái)說(shuō)聽(tīng)起來(lái)更好一些,但是你知道它是什么意思。它將動(dòng)態(tài)語(yǔ)言的特性帶到CSS中,因此使得樣式表更加強(qiáng)大和容易管理。
相關(guān)閱讀
M —— MVC
模型視圖控制模式,更為人所知的是MVC模式,是web開(kāi)發(fā)中用得最多的模式之一。這是一個(gè)架構(gòu)模式,它將web應(yīng)用的每一部分分割到邏輯的大塊以方便維護(hù)—— 模型處理數(shù)據(jù),視圖處理展現(xiàn)而控制器負(fù)責(zé)這兩部分之間的數(shù)據(jù)流。
如果你使用現(xiàn)代web開(kāi)發(fā)框架,你就使用了MVC。Ruby on Rails,Code Igniter和Zend Framework都使用這種模式。
相關(guān)閱讀
- MVC for Noobs
- Create your First Tiny MVC Boilerplate with php
- ASP.NET from Scratch: MVC
N —— node.JS
node.JS引領(lǐng)Web開(kāi)發(fā)走進(jìn)了一個(gè)新的時(shí)代。它使在非常快的VM(V8)引擎上運(yùn)行JavaScript成為可能。這個(gè)思考模式的轉(zhuǎn)移的結(jié)果可能不會(huì)馬上就顯現(xiàn)出來(lái),但是過(guò)一段時(shí)間就會(huì)明顯展現(xiàn)出它的優(yōu)勢(shì)了。
驚人的速度以及管理成千上萬(wàn)的并發(fā)IO事件是全世界JavaScript開(kāi)發(fā)者主要的談?wù)擖c(diǎn)。
相關(guān)閱讀
- Learning Server-Side JavaScript with Node.js
- Node.JS Official Site
O —— Object
面向?qū)ο缶幊桃驗(yàn)樗撵`活性已經(jīng)被編程社區(qū)廣泛接受。使用OOP你可以寫(xiě)很少行的代碼,使得它更干凈因此也更容易維護(hù)。
但是究竟什么是對(duì)象呢?很難用一兩句話去解釋清楚,看下面的鏈接吧。
相關(guān)閱讀
- Object-Oriented php for Beginners
- The Basics of Object-Oriented JavaScript
- Wikipedia link
P —— php
php無(wú)疑是最流行的服務(wù)器端語(yǔ)言—— 它支撐著上百萬(wàn),可能是幾十億的網(wǎng)頁(yè)和應(yīng)用。
雖然面對(duì)一系列的更新的,爭(zhēng)論說(shuō)更好的選擇來(lái)寫(xiě)web應(yīng)用程序,php不但生存下來(lái)了,而且來(lái)興旺繁榮起來(lái)。WordPress,Joomla,Drupal,MediaWiki都使用php作為后端語(yǔ)言。一個(gè)主要的原因是部署容易并且你相對(duì)容易找到支持php的主機(jī)。
相關(guān)閱讀
- 30+ php Best Practices for Beginners
- Why You’re a Bad php Programmer
- 9 Useful php Functions and Features You Need to Know
- 10個(gè)php開(kāi)發(fā)者常犯的MySQL錯(cuò)誤
Q —— Query(查詢)
在我們文章中查詢可以代表很多東西。查詢語(yǔ)言用于向外部系統(tǒng)獲取數(shù)據(jù)的接口。SQL是一個(gè)很好的例子,它從關(guān)系型數(shù)據(jù)庫(kù)中獲取信息。
另一方面,查詢字符串是作為URL一部分傳遞給web應(yīng)用的一塊。這個(gè)數(shù)據(jù)可能是用戶要訪問(wèn)驗(yàn)證ID或交易的頁(yè)面中的任何東西。查詢字符串被格式化為鍵值對(duì)。
相關(guān)閱讀
- CodeIgniter from Scratch: Search Results without Query Strings
- “Popular Posts By Comment Count” SQL Query in WordPress
R —— Regular Expressions(正則表達(dá)式)
正則表達(dá)式提供一種靈活的方式來(lái)按指定的模式匹配文本中的字符串。它以一種特定的語(yǔ)言書(shū)寫(xiě),并有解釋器解析。所有現(xiàn)代語(yǔ)言都支持正則表達(dá)式。
相關(guān)閱讀
- Regular Expressions for Dummies: Screencast Series
- Javascript正則表達(dá)式教程
- Advanced Regular Expression Tips and Techniques
S —— Source Control(源碼控制)
源碼控制是一個(gè)團(tuán)隊(duì)開(kāi)發(fā)過(guò)程中流行的做法,無(wú)論他們關(guān)注哪一個(gè)方面—— 任何領(lǐng)域的程序員都使用源碼控制。但是它到底是什么呢?簡(jiǎn)單地說(shuō),源碼控制讓團(tuán)隊(duì)開(kāi)發(fā)人員在一個(gè)文件集合上工作,跟蹤并標(biāo)識(shí)每個(gè)成員的更改。每個(gè)版本的代碼都可以合來(lái)比較,合并甚至是還原。
相關(guān)閱讀
- Terminal, Git, and GitHub for the Rest of Us: Screencast
- A Visual Introduction to Git
- Easy Version Control with Git
- Getting the Hang of GitHub
T —— TDD(測(cè)試驅(qū)動(dòng)開(kāi)發(fā))
這又是一個(gè)所有開(kāi)發(fā)者中普遍的元素。TDD是測(cè)試驅(qū)動(dòng)開(kāi)發(fā)的簡(jiǎn)寫(xiě),指的是代碼和自動(dòng)這個(gè)代碼的測(cè)試用例同時(shí)進(jìn)行的過(guò)程。這移除了許多乏味的軟件測(cè)試并且鼓勵(lì)開(kāi)發(fā)者更多的測(cè)試。
相關(guān)閱讀
- The Newbie’s Guide to Test-Driven Development
- Test-Driven JavaScript Development in Practice
- How to Test your JavaScript Code with QUnit
U —— Unit Testing(單元測(cè)試)
單元測(cè)試是一系列的TFF,小的代碼單元被測(cè)試以確保他們是可發(fā)布的。然而單元測(cè)試經(jīng)常與OPP中的方法有關(guān),通常它意味著程序的中可以獨(dú)立的測(cè)試最小單元。
相關(guān)閱讀
- How to Test your JavaScript Code with QUnit
V —— VIM
VIM是一個(gè)非常極端的文本編輯器。Vim是免費(fèi),開(kāi)源的,有無(wú)數(shù)的功能包可以選擇。另一方面,它的學(xué)習(xí)曲線幾乎是難以忍受的陡峭,如果沒(méi)有好的資源,你可能會(huì)很長(zhǎng)一段時(shí)間會(huì)迷失。點(diǎn)擊下面的鏈接查看為什么它值得你去投靠。
相關(guān)閱讀
W —— WordPress
WordPress以最小的博客系統(tǒng)為起點(diǎn),但是它現(xiàn)在已經(jīng)驚人地?cái)U(kuò)張了。它的可擴(kuò)展性使得它被用作從CMS到電子商務(wù)系統(tǒng)等各種用途。它還擁有很多狂熱愛(ài)好者和追隨者,包括開(kāi)發(fā)和設(shè)計(jì)人員,他們想把它做成你將來(lái)網(wǎng)站可以依賴的可靠平臺(tái)。
相關(guān)閱讀
- How to Create a WordPress Theme from Scratch
- Essential Plugins for Every WordPress Installation
- Scaling WordPress for High-Traffic
- Top 50 WordPress Tutorials
- 維護(hù)和加速WordPress的必備技巧
X —— XSS
XSS表示跨站腳本(Cross-site scripting)。這是當(dāng)你創(chuàng)建網(wǎng)站時(shí)可能需到的眾多安全問(wèn)題之一。XSS指的是加載帶有惡意腳本的易受攻擊的網(wǎng)站或程序,以提升權(quán)限或獲取敏感信息的行為,通常是二者都有。
相關(guān)閱讀
- Can You Hack Your Own Site? A Look at Some Essential Security Considerations
- CodeIgniter from Scratch: Security
- 5 Helpful Tips for Creating Secure php Applications
Y —— YUI
Yahoo用戶界面庫(kù)是一個(gè)JavaScript庫(kù),它簡(jiǎn)化了創(chuàng)建交互式網(wǎng)站就用的過(guò)程。與大多數(shù)現(xiàn)代的類庫(kù)一樣,它提供了DOM操作和立即可以使用的AJAX。雖然沒(méi)有jQuery出名,YUI依然擁有非常龐大的用戶基礎(chǔ),并且它一直在活躍的開(kāi)發(fā)中。
相關(guān)閱讀
Z —— Z index
Z-Index是一個(gè)CSS屬性,它定義了一個(gè)元素在頁(yè)面上如何堆疊—— 它定義了一個(gè)元素離視口頂端有多近。數(shù)值大表明它將出現(xiàn)在數(shù)值小的元素的上面。然而這個(gè)屬性可能相對(duì)專業(yè),當(dāng)你創(chuàng)建widgets或更復(fù)雜的網(wǎng)頁(yè)設(shè)計(jì)時(shí)它立刻就會(huì)起作用。
相關(guān)閱讀
我們講完了。希望你完整的看完了這些我收集起來(lái)的文章。 非常感謝閱讀![English]
轉(zhuǎn)載請(qǐng)注明:
作者:RockUX–WEB前端
出自:Web開(kāi)發(fā)ABC
it知識(shí)庫(kù):從A到Z來(lái)說(shuō)說(shuō)Web開(kāi)發(fā),轉(zhuǎn)載需保留來(lái)源!
鄭重聲明:本文版權(quán)歸原作者所有,轉(zhuǎn)載文章僅為傳播更多信息之目的,如作者信息標(biāo)記有誤,請(qǐng)第一時(shí)間聯(lián)系我們修改或刪除,多謝。