新家Web介绍一些前端开发中之基本概念用到的技术

Web开发是于麻烦的,需要控制很多浩大之物,特别是行前端开发的意中人,需要通十行才实施。今天,本文为新家介绍部分Web开发被的基本概念和采取的艺,从A到Z总共26件,每项对应一个定义或者技术。

 

Ajax 1

初家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。

Ajax 2

初家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仍然以支付进程遭到。

Ajax 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创始者之一。

Ajax 4

新家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具有非常丰富的特征。

Ajax 5

乍家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)普及起来的。

Ajax 6

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

S — Source Control

源代码管理,也称版本控制,是一模一样栽软件工程技术,借这能当软件开发的过程被,确保由不同人所编的相同程式档案都获得并。软件设计师常会动用版本控制来追踪、维护源码、文件及设定档等等的反,并且提供控制这些反控制权的次。在最为简易的状态下,软件设计师可以好保留一个程式的不在少数不一版本,并且也它们做适当的号码。这种简易的计就给用当成千上万巨型的软件专案中。这是一个足齐目的的不二法门,但不够有效率。除了得而保护广大几乎相同的程式码备份外;而且太依赖软件设计师的自身修养和开发纪律,但随即倒常是致使错误产生的故。

偶然,一个程式同时存来些许独以上之版也来那个必要性,例如:在一个为部署的本子中程式错误都于修正、但没有投入新力量;在旁一个开销版本则发新的机能正在开发、也产生新的错待化解,这使与时间要不同的版并修改。此外,为了摸索有单纯在吃某个同特定版本中之程式错误、或找出程式错误出现的本,软件除错者也得借由比对不同版本的程式码以找有问题之职务。

T — TDD

测试驱动开发(Test-driven
development)是现代计算机软件开发方法的相同栽。利用测试来使软件程序的规划和兑现。测试驱动开始风靡于20世纪90年份。测试驱动开发是极限编程中倡导之先后开发方法,方法要是先期勾勒测试程序,然后再度编码使该经过测试。测试驱动开发的目的是赢得长足反馈并利用“illustrate
the main line”方法来构建程序。

测试驱动开发之比喻。开发可于零星独面去对待:实现之效益与质地。测试驱动开发再如个别顶帽子思考法的开发方式,先戴上贯彻力量的罪名,在测试的佑助下,快速实现对的功用;再戴上重构的帽子,在测试的护下,通过去除冗余和另行的代码,提高代码重用性,实现对质量的改进。可见测试于测试驱动开发被真正属于中心地位,贯穿了开发之老。

U — Unit Testing

单元测试(又称为模块测试)是针对程序模块(软件设计的最小单位)来拓展对检验的测试工作。程序单元是利用之尽小但测试部件。在过程化编程中,一个单元就是单个程序、函数、过程相当;对于面向对象编程,最小单元Ajax就是方式,包括基类(超类)、抽象类、或者派生类(子类)中的措施。
普普通通来说,程序员每改一次程序就算会见进展至少一软单元测试,在编写程序的经过遭到上下大可能只要开展频繁单元测试,以证程序及软件条件书(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
轴定义也垂直延伸至显示区的轴。如果为正数,则距离用户还贴近,为负数则象征去用户更远。

相关文章