axios

axios的拦截器可以在请求或者返回被Then或者是catch处理之前对他们进行拦截。拦截器的作用。主要是在发送请求之前做一些操作，比方说可以对对一些数据进行处理。比如给每个请求都给添加token或者给 。或者是在相应之前请求拦截器。可以对返回的数据进行二次加工。 例如 在发送请求前相应进行操作 axios.interceptors.request.use((config) =>{ return config }, err =>{ Promise.reject(err) } ) 在返回一个处理数据 axios.intercepters.response.use( (response) =>{ }, err =>{ } ) 来源： oschina 链接： https://my.oschina.net/u/4419312/blog/4733547

promise用了这么多年了，一直也没有系统整理过。今天整理整理promise的相关东西，感兴趣的可以一起看一看。我尽量用更容易理解的语言来剖析一下promise 我准备分两篇文章来说明一下promise 一篇来理解和使用promise（本篇） 另一篇来从promise使用功能的角度来剖析下promise的源码（下一篇） 我准备从以下几点来慢慢理解Promise 1、Promise,Promise存在的意义 2、Promise基本用法 3、.then()函数 4、.catch()函数 5、实现简单的axios 6、Promise.all, Promise.race 以及两者的区别 7、Promise.resolve和Promise.reject 1、什么是Promise 我的理解是：实现让我们用同步的方式去写异步代码的一种技术。是异步解决方案的一种。 他可以将多个异步操作进行队列化，让它们可以按照我们的想法去顺序执行。 那么，Promise之前有没有其他的异步解决方案。肯定是有的，常见的有callback回调函数以及事件。 那Promise有啥优势，我认为Promise功能更为强大，且能让我们代码写的更为清晰 Promise提供了统一的API, 让我们控制异步操作更加容易 Promise可以避免callback回调函数的层层嵌套，使代码更为清晰。可读性性与维护性更高 2

创建httpService.js 文件 import axios from 'axios'; import { Loading , Message } from 'element-ui'; import { Vuevm } from '../main'; window.Vuevm = Vuevm; const BASE_URL = process.env.BASE_API; //域名路径 const formatParams = (data)=>{ let arr = []; for (let name in data) { arr.push(encodeURIComponent(name) + "=" + encodeURIComponent(data[name])); } return arr.join("&"); } axios.defaults.timeout = 15000; //超时时间 export const httpService = (url,params,method,loading=true) => { if(loading) { var loadingInstance = Loading.service({ lock: true, text: '加载中', spinner: "el-icon-loading", background: "rgba(0, 0

本节目录 一 geetest前端web中使用 二 xxx 三 xxx 四 xxx 五 xxx 六 xxx 七 xxx 八 xxx 一 geetest前端web中使用 　　 　　下载gt文件， 官网地址 ，下面我们就来完成一下基于geetest的滑动验证怎么做： 　　首先在项目之使用，将我们下载的文件放到我们的项目目录下，我放到了static文件夹下的global文件夹下，然后在项目入口文件main.js中引入，看目录结构： 　　　　 　　然后我们直接就能在各个组件中使用了，首先我们找个案例分析一下：看图 　　　　 　　那么后端返回的这三个数据是什么呢，我们看看看geetest官网怎么说的： 　　我们引入了gt.js之后，就可以使用一个函数叫做 `initGeetest` 初始化函数，这个函数怎么用呢，结合ajax或者axios来用，看代码： ajax({ url: "API1接口（详见服务端部署）",这个url就是我们上面那个例子中的请求路径 type: "get", dataType: "json", success: function (data) { //请检测data的数据结构， 保证data.gt, data.challenge, data.success有值，你就会发现，这三个数据正好是我们上面这个例子中后端返回给前端的三个数据 initGeetest({ //

一，准备工作：服务端部署 　　下载文件gt.gs:　　https://github.com/GeeTeam/gt3-python-sdk 　　需要说明的是这里的 gt.js 文件，它用于加载对应的验证JS库。 　　1.引入初始化函数　　 　　main.js import '../static/global/gt.js' 　　2.调用初始化函数进行初始化 　　api.js // 滑动验证码api export const getGeetest = ()=> { return Axios.get('captcha_check/')　　// 后端相对应的API .then(res=>res.data) }; // 登陆api export const userLogi = (params)=>{ // 这个参数至少包含用户名和密码，以及滑动验证的3个字段 return Axios.post("account/login/", params) .then(res=>res.data) }; 　　初始化 getGeetest() { this.$api.getGeetest() .then(res => { let data = res.data; //请检测data的数据结构， 保证data.gt, data.challenge, data.success有值 initGeetest({

vue概述 mvvm模式 M：即Model，模型，包括数据和一些基本操作 V：即View，视图，页面渲染结果 VM：即View-Model，模型与视图间的双向操作（无需开发人员干涉） 在MVVM之前，开发人员从后端获取需要的数据模型，然后要通过DOM操作Model渲染到View中。而后当用户操作视图，我们还需要通过DOM获取View中的数据，然后同步到Model中。 而MVVM中的VM要做的事情就是把DOM操作完全封装起来，开发人员不用再关心Model和View之间是如何互相影响的： 只要我们Model发生了改变，View上自然就会表现出来。 当用户修改了View，Model中的数据也会跟着改变。 把开发人员从繁琐的DOM操作中解放出来，把关注点放在如何操作Model上。 mvvm模式的优势： 低耦合 视图（View）可以独立于Model变化和修改，一个ViewModel可以绑定到不同的"View"上，当View变化时Model可以不变，当Model变化时View也可以不变 可重用性 可以把一些视图逻辑放在一个ViewModel里面，让多个View重用这段视图逻辑代码 独立开发 开发人员可以专注于业务逻辑和数据的开发（ViewModel），设计人员可以专注于页面设计。 而我们今天要学习的，就是一款MVVM模式的框架：Vue 快速入门 安装vue 下载安装 下载地址： https:/

今年算是经历颇多的一年了，腾讯和华为都走了几趟（一共面试了四个部门），拿了两个offer。（开心.png），但还是挂了两次，有点遗憾。 面试题总结 面试完之后，赶紧总结了一波，前端这个岗位，这两家大厂的面试思路和面试问题其实都差不多： 1. JS底层： 说一说js的原型与继承。 分析一下优秀的前端框架源码，这么写的优缺点在哪。 this指向问题，this的深拷贝如何实现，这个也是高频率被问到的问题。 js事件流是怎么样体现的。 柯里化函数。 2. 数据层： 写过中间件么？ 了解koa么？ 数据安全是怎么处理的。 axios 与 fetch的实现。 3. HTTP相关： 跨域问题的产生与解决。 http1.1时如何复用tcp连接。 http2.0新的变化。 http报文的请求分成几个部分？ 前端与后台交互的时候会产生几次握手，分别做了什么？ 4. 框架： 说一说vue的源码的响应式与数据驱动，主要是问原理。 Vue与react的区别在哪，这个也是问底层实现。 虚拟dom、diff算法等等，基本没问到过怎么去使用。 像组件传值啥的没提过。还有就是路由的管理 有没有封装过组件库， dev-server是怎么跑起来的。 5. 服务端与工具 主要是Node的问题，有没有拿node做过中间层。 Node的线程处理、事件循环。 这个主要就是 webpack 与 babel 的配置