网页入门

Mr.Hope ... 2019-09-01 前端
  • 网页
  • 介绍
大约 3 分钟

网页需要三件套: HTMLCSSJavaScript

  1. HTML 定义了网页的内容
  2. CSS 描述了网页的样式
  3. JavaScript 编写网页的行为

提示

一个大型的网站,很少是直接使用原生代码写的。

最新的网站大多数都是用三大框架(AngularReactVue)搭建,并引入 npm 上的 UI 库编写而成。

稍微老的网站会使用其他框架作为辅助,比如BootstrapjQuery等。

网页标准指定

互联网网页标准由 W3C 组织制定,它的全称是万维网联盟组织。

# HTML

HTML 指的是超文本标记语言 (Hyper Text Markup Language),描述了网页的骨架(具体结构)。

# CSS

CSS 指层叠样式表 (Cascading Style Sheets),声明了网页的样式(具体布局)。

# Emmet

Emmet 是一种快速输入 HTML 和 CSS 的语法。

# JavaScript

JavaScript 是一种编程语言,声明了网页的交互逻辑。

JavaScript 是一种轻量级的编程语言,为可插入 HTML 页面的编程代码。所有现代的 HTML 页面都使用 JavaScript。

# TypeScript

TypeScript 是 JavaScript 的一个超集,使得 JS 变成了一种强定义语言。TypeScript 由于其诸多优良特性,目前在前端的份额越来越大。

# Node.js

在深入了解并进行前端开发后,就避不开 Node。

Node.js 是一款全球使用广泛的框架,可以用在前端与后端上,拥有大量的模块。Node.js 主要以其丰富并及其容易导入的 Node.js package,以及其方便管理 npm (Node.js Package Manager)闻名。

# 历史前端框架

# jQuery

jQuery 是一个 JavaScript 库,极大地简化了 JavaScript 编程,很容易学习。

jQuery 的优势在于它能够在互联网发展早期兼容各式各样的浏览器,并轻松的选定与操作 DOM。

由于 NVVM 的兴起,目前 jQuery 已逐步被前端三大框架所取代。

# Bootstrap4

Bootstrap 是全球最受欢迎的前端组件库,用于开发响应式布局、移动设备优先的 WEB 项目。

Bootstrap 是一套用于 HTML、CSS 和 JS 开发的开源工具集。利用提供的 Sass 变量和大量 mixin、响应式栅格系统、可扩展的预制组件、基于 jQuery 的强大的插件系统,能够快速为您的想法开发出原型或者构建整个 app 。

# 现代前端框架

# Vue

Vue 是一套轻量化的前端渐进式框架框架。与其它大型框架不同的是,Vue 被设计为可以自底向上逐层应用。Vue 的核心库只关注视图层,不仅易于上手,还便于与第三方库或既有项目整合。

Vue 与 React、Angular 一起合称前端三大框架。

# React

# Angular

# 其他文档