- 博客(45)
- 收藏
- 关注
RSS订阅原创 vue Pdf 预览控制台把pdf的url暴露出来了
解决方案是使用data URL代替Blob URL。你可以使用URL.createObjectURL()方法将Blob对象转换为data URL，然后将其传递给PDF阅读器。在写项目的时候，需要做一个pdf下载收费的功能，我才用的插件是vue-pdf，发现在控制要里给我暴露出一个 blob:http://localhost:9528/74eb90ba-f721-48f1 直接就可以下载。这个问题的出现是因为你使用了Blob URL，它会在浏览器中创建一个唯一的URL来表示blob对象。
2024-01-26 17:34:36
425
1
原创 vue 项目优化打包时间
随着项目依赖的增加, 在配合开发的时候听到后端同学的抱怨 build 时间长, 及其影响开发效率和心情. 然后翻阅了相关的资料开启Vue优化之路。在src/mian.js关闭生产环境下的调试信息**此项目是针对vue-cli2脚手架进行优化的。这样就成功了 大概可以缩减5分钟的时间。
2024-01-23 18:33:22
580
原创 计算俩个时间戳相隔几天几小时几秒
首先在utils文件夹下创建一个文件usedTime.js。然后再main.js中去挂载引用。最后在所需的页面直接用就可以了。
2023-06-19 10:32:15
286
原创 vue 多标签循环 可点击、选中、样式变化
点击标签时，通过 indexOf() 方法特性进行判断，如果大于 -1，则是默认样式，反之则是第二套样式并将选中标签的 id 通过 push 方法添加到 data 中定义好的数组 (gather) 中；因为后端人员想要的数据格式是字符串拼接的格式，所以最后我又通过 join 方法将数组转换成字符串并以逗号隔开，如果想要数组集合则不用转。首先循环遍历标签，然后我们要给标签加一个点击事件，并拿到每一个标签的 id(item.id) 作为参数传递到方法中；
2023-05-26 17:25:19
567
转载 cookie sessionstorage localstorage 区别
sessionStorage、localStorage、cookie都是在浏览器端存储的数据，其中sessionStorage的概念很特别，引入了一个“浏览器窗口”的概念，sessionStorage是在同源的同窗口中，始终存在的数据，也就是说只要这个浏览器窗口没有关闭，即使刷新页面或进入同源另一个页面，数据仍然存在，关闭窗口后，sessionStorage就会被销毁，同时“独立”打开的不同窗口，即使是同一页面，sessionStorage对象也是不同的。cookie也是在所有同源窗口中都是共享的。...
2022-07-19 15:53:42
156
原创 Vue面试题整合
vue生命周期⑴beforeCreate(创建前)：在此生命周期函数执行的时候，data 和 methods 中的数据都还没有初始化。⑵created(创建后)：在此生命周期函数中，data 和 methods 都已经被初始化好了，如果要调用 methods 中的方法，或者操作 data 中的数据，最早只能在 created 中操作。⑶beforeMount(载入前)：在此生命周期函数执行的时候，模板已经在内存中编译好了，但是尚未挂载到页面中去，此时页面还是旧的。⑷mounted(载入后
2022-05-11 13:11:26
50
原创 前端经典面试题之Set和Map的区别
1.Map是键值对，Set是值得集合，当然键和值可以是任何的值；2.Map可以通过get⽅法获取值，⽽set不能因为它只有值；3.都能通过迭代器进⾏for...of遍历；4.Set的值是唯⼀的可以做数组去重，Map由于没有格式限制，可以做数据存储；...
2022-05-11 13:04:24
3332
1
原创 vue element ui admin 权限控制菜单
1.首先需要把动态路由放到 asyncRoutes2.需要拿到登录时候的用户类型（看项目需求，我是需要拿到type是1的情况展示 图一的路由）3.然后到这个文件夹下面4.找到actions 去根据自己的需求去判断路由的显示（res.includes）...
2021-12-28 18:21:45
1248
原创 vue-element-admin 打包生成外部配置文件修改后端访问地址
一般，我们前端打包项目之前要先问上级要一个线上环境的访问ip，这样才能确保访问得到。但是，这种方式一般很笨戳，每次都要问，直到我的上级被我问烦了...上级："你打包的时候能不能生成一个配置文件，里面包含了访问的ip地址，打包好后也可以进行修改，无需再进行打包"我：“。。。。。。。。”上级：“我知道你可以的，加油，下一个版本要实现这个功能”我：“，，，，，，，，，”于是我开始百度，因为我做的一般是内部管理系统，使用的框架网上现成的框架，vue-element-admin-master，
2021-12-27 10:09:49
2297
2
转载 Vscode快速创建vue模板
找到vue.json替换里面的内容{ "Print to console": { "prefix": "vue", "body": [ "<!-- $1 -->", "<template>", " <div class='$2'>$5</div>", "</template>", "", "<script>", "//这里可以导入其他文件（比如：组件，工具js，第三..
2021-07-19 17:52:34
282
原创 vue面试题
一、什么是MVVM？MVVM是Model-View-ViewModel的缩写。MVVM是一种设计思想。Model 层代表数据模型，也可以在Model中定义数据修改和操作的业务逻辑；View 代表UI 组件，它负责将数据模型转化成UI 展现出来，ViewModel 是一个同步View 和 Model的对象。在MVVM架构下，View 和 Model 之间并没有直接的联系，而是通过ViewModel进行交互，Model 和 ViewModel 之间的交互是双向的， 因此View 数据的变化会同步到Model
2021-04-19 10:53:12
113
原创 vue使用filter过滤简单实现搜索功能
<input type="text" placeholder="请输入搜索内容" v-model="search"><p v-for="(item, index) in searchMethod" :key="index">{{ item.name }}</p>arr: [ {name: 'qq', baz: '1'}, {name: 'qq2', baz: '12'}, {name: 'q3q', baz: '13'}, {name
2021-01-14 10:39:51
810
原创 Tue Dec 01 00:00:00 GMT+08:00 1998 转成自定义字符串
const youWant=d.getFullYear() + '-' + (d.getMonth() + 1) + '-' + d.getDate() + ' ' + d.getHours() + ':' + d.getMinutes() + ':' + d.getSeconds(); console.log(youWant,'//////') //yyyy-MM-dd hh:mm:ss
2020-12-23 09:43:53
276
原创 js时间转换加减
<script type="text/javascript"> var date1= '2015/05/01 00:00:00'; //开始时间 var date2 = new Date(); //结束时间 var date3 = date2.getTime() - new Date(date1).getTime(); //时间差的毫秒数 //计算出相差天数 var days=Math.floor(
2020-12-22 15:37:27
392
原创 js replace替换全部
const data =" 代***码***无***bug"console.log（data.replacr( /\***/g,' ')）//\为转义字符 g表示全局这样就全部替换了
2020-11-16 19:10:11
310
原创 vue 根据后台数据动态获取复选框
vue 根据后台数据动态获取复选框<template> <div id="Demo"> <el-form ref="form" label-width="100px"> <el-form-item label="设备名称"> <div class="check-group" v-for="(item, index) in equipments" :key=
2020-11-10 15:40:11
2279
原创 服务器部署第一次部署前后端项目
一 环境准备jdk1.8、node.js、mysql5.7、nginx二、安装步骤1：安装jdk，配置环境变量2：安装node.js (npm i 安装前端项目依赖命令)3：安装mysql，创建数据库三、部署运行项目步骤1：运行后端项目：将打包好的后端项目jar包上传到服务器，Shift + 右键 ，点击“在此处打开命令窗口”，输入 java -jar jar包名，即可2：运行前端项目：在桌面 Shift + 右键，击“在此处打开命令窗口”，在命令行输入：express 项目名这样在桌面就
2020-08-19 14:45:53
397
原创 在项目中 npm i报错 npm WARN optional SKIPPING OPTIONAL DEPENDENCY
在项目中下载依赖报错npm WARN optional SKIPPING OPTIONAL DEPENDENCY: [email protected] (node_modules\webpack-dev-server\node_modules\fsevents):npm WARN notsup SKIPPING OPTIONAL DEPENDENCY: Unsupported platform for [email protected]: wanted {“os”:“darwin”,“arch”:“any”} (
2020-07-31 11:21:03
4408
4
原创 vuev-bind 实现 点击变色
<p :class="{btn: !isshow,btn_first: isshow}" @click="isshow=!isshow">我是按钮</p>export default { data() { return { isshow: true } } };<style lang="less" scoped> .btn { color: pink;
2020-06-16 15:50:13
463
原创 vue子传父($emit)
在子页面<div @click="enterfd"></div>在methods写enterfd(){this.$emit("enterfd")}父页面<div @enterfd="enterfd"></div>
2020-06-13 11:29:09
308
原创 vue父传子（props）
在父页面data里面定义rwmc:""<div :eve="rwmc"></div>在子页面用props接受一下props:["eve"]就可以了
2020-06-13 11:23:59
193
原创 vue中怎么获取到实时时间在页面一直变化
在data定义数据data(){return{timer:"",datetime:new Date().getHours()//小时datamous:new Date().getMinutes()//分钟getsSeconds:new Date().getsSeconds()//秒}}在mouted写一个setIntervalthis.timer=setInterval(()={this.datetime=new Date().getHours()this.datamous=new
2020-06-09 11:45:47
1915
原创 后台数据接口返回一个对象，前端怎么处理转成数组
定义一个空数组const arr=[]循环接口里面的对象数据for(let k res.data){arr.push(res.data)}console.log(arr)// res.data 是数据（参考个自的数据格式）
2020-06-09 11:30:12
7352
4
原创 width和min-width的区别
1.width :给块级元素/行内块 元素设置固定的宽度，或者固定百分比的宽度。min-width: 当盒子内部元素宽度小于 min-width的值时，盒子宽度为 min-width的值，当盒子内容宽度大于 min-width的值时，盒子随着内容的增加而被撑大，没有上上限，但是 盒子宽度的最小值是 设置的 min-width 的值。2、在父元素已经设置为 display: flex; 弹性...
2020-03-19 17:20:56
1424
原创 Git第一次提交代码到远程仓库
Git第一次提交代码到远程仓库第一步：git init 初始化项目文件夹第二步：git add . 键所有文件添加到暂存区第三步：git commit -m “first commit” 提交到本地仓库第四步：git remote add origin XXX（XXX就是你github或者码云等远程仓库的地址，git branch这个命令可以看到你所在的分支，删除某个仓...
2020-01-17 15:13:43
964
原创 原生js轮播图效果
原生js轮播图html 部分<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <link rel="stylesheet" href="css/class.css">&...
2020-01-16 15:56:27
104
原创 有些MP4只有音频没有视频的解决办法
有些MP4只有音频没有视频在代码中写了video，发现视频只有声音，而视频不动<video id="myv" width="600" height="400" src="video.mp4" ></video>经过研究发现video只有mp4的视频编码有三种：MPEG4(DivX)、MPEG4(Xvid)、AVC(H264)，在格式工厂中，把视频文件转换成AV...
2020-01-16 15:48:32
6917
原创 Vue.js中 watch(深度监听-deep)原理以及详解
handler方法和immediate属性这里 watch 的一个特点是，最初绑定的时候是不会执行的，要等到 firstName 改变时才执行监听计算。那我们想要一开始就让他最初绑定的时候就执行改怎么办呢？我们需要修改一下我们的 watch 写法，修改过后的 watch 代码如下：watch: { firstName: { handler(newName, oldName) {...
2020-01-06 17:47:07
18939
6
原创 本地仓库和远程仓库建立连接（ssh的绑定）
首先判断有无本地公钥SSH keysSSH key 可以让你在你的电脑和Code服务器之间建立安全的加密连接。 先执行以下语句来判断是否已经存在本地公钥：cat ~/.ssh/id_rsa.pub如果你看到一长串以 ssh-rsa或 ssh-dsa开头的字符串, 你可以跳过 ssh-keygen的步骤。提示: 最好的情况是一个密码对应一个ssh key，但是那不是必须的。你完全可以跳过...
2020-01-02 18:08:47
7181
原创 vue 怎么通过链接动态获取微信二维码
首先需要下载依赖 qrcodenpm install qrcode然后把它引入项目中import QRCode from 'qrcode'在html中写一个button，加canvas <canvas id="QRCode" /> <el-button type="text" size="small" @click="getQRCode()">...
2019-12-26 15:09:00
1021
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人