02 2021 档案
摘要:Axios简介 Axios 是一个基于 promise 的 HTTP 库,可以用在浏览器和 node.js 中。 特性 支持node端和浏览器端 支持拦截器等高级配置 使用Promise管理异步,告别传统callback方式 自动转换 JSON 数据 客户端支持防御 XSRF 安装 yarn 安装
阅读全文
摘要:前言:我们所要的说的axios的封装和api接口的统一管理,其实主要目的就是在帮助我们简化代码和利于后期的更新维护。本文转载,原博地址。 一、axios的封装 在vue项目中,和后台交互获取数据这块,我们通常使用的是axios库,它是基于promise的http库,可运行在浏览器端和node.js中
阅读全文
摘要:前言:学习React16+React-Router4 从零打造企业级电商后台管理系统慕课网课程中的项目准备阶段,重点突破登录功能开发和ajax请求封装。 一、基础功能模块的开发登录页 二、登录页面的开发 1.用户名和密码input标签中使用name属性,通过e.target.name可以获取(Boo
阅读全文
摘要:前言:学习React16+React-Router4 从零打造企业级电商后台管理系统慕课网课程中的项目准备阶段,使用Bootstrap皮肤样式格式化引用完成通用部分的开发。 一、通用部分内容 二、通用布局的开发 1.webpack中配置page和component resolve: resolve:
阅读全文
摘要:前言:学习React16+React-Router4 从零打造企业级电商后台管理系统慕课网课程中的项目准备阶段,重点突破webpack的配置。 一、开发环境依赖 git -> gitee.com 课程官网的git仓库 webpack等 -> yarn -> nodejs node-sass 二、we
阅读全文
摘要:前言:学习React16+React-Router4 从零打造企业级电商后台管理系统慕课网课程中的项目准备阶段,重点突破三大框架的对比分析。 注:项目来自慕课网
阅读全文
摘要:前言:正在学习react大众点评项目课程,学习react、redux、react-router构建项目。 一、页面分析和组件划分 二、组件开发 走马灯效果 react-slick npm install react-slick --save //public ->index.html <link r
阅读全文
摘要:前言:正在学习react大众点评项目课程,学习react、redux、react-router构建项目。 一、前端架构是什么 前端架构的特殊性 前端不是一个独立的子系统,又横跨整个系统 分散性:前端工程化 页面的抽象、解耦、组合 可控:脚手架、开发规范等 高效:框架、组件库、Mock平台,构建部署工
阅读全文
摘要:前言:正在学习react大众点评项目课程的todoList应用阶段,学习react、redux、react-router基础知识。 一、客户端路由和服务端路由 二、React Router相关库 react-router react-router-dom(直接使用) react-router-nat
阅读全文
摘要:前言:正在学习react大众点评项目课程的todoList应用阶段,学习react、redux、react-router基础知识。 一、Redux项目结构组织方式 1.按照类型 当项目变大后非常不方便 2.按照功能模块 方便开发,易于功能的扩展。 但不同的功能模块的状态可能存在耦合。 3.Ducks
阅读全文
摘要:前言:正在学习react大众点评项目课程的todoList应用阶段,学习react、redux、react-router基础知识。 一、Redux基础 1.Why Redux 复杂的状态:API数据、本地数据、UI状态等 视图和状态管理耦合,状态管理失控 视图层:React状态管理层:Redux 2
阅读全文
摘要:前言:正在学习react大众点评项目课程的todoList应用阶段,学习react、redux、react-router基础知识。 一、 React项目脚手架:create-react-app 新建项目: npx create-react-app 项目名 注:(npm >= 5.2 ) 三个依赖:r
阅读全文