您知道吧?Web的26项基本概念和技巧

Web开发是相比辛勤的,须要明白很多过多的事物,尤其是从事前端开发的爱人,必要通十行才行。今日,本文向初学者介绍部分Web开发中的基本概念和采纳的技艺,从A到Z总共26项,每项对应一个定义只怕技术。

 

ECMAScript 1

Internet connection

A — AJAX

AJAX 全称为“Asynchronous JavaScript and
XML”(异步JavaScriptXML),是一种创立交互式网页应用的网页开发技术。根据Ajax提出者Jesse
James Garrett建议,AJAX:
使用XHTML+ECMAScript,CSS来表示音信;
使用JavaScript操作DOM(Document
Object Model)进行动态突显及互动;
使用XMLXSLT展开数据交流及有关操作;
使用XMLHttpRequest对象与Web服务器拓展异步数据调换;
使用JavaScript将有着的东西绑定在一道。

类似于DHTMLLAMP,AJAX不是指一种单一的技能,而是有机地动用了一多级有关的技艺。事实上,一些基于AJAX的“派生/合成”式(derivative/composite)的技能正在出现,如AFLAX

B — Browser

网页浏览器是个突显网页服务器或文件系统内的公文,并让用户与此些文件交互的一种软件。它用来突显在万维网局域网等内的文字、图像及其余音讯。这个文字或图像,能够是连连其他网址的超连结,用户可火速及随意地浏览种种音信。一大半网页为HTML格式,有些网页需特定浏览器才能科学突显。私家电脑上常见的网页浏览器根据二零一零年11月的市场占有率依次是微软Internet
Explorer
MozillaFirefoxGoogleGoogle
Chrome
苹果公司SafariOpera软件公司Opera。浏览器是最平时选取到的客户端程序。Web开发职员应该有限支持其先后在相继主流浏览器中都能健康办事。

C — [CSS]

层叠样式表,又称:串样式列表,英文:Cascading Style
Sheets,简写为CSS,由W3C概念和护卫的正儿八经,一种用来为结构化文档(如HTML文档或XML接纳)添加体制(字体、间距和颜料等)的电脑语言。目前最新版本是CSS 2.1,为W3C的候选推荐标准。下一版本CSS
3依然在支付进程中。

D — DOM

文档对象模型(Document Object
Model,简称DOM),是W3C团协会推荐的处理可伸张置标语言的正统编程接口。Document
Object
Model的野史足以追溯至1990时代末期微软与Netscape的“浏览器大战”(browser
wars),双方为了在JavaScriptJScript一决阴阳,于是广大的赋予浏览器强大的功力。微软在网页技术上投入了诸多隶属事物,计有VBScript、ActiveX、以及微软自家的DHTML格式等,使很多网页使用非微软平台及浏览器无法正常彰显。DOM即是当时蕴酿出来的大作。

E — Events

事件是可以被控件识其他操作,如按下确定按钮,拔取某个单选按钮或者复选框。每种控件有温馨可以分辨的风云,如窗体的加载、单击、双击等事件,编辑框(文本框)的文书改变事,等等,现代的Web应用程序很大程度上倚重事件驱动。
  事件有系统事件和用户事件。系统事件由系统激发,如时间每隔24时辰,银行储户的储蓄日期扩大一天。用户事件由用户激励,如用户点击按钮,在文本框中体现特定的公文。事件驱动控件执行某项功效。触发事件的目的称为事件发送者;接收事件的靶子称为事件接收者。
  使用事件机制可以落成:当类对象的某部状态暴发变化时,系统将会透过某种途径调用类中的有关处理那么些事件的艺术依然触发控件事件的目的就会调用该控件所有已登记的事件处理程序等。

F — Firebug

Firebug 是网页浏览器 Mozilla
Firefox
 的一个扩展,是一个除错工具。用户可以动用它除错、编辑、甚至删改任何网站的 CSSHTMLDOM、与 JavaScript 代码。Firebug
也有提供任何网页开发工具,例如 Yahoo! 的网页速度优化指出工具YSlow。Firebug是哈维(Joe
Hewitt
)撰写的。他是早期Firefox创始者之一。

G — Grid

网格,也称栅格,不过从概念上说,栅格更为可相信些。网上找个一个对网页栅格系统比较确切的定义:以规则的网格阵列来指点和专业网页中的版面布局以及音信分布。网页栅格系统是从平面栅格系统中升高而来。对于网页设计来说,栅格系统的选拔,不仅可以让网页的音信呈现越发美观易读,更具可用性。而且,对于前端开发来说,网页将尤其的灵敏与正规。

