- 博客(26)
- 收藏
- 关注
RSS订阅原创 vue中后端返回文件流（ type: “application/octet-stream“ ）的形式，前端进行处理和文件下载，以及自定生成对应的文件类型
代码】vue中后端返回文件流（type“application/octet-stream“）的形式，前端进行处理和文件下载，以及自定生成对应的文件类型。
2022-07-26 09:33:48
2378
原创 el-upload 的属性 :file-list=“fileList“ 中的fileList值为空问题
代码】el-upload的属性file-list="fileList"中的fileList值为空问题。
2022-07-25 16:55:37
11162
原创 js深拷贝
js深拷贝1.利用jsonvar obj={ name:"test", desc:"origin"}funciton deepCope(obj){ var a=JSON.stringify(obj) var newObj=JSON.parse(a) return newObj}var obj2=obj //浅拷贝var obj3=deepCopy(obj) //深拷贝obj.name="change"console.log(obj2) //{desc:"origin",na
2022-03-11 16:36:03
2147
原创 打印所有页
设置打印所有页created(){ this.initResetStyle()}methods:{ //移除高度内容，适配打印多页的内容 initResetStyle(){ const [html]=document.getElementsByTagName('html') const [body]=document.getElementsByTagName('body') html.style.height='auto' html.style.overflow='auto'
2022-02-18 09:39:34
283
原创 vue项目刷新当前页面
3种方式第一种：location.reload()this.router.go(0)这2种方式都可以刷新当前页面，缺点就是相当于按了F5强制刷新那种，整个页面重新加载，会出现一个瞬间的空白页面，体验不好第二种：新建一个空白页面，点击确定的时候先跳转到这个空白页，然后再立马跳转回来//跳转到空白页this.$router.replace({ path:'', name:'',})空白页<template></template><script&.
2022-02-06 17:46:49
761
原创 Vue中的mixins
Vue中的mixins一、混入规则1.data同名已组件为准data(){ return {}}2.create 等钩子函数先运行mix,再运行组件内3.methods,components等同名，以组件为准二、局部混入和全局混入1.局部混入创建mixin.js文件，在需要的组件或者页面引入import mixin from '../../mixins/mixin'export default{ mixins:[mixin], data(){ return {} }
2022-01-10 19:49:49
15675
3
原创 js数字前面补0
js数字前面补0padStart()用于头部补全，padEnd()用于尾部补全。padStart()和padEnd()一共接受两个参数，第一个参数是字符串补全生效的最大长度，第二个参数是用来补全的字符串。'x'.padStart(5, '0') // '0000x'省略第二个参数，默认使用空格补全长度。'x'.padEnd(4) // 'x '？？？？//另一个用途是提示字符串格式。'12'.padStart(10, 'YYYY-MM-DD') // "YYYY-MM-12"'09
2021-11-30 17:12:33
3035
原创 页面刷新vuex数据消失
页面刷新vuex数据消失vue构建的项目中，vuex的状态存储是响应式的，当vue组件从store中读取状态的时候，若store中的状态发生变化，那么相应的组件也会得到高效刷新，问题来了，vuex存储的数据只是在页面中，相当于我们定义的全局变量，刷新后，里面的数据就会恢复到初始化的状态。比如，用户已经登录，我们把登录状态放到state中了，一刷新页面，还要重新登录？购物车里的添加的数据，一刷新就要重新添加vuex存取值一般都是放在computed计算属性中，但是一刷新页面的数据就没了思路：监听页面是
2021-11-05 23:47:10
247
原创 Vue定义全局组件
定义全局组件在src/components/index.js中定义组件//Vue2.0import ImageHolder from '@/components/ImageHolder/index.vue'export default { // 插件的初始化，插件给你提供的全局的功能，都可以在这里配置 install(Vue) { // 定义全局组件 Vue.component('ImageHolder', ImageHolder) // 封装全局图片组件 }}/
2021-09-13 17:49:55
1921
原创 vscode在保存代码时自动用eslint做格式化
步骤：1.打开设置2.工作区设置3.代码如下注意代码{ "eslint.enable": true, "eslint.run": "onType", "eslint.options": { "extensions": [ ".js", ".vue", ".jsx", ".tsx" ] }, "editor.codeActi
2021-09-10 18:22:54
163
原创 vue项目打包不要控制台输出数据
vue项目打包不要控制台输出数据//在vue.config.js中，配置：chainWebpack(config) { config.optimization.minimizer('terser').tap((args) => { args[0].terserOptions.compress.drop_console = true return args })}
2021-09-07 11:43:12
494
原创 elementUI按钮失去焦点
elementUI按钮失去焦点 // 失去焦点e.target.nodeName === 'BUTTON' ? e.target.blur() : e.target.parentNode.blur()后续更多待更新…
2021-09-05 14:36:20
864
原创 时间格式化
时间格式多久之前relativeTime (val) { const t = new Date(val) const diff = Date.now() - t.getTime() const year = Math.floor(diff / (1000 * 3600 * 24 * 365)) if (year) { return `${year}年前` } const month = Math.floor(diff
2021-08-22 21:35:49
127
原创 js遍历对象的几种方法
第一种Object.keys(obj) 和 Object.values(obj)参数:obj:要返回其枚举自身属性的对象返回值:一个表示给定对象的所有可枚举属性的字符串数组var obj = { 0: 'a', 1: 'b', 2: 'c' }console.log(Object.keys(obj)) // ['0', '1', '2']console.log(Object.values(obj)) //['a','b','c']第二种for…inconst obj={ id:1
2021-08-22 21:34:03
812
原创 在模块中定义的数据如何在.vue文件中使用
在a模块中定义的数据导入到b.vue中,不能直接在其template中使用,需要通过data定义一个数据项来中转一下a模块:export default { // 聘用形式 hireType: [ { id: 1, value: '正式' }, { id: 2, value: '非正式' } ] }b.vue文件//template部分 <el-option v-for="ite
2021-08-20 11:43:36
190
原创 内存溢出和内存泄漏
内存溢出一种程序运行出现的错误当程序运行需要的内存超过了剩余的内存时，就会抛出内存溢出的错误内存泄漏积累多了就容易导致内存溢出，造成的结果就时程序进程直接被杀，甚至直接死机var obj = {}for(var i = 0; i < 100000000000; i++){ obj[i] = new Array[100000000000]}内存泄漏占用的内存没有及时释放，所以当内存泄漏累积到一定程度的时候，就会导致内存溢出常见的内存泄露 //1. 意外的全局变量funct
2021-08-19 22:41:44
312
原创 js 数组格式转树形格式
数组格式转树形格式初始数据格式如下：const data = [ {id:"01", name: "张大大", pid:"", job: "项目经理"}, {id:"02", name: "小亮", pid:"01", job: "产品leader"}, {id:"03", name: "小美", pid:"01", job: "UIleader"}, {id:"04", name: "老马", pid:"01", job: "技术leader"}, {id:"05", name:
2021-08-19 22:12:06
237
原创 MVVM和MVC
MVC:Model-View-ControllerView视图：最上面的一层，是直接面向用户的视图层。它是提供给用户的操作界面，是程序的外壳Model 模型：最底下的一层，是核心的数据层，也就是程序需要操作的数据或信息Controller 控制：中间的一层，控制层，它负责跟进用户从视图层输入的指令，选取数据层中的数据，然后对其进行相应的操作，产生最终共的结果。这三层是紧密联系在一起的，但又是互相独立的，每一层内部的变化不影响其他层。每一层都对外提供接口（Interface），供上面一层调用。这
2021-08-19 21:08:10
82
原创 HTTP状态码
状态码:状态码的职责是客户端向服务器发送请求时,描述返回的请求结果.借助状态码,用户可以知道服务器端是正常处理了请求还是出现了错误.状态码分类:1xx:信息性状态码接收的请求正在处理2xx:成功状态码请求正常处理完毕3xx:重定向状态码需要进行附加操作以完成请求4xx:客服端错误状态码服务器无法处理请求5xx:服务器错误状态码服务器处理请求出错2xx-----表明请求被正常处理了200 OK:请求已经正常处理...
2021-08-11 23:12:26
138
原创 跨域-原因及解决方案
跨域如何判断跨域请求在A地址(发起请求的页面地址)向B地址(要请求的目标页面地址)发起请求时,如果A地址和B地址在:协议 域名 端口 不全相同,则说明请求时跨域的.跨域请求报错的原因请求是跨域的,并不一定会报错.普通的图片请求,css文件请求时不会报错的跨域请求出现错误的条件:浏览器同源策略 && 请求时ajax类型同源策略(Same origin policy):是一种约定，它是浏览器最核心也是最基本的安全功能，如果缺少了同源策略，则浏览器的正常功能可能都会受到影响。可以说
2021-08-07 20:45:05
767
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人