闲云野鸟的博客

需求简单需求，上传文件之后服务端处理完文件的数据，本次接口请求返回文件流，前端再把该文件流下载下来。

项目场景： 最近使用Vue开发一个新的项目，因为服务器还没到，调取后端本地接口，因为没有跨域，就开反向代理。后面就被一个很基础的东西踩了坑，就是 cookie的一些知识，记录一下，加深一下印象。问题描述： 联调过程中，发现调用登录接口之后，再去调其他接口，就会报登录状态失效，之前做了好久小程序的项目，突然遇到这种有点懵逼。 原因分析： 首先，出现这个问题，问了下后端，后端说是Cookie没有传给他。然后我们来确认下Cookie的定义和作用是什么？ HTTP 协议中的 Cookie 它包

在Vue中使用高德开发工具非常简单，只需要在你的public中的index.html中，导入一条链接即可。<script type="text/javascript" src="https://webapi.amap.com/maps?v=1.4.15&key=您申请的key值"></script> 一般使用高德地图中，里面有各种各样的插件，你可以直接在链接上...

前段时间一直在结合高德地图的api进行数据可视化开发，这也是前端的一个趋势，网上关于这些的文章都比较少，最好还是去高德去看官方文档，然后去琢磨怎么玩。先说下我这个应用场景吧，一般我们做地图可视化开发，边上会有些表格啊，或者点位表述，然后我们点击这个点的那个div或者表格的那行，然后就在地图上标记这个点显示出来，并展示跟这个点位一些数据。大概就是这样一个功能吧。看上去，更加专业，还知道位置在哪。...

描述实现元素的

描述使用微信提供的分享功能，其实就是JSSDK使用，使用它提供的接口功能。可以先看下微信公众号开发文档，上面介绍的很详细。提供了那些功能，怎么去使用。https://developers.weixin.qq.com/doc/offiaccount/OA_Web_Apps/JS-SDK.html#67代码绑定域名这个不需要说了。引入js文件的话直接在Vue项目中找到index.html...

描述使用Vue开发公众号时，分享链接的时候遇到这个问题，会把#后面的地址都截取，然后会跳到首页去。如果使用history模式下的话就不存在这个问题了，不过Vue开启这种模式，还需要后台配置支持。问了下我们后端，直接说不会，没办法，只能自己想办法来解决了。思路当时大致搜了下，各种方法也尝试了，转码，拼接什么的都没有用，后面采用了一个中转页面来帮我实现跳转才做好了。其原理大致就是写一个第三方的...

描述最近需要做一个地图坐标拾取的功能，根据用户点击的位置，获取当前点击位置的经纬度。根据用户输入的经纬度然后标记到那个点位。用高德地图写了一个这样的组件。实际效果：说明如果对高德地图很熟悉的话，其实实现很简单。用户点击地图获取经纬度实现：监听用户在地图上的点击事件，获取到点击位置的经纬度，然后拿着这个经纬度，高德地图有个点标记工具，在那个位置标记这个点。用户输入经纬度在地图上标点...

每个 Vue 实例在被创建时都要经过一系列的初始化过程——例如，需要设置数据监听、编译模板、将实例挂载到 DOM 并在数据变化时更新 DOM 等。同时在这个过程中也会运行一些叫做生命周期钩子的函数，这给了用户在不同阶段添加自己的代码的机会。下图展示了实例的生命周期。挂载（初始化相关属性）1.beforeCreate当new Vue 实例的时候，还没有根据配置对象来进行Vue实例的具体配置...

页面与页面之间跳转传值，其实我们一般用两种，query传参或者用params其实这两个方式都是页面导航的一种，编程式导航：通过调用JavaScript形式的API实现导航的方式，大家不了解的可以去官网看下，比较基础的东西。其实就是用了router.push()方法，来实现页面之间的传值，只不过有不同的参数规则。这个方法会向 history 栈添加一个新的记录，所以，当用户点击浏览器后退按钮时，...

自己重新整理了下，方便学习交流。首先Vuex他是什么，此处从官网截图：可以集中式存储管理应用的所有组件状态使用1.安装vuex依赖包。npm install vuex --save2.创建一个store的文件夹，里面新建一个index.js文件，专门来处理vuex的数据，逻辑。3.导入vuex包，创建store对象。import Vue from 'vue'import Vu...

主要是整理给自己用的一些面试常用题，这里记录一下vue组件间通信几种方式。父组件传值到子组件（父传子）先定义一个子组件，这里我在component文件夹里定义一个child.vue子组件<template> <div class="about"> <h1>这里是子组件的变量接受的变量{{msg}}</h1> &...

描述一个关于微信公众号生成海报的一个demo，就给一张图片，然后以这张图片打底，生成一张带头像的二维码的海报，可以保存到手机里面，方便用户推广。之前有一篇相同实现相同功能的，利用canvas写的一个demo，这一次是优化了了前面，使用了html2canvas和vue-qr这两个插件来实现这个需求。想看前面的那篇可以点击下面的链接https://blog.youkuaiyun.com/qq_3713188...

描述一个关于微信公众号生成海报的一个demo，就给一张图片，然后以这张图片打底，生成一张带头像的二维码的海报，可以保存到手机里面，方便用户推广。类型下图效果：声明：这里的测试图片来自花瓣https://huaban.com/，如有侵权，联系删除，谢谢。说明生成二维码这里使用了插件vue_qrcodesnpm install vue_qrcodes感兴趣的可以去这里看下https...

描述最近一个项目，调节口的时候，出了这个问题，然后配了下，记录下，也有个地方可以保存。直接上实现步骤在vue.config.js的module.exports = {}里面新增一个节点，如果没有这个节点，在项目根目录新建一个即可。上代码module.exports = { devServer: { proxy: { '/api': { target...