哈哈hyc的博客

post方式返回文件流实现前端blob下载,responseType: ‘blob‘无效

erdfty — Tue, 12 Jul 2022 16:23:25 +0800

一般情况下，下载分为好几种，但是常用的是get下载文件流直接下载post下载文件流是很少见的，但是鉴于参数太多，不能走get 只能走post下载，post下载分为两种：1.form表单下载2.post返回文件流转成blob下载，研究了很久也很坑，上代码：这个地方如果responseType设为blob的话，返回的文件流将会被转成blob对象，不是文件流，但是无论怎么设置都没有转成blob对象，网上有很多解释，一个是说封装好的axios设置responseType是无效的，于是乎，我就引入了原生axios，

Do not access Object.prototype method ‘hasOwnProperty‘ from target object

erdfty — Fri, 13 Aug 2021 17:07:23 +0800

今天用对象的属性hasOwnProperty，去判断对象是否包含该值，我这里主要判断对象是否为空，出现了以上错误，之前也遇到过类似的错误，如parseInt（‘24.5’），必须要给转换的进制类型，改为parseInt（‘24.5’，10）则正常通过上述文字提示发现，不要从目标对象访问 Object 原型方法”，想到一种解决方案——直接找到这个方法，用 call 改变指向调用： Object.prototype.hasOwnProperty.call(obj, 'key') 在ECMAScript.

vue3.0中setup使用(两种用法)

erdfty — Tue, 13 Jul 2021 10:59:11 +0800

一、setup函数的特性以及作用　　可以确定的是 Vue3.0 是兼容 Vue2.x 版本的也就是说我们再日常工作中可以在 Vue3 中使用 Vue2.x 的相关语法但是当你真正开始使用 Vue3 写项目时你会发现他比 Vue2.x 方便的多　　Vue3 的一大特性函数 ---- setup 　　1、setup函数是处于生命周期函数 beforeCreate 和 Created 两个钩子函数之间的函数也就说在 setup函数中是无法使用 data 和 methods 中的数据和方法的

vue中事件修饰符详解(stop, prevent, self, once, capture, passive)

erdfty — Tue, 16 Mar 2021 09:55:10 +0800

.stop 是阻止冒泡行为,不让当前元素的事件继续往外触发,如阻止点击div内部事件,触发div事件.prevent 是阻止事件本身行为,如阻止超链接的点击跳转,form表单的点击提交.self 是只有是自己触发的自己才会执行,如果接受到内部的冒泡事件传递信号触发,会忽略掉这个信号.capture 是改变js默认的事件机制,默认是冒泡,capture功能是将冒泡改为倾听模式.once 是将事件设置为只执行一次,如 .click.prevent.once 代表只阻止事件的默认行为一次,当第二次触发的时候事件.

关于Vue不能监听（watch）数组变化

erdfty — Wed, 24 Feb 2021 19:11:57 +0800

一、vue监听数组 vue实际上可以监听数组变化，比如 data () { return { watchArr: [], }; }, watchArr (newVal) { console.log('监听：' + newVal); }, created () { setTimeout(() => { this.watchArr = [1, 2, 3]; }, 1000); }, 在比如使用splice(0,2,3)从数组下标0删除两个元素，并在下标0插入一个元

element-ui树形图，名字过长滚动条问题

erdfty — Thu, 07 Jan 2021 14:44:58 +0800

/deep.

基于vuex的任务事项管理的小demo

erdfty — Fri, 06 Nov 2020 17:12:53 +0800

基于vuex的任务管理的小demo，适合学习vuex，充分运用了vuex 程序demo页面使用到的vuex方法总概况大家可以自己看看，探讨一下，附git地址：https://github.com/erdfty/vuex-todos

vue路由切换之淡入淡出的简单实现

erdfty — Fri, 09 Oct 2020 14:07:09 +0800

路由跳转的淡入淡出在开发中有一种需求叫高端、大气、上档次。所以作为一个前端有责任让你的程序开起来更酷炫。可以在页面切换时我们加入一些动画效果，提升我们程序的动效设计想让路由有过渡动画，需要在标签的外部添加标签，标签还需要一个name属性

css3字体背景颜色跑马灯

erdfty — Fri, 09 Oct 2020 14:04:31 +0800

页面效果 CSS .title { border: 0px; font-size: 200%; font-weight: bold; float: left; line-height: 1.5; width: 100%; padding-left: 5px; margin-top:0px;

Vue 实现复制功能,不需要任何结构内容直接复制方式

erdfty — Mon, 28 Sep 2020 15:38:04 +0800

介绍：在做复制文档功能时，考虑到是个不太会复用的小功能，最后选择直接用 document.execCommand 方法实现。在查阅资料时候，发现其他人都需要在页面上写上结构、ID。然后捕捉某个ID获取内容，感觉很不方便。使用： methods: { copyShaneUrl(shareLink){ var input = document.createElement("input"); // 直接构建input input.value = shareLink; //

Vue 自定义指令实现点击DOM元素以外触发事件

erdfty — Wed, 16 Sep 2020 17:12:06 +0800

1.directive.js import Vue from "vue"; // 提交验证 Vue.directive("clickOutside", { // 初始化指令 bind(el, binding, vnode) { function clickHandler(e) { // 这里判断点击的元素是否是本身，是本身，则返回 if (el.contains(e.target)) { return false; }

在Vue中使用JSX作为render

erdfty — Wed, 16 Sep 2020 15:54:11 +0800

ant-design-vue开源了一段时间后，收到了一些反馈，尤其是Form组件上线后，很多用户对JSX的使用感到迷惑和不习惯，为此专门介绍下Vue JSX的使用姿势及注意事项。 Form组件的自动收集校验功能需要在JSX下使用，当然如果不需要自动收集校验，你依然可以使用template Vue 推荐在绝大多数情况下使用template来创建你的 HTML。然而在一些场景中，你真的需要 JavaScript 的完全编程的能力，就需要使用render函数，它比 template 更接近编译器...

div在body中可以任意拖动

erdfty — Mon, 07 Sep 2020 17:10:11 +0800

HTML代码

CSS代码 body { background-color:#232429; } .CsOuterDiv { width:256px; height:146px; background-color:white; position:absolute; top:50%; left:50%; tra.

js 实现 list转换成tree的方法示例（数组到树）

erdfty — Thu, 30 Jul 2020 15:42:07 +0800

目标： JS 将有父子关系的平行数组转换成树形数据方法：双重遍历，一次遍历parentId,一次遍历id == parendId; 该方法应该能很容易被想到，实现起来也一步一步可以摸索出来； const oldData = [ {id:1,name:'boss',parentId:0}, {id:2,name:'lily',parentId:1}, {id:3,name:'jack',parentId:1}, {id:4,name:'john',parentId:2}, ...

vue中按钮防止暴力点击，多次提交数据的问题，组件通用化封装

erdfty — Sat, 18 Jul 2020 10:36:22 +0800

方法1：用计时器改变按钮可点击状态