彻底读懂前端跨域CORS
彻底读懂前端跨域CORS
前端小伙伴在使用AJAX的时候,相信对No Access-Control-Allow-Origin header这样的报错提示感到很头疼,怎么请求又跨域了。在开发中,前端的童鞋们每次看到浏览器下面出现一长串红色的跨域报错就会很恼火,不停的念叨着:那个谁谁谁,又没有给我加跨域头;后端小伙伴又会毫不示弱地反击道:不就是 Access-Control-Allow-Origin: *
浏览:147 标签: 跨域 CORS AJAX
js防抖和节流
js防抖和节流
防抖概念(Debounce)函数防抖(debounce)是指在一定时间内,在动作被连续频繁触发的情况下,动作只会被执行一次,也就是说当调用动作过n毫秒后,才会执行该动作,若在这n毫秒内又调用此动作则将重新计算执行时间,所以短时间内的连续动作永远只会触发一次,比如说用手指一直按住一个弹簧,它将不会弹起直到你松手为止。节流概念(Throttle)函数节流是指一定时间内执行的操
浏览:130 标签: 防抖 节流 js
vue自定义指令directives
vue自定义指令directives
1 指令名称注意点说明VUE给我们提供了很多的系统指令,比如"v-text"、“v-bind”、"v-on"等等,本文我们来介绍下自定义指令的实现。案例代码<!DOCTYPE html><htmllang="en"><head><metacharset="UTF-8"><metaname="viewport"content="width=device-width, init
浏览:349 标签: directives vue 自定义指令
深入理解vue中的slot与slot-scope
深入理解vue中的slot与slot-scope
写在前面vue中关于插槽的文档说明很短,语言又写的很凝练,再加上其和methods,data,computed等常用选项使用频率、使用先后上的差别,这就有可能造成初次接触插槽的开发者容易产生“算了吧,回头再学,反正已经可以写基础组件了”,于是就关闭了vue说明文档。实际上,插槽的概念很简单,下面通过分三部分来讲。这个部分也是按照vue说明文档的顺序来写的。进入三部分之前,
浏览:307 标签: slot vue
vue插件开发、文档书写、github发布、npm包发布一波流
vue插件开发、文档书写、github发布、npm包发布一波流
做vue开发,基本的操作会了之后是不是特想撸一撸vue的插件,让自己的代码可复用。别急,今天和你一起手摸手,哦呸,是手把手,一起撸一管,哦再呸,是封装一个基于vue的支付宝密码弹窗插件。然后还会介绍如何书写插件的markdown说明文档、发布到github、在github设置项目的运行地址、发布npm包。简单看下效果图,主要实现密码输入完成自动触发输入完成的回调函数,自定义标
浏览:297 标签: vue
vue中Axios的封装和API接口的管理
vue中Axios的封装和API接口的管理
我们所要的说的axios的封装和api接口的统一管理,其实主要目的就是在帮助我们简化代码和利于后期的更新维护。一、axios的封装在vue项目中,和后台交互获取数据这块,我们通常使用的是axios库,它是基于promise的http库,可运行在浏览器端和node.js中。他有很多优秀的特性,例如拦截请求和响应、取消请求、转换json、客户端防御XSRF等。所以我们的尤大大也
浏览:325 标签: Axios vue
解决AMapUI is not defined问题(vue 中使用高德地图vue-amap)
解决AMapUI is not defined问题(vue 中使用高德地图vue-amap)
业务需求1. 点击地图获取经纬度及地址。2. 输入内容搜索获取经纬度及地址。使用前可以先查阅 vue-amap 文档:https://elemefe.github.io/vue-amap/#/zh-cn/introduction/install其中比较重要的是:vue-amap 能够抛开高德原生 SDK 覆盖大多数场景,但对于部分定制化程度较高的场景而言,可能还是需要
浏览:1228 标签: 高德地图 vue-amap vue
nuxt项目线上部署-nuxt项目打包部署
nuxt项目线上部署-nuxt项目打包部署
1、准备工作安装node:http://menvscode.com/detail/59eedf3610c98d0e654c1b8f安装ngnix:http://menvscode.com/detail/5c3d4ad44ac443095e53a4f5安装PM2:http://menvscode.com/detail/5ce21943e8c50a0870f419832、
浏览:1799 标签: nuxt 打包部署 nuxt
利用reduce方法对数组对象去重
利用reduce方法对数组对象去重
dsd https://www.cnblogs.com/le220/p/9130656.html
浏览:431 标签: 数组对象 去重 reduce
nuxt引入jQuery库
nuxt引入jQuery库
方法一:安装 jquery 包安装命令npm install --save jquery配置 nuxt.config.jsconst webpack =require('webpack')module.exports = {    build: {        plugins: [            new webpack.ProvidePlugin({    
浏览:946 标签: jQuery nuxt
Nuxt.js 中 asyncData 使用方法介绍
Nuxt.js 中 asyncData 使用方法介绍
nuxt最重要的就是服务端渲染,首先需要知道什么是服务端渲染,什么是客户端渲染。传统服务端渲染中,是请求页面url,由后端返回html渲染到浏览器中。在spa中所有的渲染都由客户端完成,客户端请求接口,服务端返回的只是数据。这种方式爬虫没有办法抓到页面,也就没有办法处理seo。为什么我在asyncData打印不出任何东西?是nuxt在vue基础上扩展的方法,它可以在服务端
浏览:2206 标签: asyncData Nuxt
nuxtjs asyncData实现多请求
nuxtjs asyncData实现多请求
首先,获取动态路由参数有两种方式:1.上下文对象对象- context,看例子:async asyncData (context) { console.log(context)}打印 context ,其结果是一个包含query对象和params对象的对象。query对象和params对象,就是我们要获取通过不同传参方式的参数。2. 方式二,看例子:async asy
浏览:693 标签: asyncData nuxtjs

邮箱快速注册

忘记密码