当前位置: 首页 > Web前端 > HTML5

前端基础知识:Web开发的26个基本概念和技术总结

时间:2023-04-05 22:10:43 HTML5

Web开发是一项工作量很大的工作,需要掌握的东西很多,尤其是从事前端开发的朋友,你需要知道十行。今天,这篇文章向初学者介绍了Web开发中使用的一些基本概念和技术。从A到Z一共有26项,每一项对应一个概念或技术。下面就和前端小编一起来看看吧!A——AJAXAJAX的全称是“AsynchronousJavaScriptandXML”(异步JavaScript和XML),是一种用于创建交互式网络应用程序的网络开发技术。·使用XHTML+CSS来表示信息;·使用JavaScript操作DOM(DocumentObjectModel)进行动态展示和交互;·使用XML和XSLT进行数据交换及相关操作;这里我建了一个前端学习交流群:132667127,自己整理的最新前端资料和进阶开发教程。如果愿意,可以进群学习交流。使用XMLHttpRequest对象与Web服务器异步交换数据;使用JavaScript将所有内容绑定在一起。与DHTML或LAMP类似,AJAX并不是指单一的技术,而是有机地利用了一系列相关技术。事实上,一些基于AJAX的“衍生/复合”(derivative/composite)技术正在兴起,比如AFLAX。B—浏览器Web浏览器是一种在Web服务器或文件系统上显示文件并允许用户与这些文件进行交互的软件。它用于在万维网或局域网等上显示文字、图片等信息。这些文字或图片可以超链接到其他网站,用户可以方便快捷地浏览各种信息。大多数网页都是HTML格式,有些网页需要特定的浏览器才能正确显示。个人电脑上常用的网络浏览器按2010年1月的市场份额依次为微软的InternetExplorer、Mozilla的Firefox、Google的GoogleChrome、AppleInc.的Safari和OperaSoftwareCompany的Opera。浏览器是最常用的客户端程序。Web开发人员应确保他们的程序在所有主要浏览器中都能正常工作。C—CSS层叠样式表,又名:字符串样式表,英文:CascadingStyleSheets,简称CSS,由W3C定义和维护的标准,用于给结构化文档(如HTML文档或XML应用程序)添加样式的方法)(字体、间距、颜色等)的计算机语言。最新版本是CSS2.1,是W3C的候选推荐标准。下一个版本CSS3仍在开发中。D——DOM文档对象模型(DocumentObjectModel,简称DOM),是W3C组织推荐的用于处理可扩展标记语言的标准编程接口。文档对象模型的历史可以追溯到20世纪90年代末Microsoft和Netscape之间的“浏览器大战”。为了在JavaScript和JScript中进行生死较量,双方大规模地赋予了浏览器强大的功能。微软在网页技术中加入了很多专有的东西,包括VBScript、ActiveX、微软自己的DHTML格式等等,使得很多网页在非微软的平台和浏览器上无法正常显示。DOM是当时酿造的杰作。E—事件是控件可以识别的操作,例如按下OK按钮、选择单选按钮或复选框。每个控件都有自己可识别的事件,例如窗体加载、单击、双击等事件,编辑框(文本框)中的文本更改等。现代Web应用很大程度上依赖于事件驱动。事件包括系统事件和用户事件。系统事件由系统触发,比如每24小时一次,银行存款人的存款日期增加一天。用户事件是由用户触发的,例如用户单击按钮以在文本框中显示特定文本。事件驱动控件执行功能。触发事件的对象称为事件发送者;接收事件的对象称为事件接收器。可以使用事件机制来实现:当类对象的某个状态发生变化时,系统会调用类中的方法以某种方式处理该事件或者触发控件事件的对象会调用所有注册的事件F—FirebugFirebug是Web浏览器MozillaFirefox的扩展,是一种调试工具。用户可以使用它来调试、编辑甚至删除任何网站的CSS、HTML、DOM和JavaScript代码。Firebug还提供了其他的网页开发工具,比如Yahoo!的网页速度优化建议工具YSlow。Firebug由JoeHewitt编写。他是Firefox的最初创造者之一。G—Grid格子,也称为网格,但根据定义,grid更准确??。在网上找到对网页网格系统比较贴切的定义:用规则的网格阵列来引导和规范网页中的布局和信息分布。Web网格系统是从平面网格系统发展而来的。对于网页设计来说,网格系统的使用不仅可以使网页的信息呈现更加美观易读,而且更加易用。而且对于前端开发来说,网页会更加灵活和规范。如果有很多CSS框架支持网格功能,可以参考文章《介绍27款经典的CSS框架》。H—HTML超文本标记语言(英语:HyperTextMarkupLanguage,HTML)是一种为“网页创建和其他可以在网络浏览器中查看的信息”而设计的标记语言。HTML用于结构化信息(例如标题、段落和列表),并在一定程度上描述文档的外观和语义。HTML最初由蒂姆·伯纳斯-李(TimBerners-Lee)定义,后来由IETF使用简化的SGML(标准通用标记语言)语法进一步发展,后来成为万维网联盟(W3C)维护的国际标准。最新版本是HTML5,它是HTML的下一个主要修订版,仍在开发中。其目标是取代1999年制定的HTML4.01和XHTML1.0标准,使网络标准满足互联网应用快速发展的当代网络需求。广义上讲HTML5,其实是指包括HTML、CSS、JavaScript在内的一组技术组合。I——IEWindowsInternetExplorer(原名MicrosoftInternetExplorer,简称InternetExplorer,简称IE),是微软公司推出的一款网络浏览器。截至2010年9月,统计显示InternetExplorer的市场份额高达59.65%。虽然它仍然是使用最广泛的网络浏览器,但其市场份额比2003年的峰值下降了30%以上。InternetExplorer在一定程度上支持一些标准化技术,但也存在许多操作差距和兼容性故障,导致来自技术开发人员的批评越来越多。批评声的增加在很大程度上是因为InternetExplorer的竞争对手提供了比较完善的技术支持,符合标准的规范的应用也越来越广泛。由于InternetExplorer在世界范围内广泛使用,寻找跨平台代码的Web开发人员经常会发现InternetExplorer的错误、专有功能集和不完善的标准支持。2011年3月14日发布的InternetExplorer9浏览器大大改进了对CSS3、HTML5等W3C规范的支持。该版本也是第一个采用GPU加速的InternetExplorer浏览器版本。正式版在Acid3测试中获得95分。/100点,相比之前的版本有了很大的提升。可以认为从InternetExplorer9开始,InternetExplorer浏览器对W3C规范的支持将不再是问题。J—JavaScriptJavaScript是一种广泛用于客户端Web开发的脚本语言。常用于给HTML网页添加动态功能,如响应用户的各种操作。最初由Netscape的BrendanEich设计,它是一种动态的、弱类型的、基于原型的语言,具有内置的支持类。JavaScript是Sun公司的注册商标。EcmaInternational在JavaScript的基础上制定了ECMAScript标准。JavaScript还可以用于其他情况,例如服务器端编程。一个完整的JavaScript实现由三部分组成:ECMAScript、文档对象模型和字节顺序表示法。Netscape最初将其脚本语言命名为LiveScript,Netscape与Sun合作后更名为JavaScript。JavaScript最初是由Java设计的,目的之一就是“看起来像Java”,因此在语法上有相似之处,一些名称和命名约定也借鉴了Java。但是,JavaScript的主要设计原则来源于Self和Scheme。JavaScript和Java名称的相似性是当时Netscape和Sun出于营销考虑而达成协议的结果。为了获得技术上的优势,微软推出了JScript来对抗JavaScript脚本语言。为了实现互操作性,EcmaInternational(前身为欧洲计算机制造商协会)创建了ECMA-262标准(ECMAScript)。现在两者都属于ECMAScript的实现。尽管JavaScript被推广和宣传为非程序员的脚本语言,而不是程序员的编程语言,但JavaScript的功能非常丰富。K——关键字优化关键字优化,也叫搜索引擎优化(SearchEngineOptimization,简称SEO),是一种利用搜索引擎搜索规则来提高目标网站在相关搜索引擎中排名的方法。由于许多研究发现搜索引擎用户往往只关注搜索结果中的前几项,因此许多网站希望通过各种形式影响搜索引擎的排名。其中不乏各种靠广告维生的网站。所谓“为搜索引擎优化的处理”,就是让网站更容易被搜索引擎接受。搜索引擎会将网站的内容与一些相关数据进行比较,然后浏览器将内容以最快最完整的方式反映给搜索者。搜索引擎优化对于任何网站来说,搜索引擎优化是网站推广成功的关键任务。同时,随着搜索引擎不断改变其排名算法规则,算法的每一次改变都会导致一些排名靠前的网站一夜之间名声扫地,失去排名的直接后果是网站固有的可观流量流失。网站。所以搜索引擎算法的每一次变化都会引起网站的大量骚动和焦虑。可以说,搜索引擎优化是一项越来越复杂的工作。L——LessLess最初是一颗rubygem,赋予了CSS动态语言的特性,包括变量、运算符和嵌套规则。事实上,Less的真正作用是将使用高级特性的CSS转换为标准CSS。这些都是在Web客户端发起请求时通过HttpHandler完成的。它也可以在编辑时完成。此外,Less可以配置为自动最小化生成的CSS文件,这不仅可以节省带宽,还可以改善最终用户的体验。还有一个.Net版本的Less。M——MVCMVC模式(Model-View-Controller)是软件工程中的一种软件架构模式,它将软件系统分为三个基本部分:模型(Model)、视图(View)和控制器(Controller)。MVC模式最早由TrygveReenskaug于1974年提出,是XeroxPARC在1980年代为编程语言Smalltalk发明的一种软件设计模式。MVC模式的目的是为了实现动态的程序设计,简化程序后续的修改和扩展,使程序的某一部分可以重用。此外,这种模式通过简化复杂性使程序结构更加直观。软件系统通过分离自身的基本部分,也赋予了各个基本部分应有的功能。N—Node.JSNode是一个Javascriptruntime(运行时),它实际上封装了GoogleV8引擎(应用于GoogleChrome浏览器)。V8引擎执行Javascript非常快,性能非常好。Node优化了一些特殊的用例,并提供了替代的API来让V8在非浏览器环境中运行得更好。例如,在服务器环境中,处理二进制数据通常是必不可少的,但Javascript缺乏对此的支持。因此,V8.Node增加了Buffer类来方便高效的处理二进制数据。因此,Node不仅简单地使用了V8,还对其进行了优化,使其在各种环境下更加强大。Node.js涵盖了一切,但最重要的是,它提供了一种在Web浏览器之外运行Javascript的方法。Javascript广泛用于网站的前端开发。Node使这种流行的编程语言能够在更多环境中运行,甚至是网站的服务器端。O—Object是ObjectOriented中的一个术语,它不仅表示客观世界的问题空间(Namespace)中的一个特定事物,还表示软件系统的解决方案空间中的基本元素。在软件系统中,对象具有唯一的标识,对象包括属性(Properties)和方法(Methods)。属性是需要记住的信息,方法是对象可以提供的服务。在面向对象(ObjectOriented)软件中,对象(Object)是某个类(Class)的实例(Instance)。P—PHPPHP(超文本预处理器)是一种在计算机上运行的脚本语言。它的主要用途是处理动态网页,它还包括一个命令行界面(commandlineinterface),或者生成一个图形用户界面(GUI)程序。PHP于1995年由RasmusLerdorf首次发明,PHP标准现在由PHPGroup和开源社区维护。PHP使用PHPLicense作为许可协议,但由于该协议限制了PHP名称的使用,因此与开源许可协议GPL不兼容。PHP有着广泛的应用,尤其是在web程序的开发方面。一般来说,PHP大多运行在Web服务器上,用户浏览的网页都是运行PHP代码生成的。PHP可在大多数服务器和操作系统上运行,并且使用PHP是完全免费的。据2007年4月的统计,PHP已经安装在超过2000万个网站和100万台服务器上。Q——查询有很多含义。例如,查询语言用于与存储数据的扩展系统进行交互。一个很好的例子是用于操作关系数据库的SQL。另一个意思是查询字符串作为URL的一部分在Web应用中传输数据,查询字符串的格式一般是键值对的形式。R—RegularExpressions正则表达式(英文:RegularExpression,正则表达式或正则表达式,缩写为RE),又译作正则表达式,正则表达式,在计算机科学中,是指用来描述或匹配某个单一字符串的一组表达式语法规则字符串。在许多文本编辑器和其他工具中,正则表达式通常用于检索和/或替换与特定模式匹配的文本内容。许多编程语言都支持使用正则表达式进行字符串操作。例如,Perl中内置了一个强大的正则表达式引擎。正则表达式的概念最初是由Unix中的工具软件(如sed和grep)普及开来的。S—SourceControl源代码管理,也称为版本控制,是一种软件工程技术,用于确保在软件开发过程中由不同人编辑的相同程序文件保持同步。软件设计人员经常使用版本控制来跟踪和维护对源代码、文件、配置文件等的更改,并提供控制这些更改的过程。在最简单的情况下,软件设计者可以为自己保留一个程序的许多不同版本,并适当地给它们编号。这种简单的方法已被用于许多大型软件项目。这是一种可以达到目的的方法,但是效率不够。除了同时维护许多几乎相同的代码备份;并且严重依赖软件设计人员的修养和开发纪律,这往往是错误的原因。有时,一个程序也需要同时有两个以上的版本,例如:在一个用于部署的版本中,程序错误已经被修正,但没有增加新的功能;在另一个开发版本中,正在开发新的功能,在开发过程中,也有新的bug需要解决,需要不同的版本同时进行修改。此外,软件调试人员为了找出只存在于特定版本的程序错误,或者找出程序错误发生在哪个版本,还必须通过比较不同版本的代码,找出问题所在。T——TDD测试驱动开发(Test-drivendevelopment)是一种现代计算机软件开发方法。利用测试来驱动软件程序的设计和实施。试驾在1990年代开始流行。测试驱动开发是极限编程中提倡的一种程序开发方法。方法主要是先写一个测试程序,然后编码通过测试。测试驱动开发的目的是为了获得快速反馈,并使用“说明主线”的方法来构建程序。测试驱动开发的比喻。开发可以从两个角度来看:实现的功能和质量。测试驱动开发更像是双帽思维法的开发方式。先戴上实现功能的帽子,在测试的辅助下,快速实现正确的功能;然后戴上重构的帽子,在测试的保护下,去除冗余和重复的代码,增加代码重用,提高质量。可见,测试确实是测试驱动开发中的核心地位,贯穿于开发的始终。U——单元测试单元测试(也称模块测试)是对程序模块(软件设计的最小单元)进行正确性测试的测试工作。程序单元是应用程序的最小可测试组件。在过程式编程中,一个单元是单个程序、函数、进程等;对于面向对象编程来说,最小的单位是方法,包括基类(超类)、抽象类或派生类(子类)中的方法。一般来说,程序员每次修改程序都会进行至少一次单元测试,而且很可能在编写程序的前后进行多次单元测试,以验证程序是否满足软件规范要求的工作目标(zh:Specification),没有错误;虽然单元测试不是必需的,但也不错,而且它是项目管理的一项政策决定。V—VIMVim是从vi开发的文本编辑器。代码补全、编译、错误跳转等便捷的编程功能尤为丰富,深受广大程序员的喜爱。与Emacs并列为类Unix系统用户最喜欢的编辑器。Vim的第一个版本于1991年由BramMoolenaar发布。最初的缩写是ViIMitation。随着功能的不断增加,正式名称改为ViIMproved。它现在是在开源代码下发布的免费软件。W—WordPressWordPress是一个用PHP语言开发的博客平台。用户可以在支持PHP和MySQL数据库的服务器上建立自己的博客。您还可以将WordPress用作内容管理系统(CMS)。WordPress是一个根据GNU通用公共许可证获得许可的免费开源项目。目前最新的版本是2011年2月24日发布的官方简体中文版3.0.5,还有包括英文在内的多种语言可供选择。X——XSS跨站脚本(Cross-sitescripting,常简称为XSS)是一种针对网站应用程序的安全漏洞攻击,允许恶意用户向网页注入代码,其他用户将观看受影响的网页。此类攻击通常涉及HTML和客户端脚本语言。Y——YUIYahoo!UILibrary(YUI)是一个开源的JavaScript函数库。为了创建一个高度交互的网页,它使用了AJAX、DHTML和DOM等代码技术。它还包含许多CSS资源。Z—ZindexZ-Index是一个CSS属性,用于设置元素的堆叠顺序。具有较高堆叠顺序的元素始终位于具有较低堆叠顺序的元素之前。此属性设置定位元素沿z轴的位置,z轴定义为垂直延伸到显示区域的轴。如果为正,则离用户更近,如果为负,则离用户更远。