前端开发快速入门

一、了解前端技术栈

1. react：前端开发语言(着重学习)

• React是用于构建用户界面的JavaScript框架，用于构建高效、快速的用户界面。React 中一切都是组件。
• 虚拟dom

2. webpack：前端打包工具

• 一个开源的前端打包工具，将你的js、css、img、svg以更优的方式进行解析加载，配置灵活，功能强大

3. ant-design：商户侧前端使用的UI组件库(着重使用)

• 是基于 Ant Design 设计体系的 React UI 组件库，主要用于研发企业级中后台产品

4. dva：react异步请求以及redux全局数据流

• dva 首先是一个基于 redux 和 redux-saga的数据流方案
• 易学易用，仅有 6 个 api，对 redux 用户尤其友好

5. es6：JavaScript语言的下一代标准

• es5语言的升级，提供更加强大的语法糖，开发更加便捷,不但能减少代码量，还能解决原来没有完善的问题
• 目前ES6也是使用最多的javaScript语言标准

6.axios:一个基于 promise 的 HTTP 库，可以用在浏览器和 node.js 中

• 从浏览器中创建 XMLHttpRequests
• 从 node.js 创建 http 请求
• 支持 Promise API
• 拦截请求和响应
• 转换请求数据和响应数据
• 取消请求
• 自动转换 JSON 数据
• 客户端支持防御 XSRF

二、项目结构理解

1. node_modules：前端组件库管理包

• 安装node后用来存放用包管理工具下载安装的包的文件夹,例如react、webpack、轮播图插件等各种库，以便项目使用,类似后端的nuget

2. package.json：项目组件库版本管理文件(如果我们用自己开发的组件库，也是npm组件库的读取文件)

• 1.管理node_modules组件库版本的配置文件(常用)
• 2.当你开发自己的组件库，它也是作为组件库的版本管理配置文件(组件库开发)