前端开发框架

一、前端开发基础知识须知

前端开发过程中需要具备的基本知识储备,内容有些杂乱;主要关注前端开发框架基本知识即可。

1.1、开发知识拓展

  1. SEO 优化:网站加载速度
  2. 常用位图图像格式介绍
  3. hAtom 联合内容标记语言
  4. YAML 另一种标记语言

1.2、Npm(Node Package Manager)包管理器

  1. NodeJS和Npm 服务介绍
  2. Npm 命令管理模块操作介绍
  3. Npm 管理工具和 Package.json 文件

1.3、前端开发基础知识

  1. JavaScript 模块化开发小白讲解
  2. Webpack 静态模块打包器介绍
  3. 前端开发发展过程和SPA实现原理介绍

二、React 前端框架

React 起源于 Facebook 的内部项目,因为该公司对市场上所有 JavaScript MVC 框架,都不满意,就决定自己写一套,用来架设Instagram 的网站。做出来以后,发现这套东西很好用,就在2013年5月开源了。

  1. React 框架介绍和NPM 方式安装
  2. React-Bootstrap 前端组件库介绍

2.1、React-Router 路由组件

  1. react-router-dom 路由组件介绍
  2. react-router-dom 路由组件基本使用

2.2、React 时间选择器

  1. React-datetime 日期和时间选择器
  2. React-datetime 使用扩展

2.3、React 开发中父组件和子组件的数据传输

  1. React 框架父组件和子组件数据传输
  2. React 中父组件给子组件传值

三、Vue.js 前端框架

Vue.js是一套构建用户界面的渐进式框架。与其他重量级框架不同的是,Vue 采用自底向上增量开发的设计。Vue 的核心库只关注视图层,并且非常容易学习,非常容易与其它库或已有项目整合。另一方面,Vue 完全有能力驱动采用单文件组件和Vue生态系统支持的库开发的复杂单页应用。
Vue.js 的目标是通过尽可能简单的 API 实现响应的数据绑定和组合的视图组件。
Vue.js 自身不是一个全能框架——它只聚焦于视图层。因此它非常容易学习,非常容易与其它库或已有项目整合。另一方面,在与相关工具和支持库一起使用时 ,Vue.js 也能完美地驱动复杂的单页应用。

3.1、脚手架使用介绍

  1. Vue-cli 脚手架介绍
  2. Vuejs 中的Runtime + Compiler 和 Runtime-only 的区别

3.2、新手入门

  1. Vuejs 前端开发入门
  2. Vue.js 新手入门:遍历、判断、属性绑定、计算属性和事件监听
  3. Vuejs MVVM 视图-模型-视图模型和v-model表单控件
  4. Vue.js 组件化开发-模板分离和数据存储
  5. Vue.js 父子组件之间数据传输
  6. Vuejs 父子组件间的访问方式
  7. Vuejs 组件化开发中插槽的使用说明

四、前端开发常用模块

前端开发过程中,会使用到各种便利的模块组件。

4.1、Axios Http 请求

  1. Axios — HTTP 库介绍
  2. Axios 创建一个实例和响应数据介绍
  3. Axios 的请求配置和默认配置
  4. Axios 模块的拦截器 Interceptors
  5. Axios 模块处理错误响应
  6. 使用 Axios 模块下载文件

4.、JavaScript 的异步模式

  1. JavaScript 异步编程介绍
  2. JavaScript 异步为什么使用Promise?
  3. Promise 的基本用法介绍