SilentLove

本文采用的模块之家的实例项目为模板，采用react+react-router-dom+redux+axios+antd+js-cookie+less等技术栈来实现。 本文假设你对react已经有基本了解。 react项目默认是隐藏配置文件的。 在router下增加module文…

本文在React 零基础入坑的基础上介绍redux的使用。 如若对react不是很了解，可以先行掌握react的基础知识。 修改index.js入口文件，如图所示，红线部分是需要修改的部分。Provider,是一个高价组件，通过它把store共享给子组件。其主要原理就是利用re…

之前我们已经介绍了如何：新建一个react项目，并介绍了基本的路由配置、less、以及ui的使用。 接下来将会介绍在React如何使用axios实现前后端交互。在之前的文章中，我有详细介绍：axios的使用和二次封装，原理基本相同。 在新建src下新建api文件夹,配置和之前a…

本文旨在介绍如何在项目中配置和方便的使用svg图标。 本文以vue项目为例，当然在react中的使用原理基本相似。 svg图标可以直接通过img标签来使用，也可当做icon来使用。 本文是参考了鑫旭大佬的文章：SVG Sprite技术介绍。 代码已上传github：github…

安装js-cookie是为了将当前选择的语言保存并在下一次打开时默认选择。 准备本地的翻译信息，在src下新建lang文件夹，新建文件zh.js，en.js。 在 main.js 中引入 vue-i18n，并挂在在vue实例中。 开始使用，新建.vue文件。在页面中通过$t()…

安装node.js（要求版本:node>=6,npm>=5.2）,直接去node官网下载安装包即可，安装完成以后可以打开cmd/git,通过node -v/npm -v 查看版本。 安装git(用于代码管理)，直接百度下载安装包即可。 这里使用官方推荐的脚手架（Create R…

本文在vue项目搭建的基础上，vue-router路由配置的基础上，对vue项目中axios的使用进行介绍。 2、axios的使用以及拦截器的设置。 在config.js对axios进行二次封装，进行请求拦截（主要用于配置token和请求数据类型）和响应拦截（主要用于http状…

本文在上一章-vue项目搭建的基础上，对vue-router路由配置进行进行详细的介绍。 按下图所示新建pages,layout文件夹，新建vue文件（这里NewDetails组件的path应该为'/new_details'）。 如图所示配置路由文件。页面效果如下： 点击按钮跳…

本文涉及到webpack、node.js、vue、vue-router、vuex、axios、less、element-ui、es6、git等相关知识。 vue.js有著名的全家桶系列，包含了vue-router、vuex、axios，再加上构建工具vue-cli，就是一个完整…