产品定制网站开发,网上做效果图,网站建设视频教程集,学前端要逛那些网站Web开发是比较费神的#xff0c;需要掌握很多很多的东西#xff0c;特别是从事前端开发的朋友#xff0c;需要通十行才行。今天#xff0c;本文向初学者介绍一些Web开发中的基本概念和用到的技术#xff0c;从A到Z总共26项#xff0c;每项对应一个概念或者技术。Internet… Web开发是比较费神的需要掌握很多很多的东西特别是从事前端开发的朋友需要通十行才行。今天本文向初学者介绍一些Web开发中的基本概念和用到的技术从A到Z总共26项每项对应一个概念或者技术。Internet connection A — AJAX AJAX 全称为“Asynchronous JavaScript and XML”异步JavaScript和XML是一种创建交互式网页应用的网页开发技术。根据Ajax提出者Jesse James Garrett建议AJAX使用XHTMLCSS来表示信息使用JavaScript操作DOMDocument Object Model进行动态显示及交互使用XML和XSLT进行数据交换及相关操作使用XMLHttpRequest对象与Web服务器进行异步数据交换使用JavaScript将所有的东西绑定在一起。 类似于DHTML或LAMPAJAX不是指一种单一的技术而是有机地利用了一系列相关的技术。事实上一些基于AJAX的“派生合成”式derivative/composite的技术正在出现如AFLAX。 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仍然在开发过程中。 D — DOM 文档对象模型Document Object Model简称DOM是W3C组织推荐的处理可扩展置标语言的标准编程接口。Document Object Model的历史可以追溯至1990年代后期微软与Netscape的“浏览器大战”browser wars双方为了在JavaScript与JScript一决生死于是大规模的赋予浏览器强大的功能。微软在网页技术上加入了不少专属事物计有VBScript、ActiveX、以及微软自家的DHTML格式等使不少网页使用非微软平台及浏览器无法正常显示。DOM即是当时蕴酿出来的杰作。 E — Events 事件 是可以被控件识别的操作如按下确定按钮选择某个单选按钮或者复选框。每一种控件有自己可以识别的事件如窗体的加载、单击、双击等事件编辑框(文本框)的文本改变事等等现代的Web应用程序很大程度上依靠事件驱动。 事件有系统事件和用户事件。系统事件由系统激发如时间每隔24小时银行储户的存款日期增加一天。用户事件由用户激发如用户点击按钮在文本框中显示特定的文本。事件驱动控件执行某项功能。触发事件的对象称为事件发送者接收事件的对象称为事件接收者。 使用事件机制可以实现当类对象的某个状态发生变化时系统将会通过某种途径调用类中的有关处理这个事件的方法或者触发控件事件的对象就会调用该控件所有已注册的事件处理程序等。 F — Firebug Firebug 是网页浏览器 Mozilla Firefox 的一个扩展是一个除错工具。用户可以利用它除错、编辑、甚至删改任何网站的 CSS、HTML、DOM、与 JavaScript 代码。Firebug 也有提供其他网页开发工具例如 Yahoo! 的网页速度优化建议工具YSlow。Firebug是哈维Joe Hewitt撰写的。他是最初Firefox创始者之一。 G — Grid 网格也称栅格不过从定义上说栅格更为准确些。网上找个一个对网页栅格系统比较恰当的定义以规则的网格阵列来指导和规范网页中的版面布局以及信息分布。网页栅格系统是从平面栅格系统中发展而来。对于网页设计来说栅格系统的使用不仅可以让网页的信息呈现更加美观易读更具可用性。而且对于前端开发来说网页将更加的灵活与规范。如果有很多CSS框架支持栅格功能可参考文章《介绍27款经典的CSS框架》。 H — HTML 超文本置标语言英文HyperText Markup LanguageHTML是为“网页创建和其它可在网页浏览器中看到的信息”设计的一种置标语言。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的漏洞、私有的功能集合和对标准支持的不完善。 2011年3月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的主要设计原则源自Self和Scheme.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)实际上它是对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 PHPHypertext 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普及开的。 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 函数库为了能建立一个高互动的网页它采用了AJAXDHTML 和 DOM 等程式码技术。它也包含了许多 CSS 资源。 Z — Z index Z-Index 是CSS属性设置元素的堆叠顺序。拥有更高堆叠顺序的元素总是会处于堆叠顺序较低的元素的前面。该属性设置一个定位元素沿 z 轴的位置z 轴定义为垂直延伸到显示区的轴。如果为正数则离用户更近为负数则表示离用户更远。
