Web前端开发者必须学会哪些知识？_惠州前端培训学校

作者：邓华发布时间：2021-09-02分类：惠州计算机学校浏览：742

导读：Web前端开发者必须学会哪些知识？相信学过前端的同学都遇到过这个问题，那么答案是什么呢？接下来一起来看看惠州北大青鸟老师是怎么回答的。

Web前端开发者必须学会哪些知识？相信学过前端的同学都遇到过这个问题，那么答案是什么呢？接下来一起来看看惠州北大青鸟老师是怎么回答的。

1、Html

HTML超文本标记语言(HyperTextMarkupLanguage)，是用来描述网页的一种语言。不是一种编程语言，而是一种标记语言(markuplanguage)，HTML使用一套标记标签(markuptag)来描述网页。

网页文件本身是一种文本文件，通过在文本文件中添加标记符，可以告诉浏览器如何显示其中的内容（如：文字如何处理，画面如何安排，图片如何显示等）。浏览器按顺序阅读网页文件，然后根据标记符解释和显示其标记的内容，对书写出错的标记将不指出其错误，且不停止其解释执行过程，编制者只能通过显示效果来分析出错原因和出错部位。但需要注意的是，对于不同的浏览器，对同一标记符可能会有不完全相同的解释，因而可能会有不同的显示效果。

HTML之所以称为超文本标记语言，是因为文本中包含了所谓“超级链接”点。所谓超级链接，就是一种URL指针，通过激活（点击）它，可使浏览器方便地获取新的网页。这也是HTML获得广泛应用的最重要的原因之一。

2、Xml

Xml可扩展标记语言(ExtensibleMarkupLanguage,XML)，用于标记电子文件使其具有结构性的标记语言，可以用来标记数据、定义数据类型，是一种允许用户对自己的标记语言进行定义的源语言。XML是标准通用标记语言(SGML)的子集，非常适合Web传输。XML提供统一的方法来描述和交换独立于应用程序或供应商的结构化数据。

XML与HTML的设计区别是：XML是用来存储数据的，重在数据本身。而HTML是用来定义数据的，重在数据的显示模式。

3、CSS

在Web开发早期，网页设计人员经常抱怨他们对网页的外观缺乏控制力，他们无法精确地控制对象在网页上的位置，而且对页面上的字体的外观也没有什么控制力，因为网页不比实际纸张，针对多大的纸做什么样的设计，而网页的大小是不固定的。

CSS（CascadingStyleSheet，层叠样式表）规范是由W3C制定的，由于允许同时控制多重页面的样式和布局，CSS可以称得上WEB设计领域的一个突破，它使得内容与表现分离。作为网站开发者，你能够为每个HTML元素定义样式，并将之应用于你希望的任意多的页面中。如需进行全局的更新，只需简单地改变样式，然后网站中的所有元素均会自动地更新。这样，即设计人员能够将更多的时间用在设计方面，而不是费力克服HTML的限制。

4、JavaScript

首先，JavaScript和Java无关，JavaScript是属于网络的脚本语言！那么为什么名字如此相似?这是典型的市场营销方面的成功，它的推广成功，也是借了Java的东风。当微软开始意识到JavaScript在Web开发人员中流行起来时，微软还是一贯风格，建立了自己的脚本语言，JScript。

JavaScript可以使网页更具交互性，给用户提供更令人兴奋的体验，当用户在页面间导航时向他们提供反馈。例如他可以设置鼠标悬停效果，在客户端验证表单，创建定制的HTML页面，显示警告框，设置cookie等等。

5、Ajax

Ajax是AsynchronousJavaScriptandXML(异步JavaScript和XML)的缩写。严格意义上Ajax是Javascript的一小部分。但随着频繁地使用，这个词不再指某种技术本身，而是以下这些技术的组合：

XHTML；CSS；JavaScript访问DOM；XML，在服务器和客户之间传输的数据的格式；XMLHttpRequest，用来从服务器获取数据。

