Web前端之必备基础技能

第一：HTML

这是最简单的，也是最基础的。要掌握块级元素：div、table、p、ul、li...内联元素a、font、span...等等这些标签，这些标签是页面布局最常用的，要熟练掌握它们特性，特别注意的是页面布局标签之间的关系。

html简介：

HTML 是用来描述网页的一种语言。

• HTML 指的是超文本标记语言 (Hyper Text Markup Language)
• HTML 不是一种编程语言，而是一种标记语言 (markup language)
• 标记语言是一套标记标签 (markup tag)
• HTML 使用标记标签来描述网页

HTML 标记标签通常被称为 HTML 标签 (HTML tag)。

• HTML 标签是由尖括号包围的关键词，比如
• HTML 标签通常是成对出现的，比如 和
• 标签对中的第一个标签是开始标签，第二个标签是结束标签
• 开始和结束标签也被称为开放标签和闭合标签

第二：CSS

通常我们会看到web前端开发工程师的职责要求里面，会有一个使用 html+css 来进行界面布局，所以css是用于辅助html来布局和展示的，我们称之为“css样式”。css要熟练掌握width、height、float、 position，以及overflow、margin、padding等等样式的属性，这些都是跟布局有关系的样式，一定要掌握。

css概述

• CSS 指层叠样式表 (Cascading Style Sheets)
• 样式定义如何显示 HTML 元素
• 样式通常存储在样式表中
• 把样式添加到 HTML 4.0 中，是为了解决内容与表现分离的问题
• 外部样式表可以极大提高工作效率
• 外部样式表通常存储在 CSS 文件中
• 多个样式定义可层叠为一

 第三：JS

 javaScript是一种web前端的描述语言，也是一种基于对象（object）和事件驱动（Event Driven）的、安全性好的脚本语言。

它运行在客户端从而减轻服务器的负担。

JavaScript 是脚本语言

• JavaScript 是一种轻量级的编程语言。
• JavaScript 是可插入 HTML 页面的编程代码。
• JavaScript 插入 HTML 页面后，可由所有的现代浏览器执行。
• JavaScript 很容易学习。

  第四：JQUERY

 简单地说jquery就是相当于把js封装了一套的一个js插件，目的就是操作起来更方便，代码写的更少，jquery入门也很简单，入门需要学的和js一样，只是换成了jq的代码。

jQuery 库 - 特性

jQuery 是一个 JavaScript 函数库。

jQuery 库包含以下特性：

• HTML 元素选取
• HTML 元素操作
• CSS 操作
• HTML 事件函数
• JavaScript 特效和动画
• HTML DOM 遍历和修改
• AJAX
• Utilities

 第五：HTML5+CSS3

 html5是当前最新版本，主要特点是支持原生的视频播放、离线存储、更多的语义化标签。

HTML5 中的一些有趣的新特性：

• 用于绘画的 canvas 元素
• 用于媒介回放的 video 和 audio 元素
• 对本地离线存储的更好的支持
• 新的特殊内容元素，比如 article、footer、header、nav、section
• 新的表单控件，比如 calendar、date、time、email、url、search

CSS3是CSS技术的升级版本，CSS3语言开发是朝着模块化发展的。以前的规范作为一个模块实在是太庞大而且比较复杂，所以，把它分解为一些小的模块，更多新的模块也被加入进来。这些模块包括： 盒子模型、列表模块、超链接方式 、语言模块 、背景和边框 、文字特效 、多栏布局等。

CSS3也是当前最新版本，主要特点是支持圆角、阴影、动画效果等。

值得一提的是，目前IE6、7、8不能完整支持HTML5和CSS3，其它如谷歌、火狐浏览器等主流版本已经支持。

CSS3 被划分为模块。

其中最重要的 CSS3 模块包括：

• 选择器
• 框模型
• 背景和边框
• 文本效果
• 2D/3D 转换
• 动画
• 多列布局
• 用户界面

 第六：AJAX

AJAX 是一种在无需重新加载整个网页的情况下，能够更新部分网页的技术。

在继续学习之前，您需要对下面的知识有基本的了解：

• HTML / XHTML
• CSS
• JavaScript / DOM

什么是 AJAX ？

AJAX = 异步 JavaScript 和 XML。

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

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

传统的网页（不使用 AJAX）如果需要更新内容，必需重载整个网页面。

最大特点：页面不刷新。