Hello,欢迎来到前端战场,在这里我们将一起在前端战场,奋勇前进,砥砺前行!


一、Web常用文本语言和高级语言组成


1、HTML/HTML5

2、CSS/CSS3

3、JavaScript

4、jQuery

5、AJAX

6、PHP

二、常用知识简介


HTML 指超文本标签语言:


HTML 是通向 WEB 技术世界的钥匙。 在这里,你将学习如何使用 HTML 来创建站点。 HTML 非常容易学习!你会喜欢它的!

HTML是现在世界通用的超文本标记语言,通过它,可以实现图片、链接、音乐以及程序等等多种元素。现如今,HTML已经是程序员必须掌握的一项基本功。


HTML的结构一般包括< head >标签和< body >标签,< head >和< body >这2个标记符分别表示网页的头部和正文。头部中可包含页面的标题、关键词、描述说明等内容,它本身不作为内容来显示,但影响网页显示的效果。< body >< /body >当中是网页实际显示的内容,正文标记符又被称为实体标记。页面当中通常包含有很多指向其他相关页面或其他节点的指针,通过点击,可以很方便地获取新的网页,这是HTML获得广泛推广运用最重要的原因之一,而由这些相互之间存在关联的页面组成的有机集合便是网站。

究竟HTML为什么会被普及?这就要归功于互联网的高速发展,对于编程语言的需求直线上升。而HTML5具有超集方式的简易性、运用广泛的可拓展性、灵活应变的平台适应性以及简单的通用性。凭借着这些特性,HTML越来越受到人们的喜爱。


HTML5编辑规范:


1、文件拓展名默认使用htm或者html,便于操作系统或者程序辨认文件,而图片则基本上存为gif或jpg。

2、浏览器默认忽视回车符,不过为了方便阅览,人们还是会习惯地在写完一段代码后进行回车。

3、标记符号用尖括号括起来,带斜杠的元素表示该标记说明结束,大多数标记符必须成对使用,用以说明起始和结束。

4、必须使用半角而不是全角字符。

5、HTML注释 < ! --注释内容 -- >的内容不给予显示。


什么是CSS?


1. CSS 是层叠样式表 ( Cascading Style Sheets ) 的简称。

2. CSS 是一种标记语言,属于浏览器解释型语言,可以直接由浏览器执行,不需要编译。

3. CSS 是用来表现HTML或XML的标记语言。

4. CSS 是由W3C的CSS工作组发布推荐和维护的。

5. CSS 是编程入门人员的必修课,运用CSS样式可以让页面变得美观。

6. CSS语法由三部分构成:选择器、属性和值: selector {property: value}


使用CSS的优势:


内容与表现分离,有了CSS,网页的内容(XHMTL)与表现就可以分开了。

使用CSS可以减少网页的代码量,增加网页的浏览速度。


如何使用CSS?


有三种方法可以在站点网页上使用样式表:

1. 外联式Linking(也叫外部样式):将网页链接到外部样式表。

2. 嵌入式Embedding(也叫内页样式):在网页上创建嵌入的样式表。

3. 内联式Inline(也叫行内样式):应用内嵌样式到各个网页元素。

其中,优先级:内联式 > 嵌入式 > 外联式


CSS3的功效:


CSS3使用了层叠样式表技术,可以对网页布局、字体、颜色、背景灯效果做出控制。css3作为css的进阶版,拆分和增加了盒子模型、列表模块、语言模块 、背景边框 、文字特效 、多栏布局等等。

CSS3的改变有很多,增加了文字特效,丰富了下划线样式,加入了圈重点的功能。在边框方面,有了更多的灵活性,可以更加轻松地操控渐变效果和动态效果等等。在文字效果方面,特意增加了投影。

CSS3在兼容上做了很大的功夫,并且网络浏览器也还将继续支持CSS2,因此原来的代码不需要做太多的改变,只会变得更加地轻松。


JavaScript简介:


JavaScript 是世界上最流行的脚本语言。 JavaScript 是属于 web 的语言,它适用于 PC、笔记本电脑、平板电脑和移动电话。 JavaScript 被设计为向 HTML 页面增加交互性。 许多 HTML 开发者都不是程序员,但是 JavaScript 却拥有非常简单的语法。几乎每个人都有能力将小的 JavaScript 片段添加到网页中。

Javascript,从“最被误解的语言”,最后神奇地转变成为“最流行的语言”,证明它经受得起时间的考验。虽然单独来看,它的交互设计有些失败,但是加上Ajax的完美配合,javascript就成了一款轻便并且又实用的好语法。

想了解更多js,请前往:JavaScript专区


认识jQuery:


