初家Web介绍部分前端开发中的基本概念用到之技术

Web开发是比较累的,需要控制很多博底事物,特别是行前端开发的冤家,需要通十行才行。今天,本文为新家介绍一些Web开发中之基本概念和运用的技能,从A到Z总共26桩,每项对应一个定义或者技术。

 

新家Web:介绍一些前端开发中之基本概念和动的技巧

A — AJAX

AJAX 全称为“Asynchronous JavaScript and
XML”(异步JavaScript和XML),是同一栽创建交互式网页应用之网页开发技术。根据Ajax提出者Jesse
James Garrett建议,AJAX:

  • 运XHTML+CSS来代表信息;
  • 用JavaScript操作DOM(Document Object Model)进行动态显示及相互;
  • 动XML和XSLT进行数据交换及连锁操作;
  • 采取XMLHttpRequest对象和Web服务器进行异步数据交换;
  • 应用JavaScript将具备的事物绑定在一齐。

恍如于DHTML或LAMP,AJAX不是负同一栽单一的艺,而是有机地运了同多重相关的技能。事实上,一些冲AJAX的“派生/合成”式(derivative/composite)的艺在出现,如AFLAX。

初家Web:介绍部分前端开发中之基本概念和利用的艺

B — Browser

网页浏览器是只显示网页服务器或文件系统内之公文,并被用户以及之数文件交互的同种软件。它用来展示在万维网或局域网等内的文字、图像及另消息。这些文字或图像,可以是连其他网址的超连结,用户可快捷和随意地浏览各种信息。大部分网页为HTML格式,有些网页需特定浏览器才会对显示。个人电脑上大规模的网页浏览器按照2010年1月的市场占有率依次是微软的Internet
Explorer、Mozilla的Firefox、Google的Google
Chrome、苹果商店的Safari和Opera软件公司的Opera。浏览器是极端经常应用到的客户端程序。Web开发人员应该保证该程序在一一主流浏览器中都能正常办事。

C — CSS

层叠样式表,又如:串样式列表,英文:Cascading Style
Sheets,简写为CSS,由W3C定义跟维护的专业,一种植用来吗结构化文档(如HTML文档或XML应用)添加体制(字体、间距和颜色等)的微机语言。目前时版本是CSS
2.1,为W3C的候选推荐标准。下一版本CSS 3仍然当支付过程遭到。

新家Web:介绍部分前端开发中的基本概念和动用的艺

D — DOM

文档对象模型(Document Object
Model,简称DOM),是W3C组织推荐的拍卖可扩大置标语言的专业编程接口。Document
Object
Model的历史可以追溯至1990年份末微软与Netscape的“浏览器大战”(browser
wars),双方为以JavaScript与JScript一决生死,于是广大的致浏览器强大的功力。微软以网页技术达到投入了多直属事物,计来VBScript、ActiveX、以及微软自己的DHTML格式等,使很多网页使用非微软平台跟浏览器无法正常显示。DOM即凡是这蕴酿出来的墨宝。

E — Events

事件是可于控件识别的操作,如按照下确定按钮,选择之一单选按钮或者复选框。每一样种植控件有协调可以辨别的风波,如窗体的加载、单击、双击等事件,编辑框(文本框)的公文改变事,等等,现代底Web应用程序很充分程度达靠事件驱动。

事件闹网事件及用户事件。系统事件由系统激发,如时间各隔24时,银行储户的存日期增加一龙。用户事件由用户激励,如用户点击按钮,在文本框中展示特定的公文。事件驱动控件执行某起功能。触发事件之目标称为事件发送者;接收事件的对象称为事件接收者。

用事件机制得以兑现:当类对象的某某状态发生变化时,系统将会见透过某种途径调用类吃之有关处理这个事件的章程或者触发控件事件之目标就是会调用该控件所有曾经登记之事件处理程序等。
(web前端上交流群:328058344 禁止闲聊,非喜不进!)

F — Firebug

Firebug是网页浏览器 Mozilla Firefox
的一个扩张,是一个除错工具。用户可应用她除错、编辑、甚至删改任何网站的
CSS、HTML、DOM、与 JavaScript 代码。Firebug
也发出供任何网页开发工具,例如 Yahoo!
的网页速度优化建议工具YSlow。Firebug是哈维(Joe
Hewitt)撰写之。他是前期Firefox创始者之一。

乍家Web:介绍部分前端开发中之基本概念和运的技巧

G — Grid

网格,也如栅格,不过起概念及说,栅格更为可靠些。网上检索个一个对网页栅格系统于确切的定义:以规则之网格阵列来点和规范网页中之版面布局以及消息分布。网页栅格系统是自从平面栅格系统受到进步要来。对于网页设计吧,栅格系统的利用,不仅可为网页的信呈现更优美易读,更兼具可用性。而且,对于前端开发来说,网页将越加的灵巧和正式。

H — HTML

