活泼可爱的小环环-CSDN博客

众所周知，移动端的兼容性是不能和pc端比较的，这次项目移动端使用pdf.js预览pdf，就让我踩了无数的坑，下面介绍一下，做法首先下载pdf.js,官网下载即可，也可私聊我，发给你。下载完成后将文件夹放在static文件夹下，如图：我们使用web-view预览，首先创建显示预览pdf的页面，只需要将allUrl赋值为：this.allUrl = /static/pdfjs/web/viewer.html?file=${url}就可以啦，${url}是后面转换出来的文件url<template

2022-05-04 16:12:30 3810 5

原创 axios请求回调时，this指向问题

axios请求回调时，层级比较深，this指向会发生变化，找不到变量，更改为箭头函数即可。LOVhandleOktest() { this.fileFormData.delete('file') this.fileFormData.delete('filename') this.fileList.forEach((file) => { this.fileFormData.append('file'

2022-03-23 09:09:27 486

原创随机获取数组中的一个元素

let testjglbds = ["yjyy", "ejyy", "sjyy", "myyy", "yd", "mz", "wss", "sqwsfwz",] var jglb = testjglbds[Math.floor(Math.random() * testjglbds.length)];

2022-02-28 09:48:13 706

原创调用高德地图API，因为异步导致后续数据获取不到，只需一个Promise即可

最近在做项目里需要用到高德地图相关操作，调用高德地图转换坐标系 AMap.convertFrom（），因为异步导致后续数据获取不到。最后异步请求解决了该问题。//Promise.then处理异步api new Promise((resolve, reject) => { let elsePoint1 = [37.1455,130.56556]; // 将其他坐标系值转换为高德坐标系值

2022-02-28 09:44:59 2378

原创 vue结合axios，proxy代理配置跨越

vue结合axios，proxy代理配置跨越1. 首先在配置之前需要已经在项目中引入了axios，执行npm install axios2. 在vue全局挂在的入口文件 main.js中应用 axiosimport axios from 'axios'3. 配置反向代理,在config文件夹下的index.js中添加// 动态设置代理路径let targetUrl = 'http://10.1.98.2:8089'const proxyTable = { '/test': {

2022-02-17 14:04:11 1594

原创 neo4j图数据库，无法远程访问，配置修改

neo4j图数据库无法远程访问一般是neo4j.conf文件配置错误问题只需要修改一下选项即可在如下目录，找到neo4j.conf打开。修改默认地址配置项为0.0.0.0。dbms.default_listen_address=0.0.0.0dbms.default_advertised_address=0.0.0.0dbms.connector.http.listen_address=0.0.0.0:7474dbms.connector.http.advertised_address=0.0

2022-01-04 11:27:10 4193 4

原创 vue项目图片实现滚轮缩放（支持火狐浏览器）

网上有很多使用event.wheelDelta 获取滚轮滚动值并将滚动值叠加给缩放比zoom的方法，但是我发现火狐浏览器并不支持该方法，因此更新本文章。让我们先来看看效果：废话不多说，直接上干货！首先html写法：div包含图片标签。@DOMMouseScroll.prevent为火狐支持的鼠标滚动监听。@mousedown为鼠标离开和放上。 <div style="margin-top: 10px; width: 100%" class="left" @DOMMouseScroll.

2022-01-04 11:19:35 1673 6

原创多位数字，三位数加一个逗号

const dataTrans = function(str) { var len = str.length, str2 = "", max = Math.floor(len / 3); if (len <= 3) { return str; } else { for (var i = 0; i < max; i++) { var s = str.slice(len - 3, len); str = st

2021-12-28 14:36:47 3730

原创 echarts中的字体，自适应无法生效

echarts中的字体，自适应无法生效上一篇文章我写了大屏字体自适应的方法，但是echarts中的字体，自适应无法生效，所以，更新一种echarts字体自适应的方法。在需要设置自适应的echarts页面的vue文件中，定义 px转换rem方法： /** * px转换rem */ fontSize(res) { // eslint-disable-next-line no-unused-vars let docEl = document.docum

2021-12-28 13:06:27 2058

原创 vue项目实现大屏PC端字体自适应

vue项目实现大屏PC端字体自适应我们字体自适应选择使用rem作为单位，通过监听窗口大小的变化，更新1rem的对应的px数来实现字体自适应。注意该方法，我们需要在APP.vue文件中实现，首先APP.vue文件中，定义屏幕宽度的变量screenWidthdata() { return { screenWidth: window.innerWidth || document.documentElement.clientWidth ||

2021-12-28 11:30:27 2889 1

原创使用css给div添加四角边框的方法

使用css给div添加四角边框的方法div添加四角边框，一般写法，我们会在四角分别放一个小方块设置边框，来实现效果，但当我们使用vue,或者需要封装称组件时，例如大屏的展示，如果将边框也封单独的组件，或许会觉得封装的太繁琐。这个时候我们直接使用全局css来实现这一效果，少一层封装，这样代码更方便维护。以上均为小编个人见解，只为跟大家分享下面的方法。方法一：首先前端使用class样式名字 <div class="global_echarts_box">

2021-12-28 11:04:16 9113 1

原创 2021-08-09

@初次独立开发项目总结初次独立开发项目总结7月刚刚步入公司，阴差阳错下，领导安排我独立开发一个新的项目，此刻的我，大脑一片空白，自己也就实习了2个月，从未独立开发的经验，但转念想想，或许会很难，但这也是非常好的一次机会，能在一进公司就得到锻炼，项目基本开发差不多了，总觉得我该做点什么，为这次经历好好做个总结。一个项目的开发，远远要比我们想象的复杂，这是一个多人合作的过程，我作为一个前端，需要和UI沟通页面的设计，同时也要积极兼顾后端是否同步开发接口，这是这次踩坑之后最大的教训，一定要积极趁早沟

2021-08-09 13:48:59 79

qq_41859063的博客

原创 vue3使用keep-alive，不生效，依旧调用created,mounted问题

原创 echarts柱状排名图，图整个错位，名称或者数值太长导致

原创 vue3使用bus总线导致加载页面重复调用方法

原创使用base64格式，实现上传图片功能时，base64格式前缀导致上传图片加载失败

原创 vue项目img标签动态绑定src问题解决

原创 vue实现数字翻牌器组建，能够正常显示负数符号

原创 vue复杂表格单元格合并根据数据动态合并

原创 vue+neo4j +纯前端（neovis.js / neo4j-driver）实现知识图谱的集成大干货--踩坑无数！！！将经验分享给有需要的小伙伴

原创 uniApp预览PDF文件，遇到的问题