H — [HTML]

超文本置标语言(英文:HyperText
Markup
Language,HTML)是为“网页创立和其他可在网页浏览器中见到的新闻”设计的一种置标语言。HTML被用来结构化音讯——例如标题、段落和列表等等,也可用来在自然水准上讲述文档的外观和语义。由蒂姆·伯纳斯-李付出原始定义,由IETF用简化的SGML(标准通用置标语言)语法进行越发提升的HTML,后来改为国际标准,由万维网联盟(W3C)维护。
  最新版本是HTML5它是HTML下一个的机要修订版本,现在仍处于发展阶段。目的是代表1999年所定订的HTML 4.01和XHTML 1.0
标准,以期能在互连网接纳飞快提升的时候,使网络正式达到契合现代的网络必要。广义论及HTML5时,实际指的是概括HTML、CSSJavaScript在内的一套技术整合。

ECMAScript 2

I — IE

Windows Internet Explorer(旧称Microsoft Internet Explorer,简称Internet
Explorer,缩写IE),是微软公司生产的一款网页浏览器。停止2010年二月止,计算的多少显示Internet
Explorer的市场占有率高达59.65%。固然它依旧是应用最普遍的网页浏览器,但与2003年最高峰时对待,市场占有率相差领先30%。
  Internet
Explorer对有的口径技术都有一定程度上的援救,但亦有成百上千运转上的差别和包容性的故障
,那致使技术开发者的批评日益增多。批评增添的景况,在很大程度上是归因于Internet
Explorer的竞争对手相对地已提供完全的技术支持,标准规范(Standards-compliant)的应用亦愈加广泛起来。因为Internet
Explorer在举世广为应用,网络开发者们在寻求跨平台的代码时平常会发觉Internet
Explorer的纰漏、私有的效果汇聚和对专业匡助的不周密。
  二〇一一年5月14日发布的Internet Explorer
9浏览器大幅进步对CSS3和HTML5等W3C规范的支撑程度,那几个版本也是Internet
Explorer浏览器第四个应用GPU加快的本子,正式版于Acid3测试中获得95/100分,相比较过去版本有很大提升。可以认为,从Internet
Explorer 9先导,Internet Explorer浏览器对W3C规范的协理将不再是难点。

J — JavaScript

JavaScript是一种常见用于客户端Web开发脚本语言,常用来给HTML网页添加动态功用,比如响应用户的各样操作。它最初由网景公司Brendan
Eich
安插,是一种动态、弱类型、基于原型的言语,内置帮忙类。JavaScript是Sun公司的注册商标。Ecma国际以JavaScript为根基制定了ECMAScript业内。JavaScript也足以用于别的场地,如服务器端编程。完整的JavaScript已毕包括七个部分:ECMAScript文档对象模型字节顺序记号
  Netscape集团在最初将其脚本语言命名为LiveScript来Netscape在与Sun合营之后将其改名为JavaScript。JavaScript最初受Java启发而上马筹划的,目标之一就是“看上去像Java”,因而语法上有类似之处,一些名号和命名规范也借自Java。但JavaScript的主要设计条件源自SelfScheme.JavaScript与Java名称上的近乎,是登时网景为了营销考虑与Sun集团已毕协议的结果。为了博取技术优势,微软推出了JScript来迎战JavaScript的脚本语言。为了互用性,Ecma国际(前身为澳国统计机成立商社团)创设了ECMA-262正规(ECMAScript)。现在两岸都属于ECMAScript的兑现。即使JavaScript作为给非程序人员的脚本语言,而非作为给程序人士的编程语言来推广和宣扬,不过JavaScript具有相当丰裕的性格。

K — Keyword Optimization

要害词优化,也叫搜索引擎优化(Search Engine
Optimization,简称SEO)是一种采用招来引擎的搜索规则来增加目的网站在有关搜索引擎内的排行的点子。由于过多商讨发现,搜索引擎的用户往往只会专注搜索结果最前头的多少个条款,所以众多网站都期待通过各样花样来影响搜索引擎的排序。当中尤以各样依靠广告维生的网站为何。
  所谓“针对查找引擎作优化的拍卖”,是指为了要让网站更便于被搜寻引擎接受。搜索引擎会将网站相互间的内容做一些相关性的数目比对,然后再由浏览器将这么些内容以最便捷且看似最完全的方法,展现给搜索者。
  搜索引擎优化对于任何一家网站的话,要想在网站推广中拿走成功,搜索引擎优化都是至为关键的一项职务。同时,随着搜索引擎不断更换它们的排行算法规则,每趟算法上的改观都会让有些排行榜很好的网站在一夜之间名落孙山,而失去名次的直接结果就是失去了网站固有的莫大访问量。所以每一遍搜寻引擎算法的更动都会在网站内部引起不小的不定和忧虑。可以说,搜索引擎优化是一个更是复杂的职务。