超文本置标语言(英文:HyperText Markup
Language,HTML)是啊“网页创建同其它可于网页浏览器被见到底音”设计之一样种植置标语言。HTML被用来结构化信息——例如标题、段落及列表等等,也可用来在早晚水准达到讲述文档的外观与语义。由蒂姆·伯纳斯-李给有旧定义,由IETF因此简化的SGML(标准通用置标语言)语法进行更加发展之HTML,后来成为国际标准,由万维网联盟(W3C)维护。

新式版本是HTML5它是HTML下一个底显要修订版本,现在随处在发展等。目标是代表1999年所定订的HTML
4.01暨XHTML 1.0
标准,以期能以互联网采用迅速提高的时候,使网络正式上可现代底纱需求。广义论及HTML5常,实际指的凡包括HTML、CSS和JavaScript在内的一律学技术成。

I — IE

Windows Internet Explorer(旧如Microsoft Internet Explorer,简称Internet
Explorer,缩写IE),是微软公司生产的如出一辙放缓网页浏览器。截至2010年9月单,统计的数码展示Internet
Explorer的市场占有率高臻59.65%。虽然她还是是行使最广的网页浏览器,但跟2003年最高峰时比,市场占有率相差超过30%。

Internet
Explorer对一些尺度技术都产生得水准达到之支撑,但亦生好多运作达的别与兼容性的故障
,这导致技术开发者的批评日益增加。批评增加的状,在老大挺程度达到是归因于Internet
Explorer的竞争对手相对地已提供全的技术支持,标准规格(Standards-compliant)的下也愈加常见起来。因为Internet
Explorer在全球广为应用,网络开发者们于寻求跨平台的代码时常常会发觉Internet
Explorer的尾巴、私有的机能集聚和指向标准支持的免完善。

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的首要设计标准源自Self和Scheme.JavaScript与Java名称及的接近,是立网景为了营销考虑和Sun公司达成协议的结果。为了博取技术优势,微软生产了JScript来对战JavaScript的脚本语言。为了互用性,Ecma国际(前身为欧洲电脑制造商协会)创建了ECMA-262正经(ECMAScript)。现在双边都属于ECMAScript的贯彻。尽管JavaScript作为被非程序人员之脚本语言,而休作为给程序人员之编程语言来放及宣传,但是JavaScript具有非常丰富的特性。

新家Web:介绍一些前端开发中的基本概念和运的技能

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),实际上她是对准Google
V8引擎(应用为Google 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年4月的统计数据,PHP已经给安装于跨越2000万只网站同100万华服务器上。

Q — Query

查询,有十分多种意。例如查询语言用来和储存数据的恢宏系统相互,一个非常好的事例就是是SQL用来操作关系数据库。另一样栽意思是,一个查询字符串,作为URL的一律组成部分用以Web应用程序中传递数据,查询字符串的格式一般是键值对形式。

R — Regular Expressions

正则表达式(英语:Regular
Expression、regex或regexp,缩写为RE),也译为正规表示拟、常规表示拟,在计算机对中,是恃一个为此来讲述还是配合同雨后春笋符合某个句法规则的字符串的单个字符串。在很多文本编辑器或其他工具里,正则表达式通常为用来查找和/或调换那些符合某个模式的公文内容。许多顺序设计语言都支持用正则表达式进行字符串操作。例如,在Perl中尽管外盖了一个功能强大的正则表达式引擎。正则表达式这个概念最初是出于Unix中的工具软件(例如sed和grep)普及起来的。

乍家Web:介绍部分前端开发中的基本概念和利用的技能

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语言开发之博客平台,用户可当支持PHP和MySQL
数据库的服务器上搭自己的网志。也得以将 WordPress
当作一个情节管理体系(CMS)来使。WordPress
是一个免费之开源项目,在GNU通用公共许可证下授权发布。目前行版本也2011年2月24日发表之3.0.5合法简体中文版,另外还有包括英文在内的多种语言可选。

X — XSS

跨网站指令码(Cross-site
scripting,通常简称也XSS)是同样栽网站应用程式的安全漏洞攻击,允许恶意使用者用程式码注入到网页上,其他使用者在察看网页经常即便会见中震慑。这仿佛攻击通常含了HTML以及使用者端脚本语言。

Y — YUI

Yahoo! UI Library(YUI) 是一个怒放源代码的 JavaScript
函数库,为了能够树立一个胜互动的网页,它使用了AJAX,DHTML 和 DOM
等程式码技术。它呢蕴藏了广大 CSS 资源。

Z — Z index

Z-Index
是CSS属性,设置元素的堆叠顺序。拥有再高堆叠顺序的要素总是会处在堆叠顺序比较逊色的素的面前。该属性设置一个原则性元素沿
z 轴的职,z
轴定义为垂直延伸至显示区的轴。如果为正数,则距离用户还接近,为负数则象征去用户还远。