Ajax是一种用于创建快速动态网页的技术，大多数处理在用户的浏览器中发生，往往在后台与服务器进行少量数据交换，时间很短，而且AJAX可以使网页实现异步更新，这意味着可以在不重新加载整个网页的情况下，对网页的某部分进行更新（传统的网页，即不使用AJAX的网页，如果需要更新内容，必需重载整个网页面）。基于以上这些，可以使用Ajax建立功能丰富的应用程序。

有很多使用Ajax的应用程序案例：Google地图，Google日历，Gmail，MyYahool！门户，腾讯微博，新浪微博、开心网等等。

不错的ajax工具包有：AjaxControlToolkit，Yahool！UserInterfaceLibrary等等。（web前端学习交流群：328058344禁止闲聊，非喜勿进！）

6、DOM

在网页上，组成页面的对象被组织在一个树形结构中，页面的顶级包含在<html>标签中，在其中会找到<head>和<body>标签，而其他标签包含在这两个标签中，依此类推。

Javascript将文档树中的每个项目当作对象，通过Javascript，您可以重构整个HTML文档。您可以添加、移除、改变或重排页面上的对象，要改变页面的某个东西，Javascript就需要获得对HTML文档中所有元素进行访问的入口。这个入口，连同对HTML元素进行添加、移动、改变或移除的方法和属性，都是通过文档对象模型来获得的，也就是说，文档中对象的表示称为文档对象模型，即DocumentObjectModel，简称DOM。

在1998年，W3C发布了第一级的DOM规范。这个规范允许访问和操作HTML页面中的每一个单独的元素。所有的浏览器都执行了这个标准，因此，DOM的兼容性问题也几乎难觅踪影了。DOM可被Javascript用来读取、改变HTML、XHTML以及XML文档。

DOM被分为不同的部分（核心、XML及HTML）和级别（DOMLevel1/2/3）：

CoreDOM，定义了一套标准的针对任何结构化文档的对象

XMLDOM，定义了一套标准的针对XML文档的对象

HTMLDOM，定义了一套标准的针对HTML文档的对象。

7、jQuery

jQuery是继prototype之后又一个优秀的Javascrīpt框架。它是轻量级的js库(压缩后只有21k)，它兼容CSS3，还兼容各种浏览器（IE6.0+,FF1.5+,Safari2.0+,Opera9.0+）。jQuery使用户能更方便地处理HTMLdocuments、events、实现动画效果，并且方便地为网站提供AJAX交互。jQuery还有一个比较大的优势是，它的文档说明很全，而且各种应用也说得很详细，同时还有许多成熟的插件可供选择。jQuery能够使用户的html页保持代码和html内容分离，也就是说，不用再在html里面插入一堆js来调用命令了，只需定义id即可。

其宗旨是——WRITELESS,DOMORE（写更少的代码,做更多的事情）。

8、ASP.NET。这个就不用我罗嗦了，你懂得……

9、整个开发过程你还会学习到一些工具的使用：

Visio，Dreamweaver，VistualStudio，SqlServer或Access，(Vim,EditPlus,Notpad++)，各种浏览器以及FireBug的插件，IE下的WebDevelopmentHelper等。

10、当然，如果你足够用心，你还发掘出很多不错的资源，例如MSDN，W3cSchool，一些前辈的博客，一些技术论坛等等，这都是你未来前进道路上的财富。

综上，如果你真的完成了自己的Web应用程序，并通过做这个程序学习了以上这些技术和工具的基础内容，那么恭喜你，你已经成为一个初级Web应用程序开发者了。

想了解更多关于前端的资讯，可以来惠州北大青鸟新方舟校区了解一下。

网页前端设计.png

前端

标签：惠州前端培训学校惠州前端基础惠州前端培训北大青鸟IT计算机学校北大青鸟IT软件学校前端北大青鸟IT学校惠州北大青鸟北大青鸟

上一篇：如何快速成为一名Web前端开发者？_惠州前端培训学校
下一篇：如何提升Web前端开发技术？_惠州前端培训学校

Web前端开发者必须学会哪些知识？_惠州前端培训学校

相关推荐