axios

Date 对象你真的掌握了吗

∥☆過路亽.° 提交于 2020-10-02 10:32:33
起源 最近有个需要自己去选择日期的搜索,由于原生内置的 input.type='date' 样式太丑,也难以修改,所以用原生的 Date 对象去实现这样一个功能。 最近有在做一些面试,在问 JavaScript 进行数据类型检测时,有这样一个问题:使用 typeof 检测 Date 对象返回的是什么,很多人都说的是 'object' 。当 Date 单独出现时,它其实是一个函数,很多人被使用时使用 new 操作符给影响了。 其他常用的类似还有 Object 、 RegExp 、 Array 、 Boolean 、 String 、 Function 、 Number 、 Error 。 注: Math 对象使用 typeof 检测返回的是 object 。Math 对象并不像 Date 和 String 那样是对象的类,因此没有构造函数 Math(),无法使用new操作符。 JavaScript Math 对象 Date 简介 Date 对象用于处理日期与时间。 Date 是 JavaScript 的内置对象。 使用 typeof 检测 Date 返回的是 "function" 。 Date 在转换时, toPrimitive 方法默认第二个参数是 string ,所以会首先调用 toString 方法。 Date 的原型上的方法: Date 使用 直接使用; Date();

Vue生命周期,我奶奶看了都懂了

筅森魡賤 提交于 2020-10-02 05:46:45
最近一直在学习Vue,而vue生命周期是我们不可能绕开的一个很核心的知识点,今天来简单的梳理一下大概的内容。 一、钩子函数 在一开始学习的时候,总有钩子函数这个名词冒出来,而且在vue官网文档中也频繁出现,也相信给很多初学者带来了困扰。那到底什么是钩子函数呢? 按我个人的理解,钩子函数就是一个函数,他最大的特点就是在生命周期执行流程中去执行的。 钩子函数钩子函数,就是挂载一些东西的,我们把需要实现的一些功能代码写在对应的钩子函数中,当生命周期在执行的时候,就能执行我们挂载的代码。 钩子函数的实现,基本原理就是callback,回调函数。 二、vue生命周期图示(注释) 原图是从vuejs官方文档上拷下来的,自己用ps写了一点注释。 三、vue生命周期详细解析 1. 实例化vue(组件)对象:new Vue() 2. 初始化事件和生命周期 init events 和 init lifecycle 3. beforeCreate函数: 在实例初始化之后,数据观测 (data observer) 和 event/watcher 事件配置之前被调用。 即此时vue(组件)对象被创建了,但是vue对象的属性还没有绑定,如data属性,computed属性还没有绑定,即没有值。此时还没有数据和真实DOM。属性还没有赋值,也没有动态创建template属性对应的HTML元素

前端处理后台返回的文件流

Deadly 提交于 2020-10-01 22:36:43
axios({ url: '下载接口URL', method: 'post', baseURL: process.env.VUE_APP_BASE_API, params: params, headers: { 'token': getToken() } data: {}, responseType: 'blob' }).then((res) => { // data就是接口返回的文件流 let data = res.data if (data) { let attrs = res.headers['content-disposition'].split(';')   // 获取文件名 let fileName = '' // 不用管fileName在第几个位置,只要=前面是fileName,就取=后面的值 for (let i = 0, l = attrs.length; i < l; i++) { let temp = attrs[i].split('=') if (temp.length > 1 && temp[0].trim() === 'filename') { fileName = temp[1] break } } fileName = decodeURIComponent(fileName) // 获取数据类型 let type = res.headers[

axios 发 post 请求,后端接收不到参数的解决方案

有些话、适合烂在心里 提交于 2020-10-01 13:47:28
axios 发 post 请求,后端接收不到参数的解决方案 参考文章: (1)axios 发 post 请求,后端接收不到参数的解决方案 (2)https://www.cnblogs.com/yiyi17/p/9409249.html 备忘一下。 来源: oschina 链接: https://my.oschina.net/u/4428122/blog/4535840

不会吧,不会吧,不愧是Ajax,jQuery Ajax啊

梦想与她 提交于 2020-10-01 10:34:04
Ajax and jQuery Ajax 我们做前端的,肯定不会只满足于写一些静态网页,我们希望做到网站(与服务器)的数据交互。不得不说,现在前端的发展真是太快了,不断的更新迭代,新的技术就如同雨后春笋,需要我们具备持续的学习能力才能更好的完成工作。 本文主要介绍原生Ajax和jQuery Ajax的使用。能够实现AJAX功能的还有两种现在比较流行的技术,Axios、Fetch。 好了,废话不多说,开始进入正题。 简单说一下这四者的区别吧: Ajax: 全称Asynchronous JavaScript and XML(异步的 JavaScript 和 XML)最早出现的发送后端请求技术,隶属于原始js中,核心使用XMLHttpRequest对象,多个请求之间如果有先后关系的话,就会出现回调地狱。 jquery Ajax: 是 jQuery 底层 AJAX 实现。简单易用的高层实现,$.get, $.post 等。$.ajax() 返回其创建的 XMLHttpRequest 对象。大多数情况下你无需直接操作该函数,除非你需要操作不常用的选项,以获得更多的灵活性。jQuery ajax - ajax() 方法 Axios: axios不是原生JS的,需要进行安装,它不但可以在客户端使用,也可以在nodejs端使用。Axios也可以在请求和响应阶段进行拦截

egg.js vue 启用cookies传递

孤人 提交于 2020-10-01 03:20:14
在egg.js的cofig.default.js中需要配置 security: { csrf: { enable: false, ignoreJSON:true }, domainWhiteList: ['http://localhost:8080'] }, cors: { origin: 'http://localhost:8080', credentials:true, allowMethods: 'GET,HEAD,PUT,POST,DELETE,PATCH,OPTIONS' }, 在vue中axios中需要添加 axios.defaults.withCredentials = true 来源: oschina 链接: https://my.oschina.net/it110/blog/4523047