L — Less

**Less **最早是一个ruby的gem,让CSS具有动态语言的风味,那些特色包罗变量,操作符,嵌套规则。其实Less真正的功用是将选择高级性格的CSS转换成标准的CSS。这个都是在Web客户端发起呼吁时通过Http
Handler来成功的。也得以是编写时就成功的。其它,Less可以配备成电动最小化所生成的CSS文件,不仅节省了带宽,并且使最后用户体验更上一层。其余有.Net版本的Less

M — MVC

MVC模式(Model-View-Controller)是软件工程中的一种软件架构形式,把软件系统分为四个主导部分:模型(Model)、视图(View)和控制器(Controller)。MVC方式最早由Trygve
Reenskaug
在1974年提出,是施乐帕罗奥多研商为主(Xerox
PARC)在20世纪80年间为程序语言Smalltalk声明的一种软件设计格局。MVC格局的目标是贯彻一种动态的先后设计,使后续对先后的修改和扩大简化,并且使程序某一部分的再次使用成为大概。除此之外,此格局通过对复杂度的简化,使程序结构尤其直观。软件系统通过对自个儿基本部份分其余还要也予以了一一基本部分应该的功用。

N — Node.JS

Node 是一个Javascript运行环境(runtime),实际上它是对谷歌 V8发动机(应用于谷歌Chrome浏览器)举行了打包。V8
擎执行Javascript的进度非凡快,质量万分好。Node对部分与众差异用例举行了优化,提供了代表的API,使得V8在非浏览器环境下运作得更好。例
如,在服务器环境中,处理二进制数据一般是必需的,但Javascript对此帮衬不足,因而,V8.Node伸张了Buffer类,方便而且很快地
处理二进制数据。因而,Node不仅仅不难的施用了V8,还对其进展了优化,使其在各环境下更是给力。Node.js应有尽有,但最重大的某些是,它提供了一种在Web浏览器之外运行Javascript的路线。Javascript广泛应用于网站的前端开发。Node使得那种流行的编程语言可以在越多环境下运作,甚至是网站的服务器端。

O — Object

对象(object),是面向对象(Object
Oriented)
中的术语,既意味着客观世界题目空间(Namespace)中的某个具体的东西,又象征软件系统解空间中的基本因素。在软件系统中,对象拥有唯一的标识符,对象包涵属性(Properties)和方法(Methods),属性就是索要记念的信息,方法就是目的可以提供的劳务。在面向对象(Object
Oriented)
的软件中,对象(Object)是某一个(Class)的实例(Instance)。

P — PHP

PHP(Hypertext Preprocessor)是一种在处理器上运行的脚本语言,主要用途是在于处理动态网页,也含有了命令行运行接口(command
line
interface),大概发生图形用户界面(GUI)程序。PHP最早由Rasmus
Lerdorf
在1995年声明,而现行PHP的标准由PHP
Group和开花源代码社区护卫。PHP以PHP
License作为许可协议,然而因为那些协议限制了PHP名称的采纳,所以和盛开源代码许可协议GPL不兼容。
  PHP的运用范围分外广阔,尤其是在网页程序的付出上。一般的话PHP大多运行在网页服务器上,通过运行PHP代码来暴发用户浏览的网页。PHP可以在一大半的服务器和操作系统上运行,而且使用PHP完全是免费的。按照2007年一月的统计数据,PHP已经被装置在超越2000万个网站和100万台服务器上。

Q — Query

查询,有很两种意味。例如查询语言用来和储存数据的扩大系统互相,一个很好的例子就是SQL用来操作关周详据库。另一种意思是,一个查询字符串,作为URL的一有些用来Web应用程序中传递数据,查询字符串的格式一般是键值对形式。

R — Regular Expressions

正则表明式(英语:Regular
Expression、regex或regexp,缩写为RE),也译为正规表示法、常规表示法,在处理器科学中,是指一个用来叙述照旧合作一多种符合某个句法规则的字符串的单个字符串。在不可计数文件编辑器或其他工具里,正则表明式日常被用来寻找和/或互换那么些符合某个形式的文本内容。许多程序设计语言都接济使用正则表明式进行字符串操作。例如,在Perl中就内建了一个功效强大的正则表达式引擎。正则表明式这一个定义最初是由Unix中的工具软件(例如sedgrep)普及开的。