jQuery的字面意思其实就是JavaScript和查询(Query),即用于辅助开发JavaScript的库。jQuery是继prototype之后的又一个优质的Javascript库,属于开源编程语言。

jQuery使用户可以更加方便地处理HTML(标准通用标记语言下的一个应用)、events、实现动画效果,而且方便地为网站提供AJAX交互。jQuery还有一个比较大的优势是,它的文档说明很全,而且各种应用也说得很详尽,同时还有很多成熟的插件可供选择。jQuery可以使用户的html页面保持代码和html的内容分离,也就是说,不需要再在html里面插入一堆js来调用命令了,只需要定义id即可。

jQuery是免费、开源的,使用MIT许可协议。jQuery的语法设计可以使开发更加便捷,例如操作文档对象、选择DOM元素、制作动画效果、事件处理、使用Ajax以及其他功能。除此之外,jQuery提供API让开发者编写插件。其模块化的使用方式使开发者可以很轻松的开发出功能强大的静态或动态网页。


jQuery的缺点:


1、不能向后兼容。每一个新版本不能兼容早期的版本。

2、插件兼容性不是太好,与上一点类似。

3、在同一页面上使用多个插件时,很容易碰到冲突现象,尤其是这些插件依赖相同事件或selector时最为明显。

4、在大型框架中,jQuery核心代码库对动画和特效的支持相对较差。但是实际上这不是一个问题。目前在这方面有一个单独的jQuery UI项目和众多插件来弥补此点。


jQurey的安装:


你可以从网页中添加jQuery。

①从官网jquery.com下载jQuery库

②从CDN中载入jQuery


了解AJAX:


AJAX = Asynchronous JavaScript and XML(异步的 JavaScript 和 XML)。 AJAX 不是新的编程语言,而是一种使用现有标准的新方法。 AJAX 是与服务器交换数据并更新部分网页的艺术,在不重新加载整个页面的情况下。

AJAX是指一种创建交互式网页应用的网页开发技术。

AJAX = 异步 JavaScript和XML(标准通用标记语言的子集)。

AJAX 是一种用于创建快速动态网页的技术。

通过在后台与服务器进行少量数据交换,AJAX 可以使网页实现异步更新。这意味着可以在不重新加载整个网页的情况下,对网页的某部分进行更新。

传统的网页(不使用 AJAX)如果需要更新内容,必须重载整个网页页面。

Ajax 的核心是 JavaScript 对象 XMLHttpRequest。该对象在 Internet Explorer 5 中首次引入,它是一种支持异步请求的技术。简而言之,XMLHttpRequest使您可以使用 JavaScript 向服务器提出请求并处理响应,而不阻塞用户。


什么是PHP?


PHP(全称:PHP:Hypertext Preprocessor,即“PHP:超文本预处理器”)是一种开源的通用计算机脚本语言,尤其适用于网络开发并可嵌入HTML中使用。PHP的语法借鉴吸收C语言、Java和Perl等流行计算机语言的特点,易于一般程序员学习。PHP的主要目标是允许网络开发人员快速编写动态页面,但PHP也被用于其他很多领域。

PHP最初是由勒多夫在1995年开始开发的;现在PHP的标准由the PHP Group维护。PHP以PHP License作为许可协议,不过因为这个协议限制了PHP名称的使用,所以和开放源代码许可协议GPL不兼容。

PHP的应用范围相当广泛,尤其是在网页程序的开发上。一般来说PHP大多运行在网页服务器上,通过运行PHP代码来产生用户浏览的网页。PHP可以在多数的服务器和操作系统上运行,而且使用PHP完全是免费的。根据2013年4月的统计数据,PHP已经被安装在超过2亿4400万个网站和210万台服务器上。


PHP能做什么?


1、网站开发。

2、创建数据库访问。

3、WordPress插件开发。


PHP有什么优点?


1.容易上手:PHP是一门快速并且容易上手的服务器脚本语言,也是许多人入门编程的首选。

2.社群强大:拥有庞大的活跃社群,开发者遇到的大多数问题,基本都能找到解决方案。

3.对数据库友好:简单容易记得,不需要声明太多的类型,直接调用。


PHP有什么缺点?


1.速度慢:PHP相对其他开发语言,编译速度上并不占优势,弱变量也是其中的原因之一。

2.错误处理机制不完善:和其他的语言相比,PHP的错误处理考虑得不够周全,其中有很大一部分原因是因为历史版本导致的问题,PHP开发的Web站点非常多,新版本必须考虑老版本的兼容性,导致很多历史遗留问题无法被解决。


哪些知名网站应用了PHP?


1、Facebook

2、WordPress

3、维基百科