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>
  • HTML 标签通常是成对出现的,比如 <b> 和 </b>
  • 标签对中的第一个标签是开始标签,第二个标签是结束标签
  • 开始和结束标签也被称为开放标签闭合标签

第二: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)如果需要更新内容,必需重载整个网页面。

最大特点:页面不刷新。

猜你喜欢

转载自blog.csdn.net/weixin_41662207/article/details/82184736