S — Source Control

源代码管理,也称版本控制,是一种软件工程技能,借此能在软件开发的历程中,确保由差旁人所编纂的一模一样程式档案都赢得同步。软件设计师常会利用版本控制来追踪、维护源码文件以及设定档等等的变动,并且提供控制那一个改变控制权的程序。在最简便的状态下,软件设计师可以自身保留一个程式的过多见仁见智版本,并且为它们做适合的号子。那种简易的格局已被用在无数重型的软件专案中。那是一个方可高达目的的法子,但不够有效能。除了得同时有限支撑广大差不离等同的程式码备份外;而且极端爱护软件设计师的自个儿修养与支出纪律,但那却常是促成错误暴发的案由。
  有时候,一个程式同时存有七个以上的本子也有其需求性,例如:在一个为了布置的本子中程式错误曾经被改进、但绝非加入新功效;在另一个支出版本则有新的效率正在开发、也有新的谬误待化解,那使得同时间要求不相同的版本并修改。别的,为了找出只设有于某一特定版本中的程式错误、或找出程式错误并发的版本,软件除错者也务必借由比对不一样版本的程式码以找出难点的地点。

T — TDD

测试驱动开发(Test-driven
development)是现代电脑软件开发方法的一种。利用测试来驱动软件次第的筹划和已毕。测试驱动起头流行于20世纪90年间。测试驱动开发是顶点编程中倡导的先后开发方法,方法首即使先写测试程序,然后再编码使其经过测试。测试驱动开发的目标是取得高速反馈并选拔“illustrate
the main line”方法来营造程序。
  测试驱动开发的比喻。开发可以从五个地点去对待:完成的效率和质料。测试驱动开发更像两顶帽子思考法的开发格局,先戴上贯彻效益的罪名,在测试的拉扯下,飞快落成科学的法力;再戴上重构的罪名,在测试的保险下,通过去除冗余和另行的代码,升高代码重用性,达成对品质的创新。可知测试在测试驱动开发中真的属于基本身份,贯穿了付出的始终。

U — Unit Testing

单元测试(又称为模块测试)是针对性程序模块)(软件设计的细微单位)来开展科学检验的测试工作。程序单元是运用的矮小可测试部件。在进程化编程中,一个单元就是单个程序、函数、进程等;对于面向对象编程,最小单元就是方法,包罗基类(超类)、抽象类、或许派生类(子类)中的方法。
  平常来说,程序员每修改一遍程序就会进行至少三次单元测试,在编写程序的经过中左右很大概要拓展反复单元测试,以验证程序达到软件规格书(en:Specification)要求的工作对象,没有臭虫;纵然单元测试不是怎样必须的,但也不坏,那牵涉到花色管理的策略决定。

V — VIM

Vim 是从vi发展出来的一个文件编辑器。代码补完、编译及错误跳转等有利于编程的机能尤其充足,在程序员中被普遍利用。和Emacs比量齐观成为类Unix系统用户最喜爱的编辑器。Vim的率先个本子由Bram
Moolenaar
在1991年公布。最初的简称是Vi IMitation,随着成效的缕缕增多,正式名称改成了Vi IMproved。现在是在盛开源代码措施下发行的自由软件

W — WordPress

**WordPress
**是一种采用PHP言语开发的博客阳台,用户可以在支撑PHPMySQL 数据库的服务器上架设本人的网志。也可以把
WordPress
当作一个剧情管理体系(CMS)来利用。WordPress
是一个免费的开源项目,在GNU通用公共许可证下授权揭橥。近年来风靡版本为二零一一年十一月24日颁发的3.0.5合法简体汉语版,此外还有包蕴英文在内的二种语言可选。

X — XSS

跨网站指令码(Cross-site
scripting,经常简称为XSS)是一种网站应用程式的安全漏洞攻击,允许恶意使用者将程式码注入到网页上,其余使用者在看到网页时就会遭到震慑。那类攻击寻常包括了HTML以及使用者端脚本语言

Y — YUI

Yahoo! UI Library (YUI)
是一个开放源代码的 JavaScript 函数库,为了能树立一个高互动的网页,它选择了AJAXDHTML 和 DOM 等程式码技术。它也饱含了不可胜计 CSS 资源。

Z — Z index

Z-Index 是CSS属性,设置元素的堆叠顺序。拥有更高堆叠顺序的要素总是会处在堆叠顺序较低的成分的面前。该属性设置一个一定成分沿
z 轴的义务,z
轴定义为垂直延伸到突显区的轴。如若为正数,则离用户更近,为负数则象征离用户更远。