qq_39704803的博客

原创 VUE项目问题

1.运行时，遇到依赖问题，Failed to resolve import "vue-demi" from "node_modules\.vite\deps\chunk-2MVFT65E.js, 重新安装依赖。例：如下：解决：重新安装vue-demi2. 问题”getaddrinfo ENOENT raw.githubusercontent.com“解决:查看raw.githubusercontent.com的真实IP地址。

原创 关于移动端适配postcss-pxtorem

postcss-pxtorem是px转rem的插件，是移动端比较好的适配方案１．安装postcss-pxtorem*因为我使用的是vant2，所以postcss-pxtorem的版本不会太高．*如果报错：“Error: PostCSS plugin postcss-pxtorem requires PostCSS 8.”报错的意思是postcss-pxtorem为8.0，但实际上官网最新版本为6.0（有可能是6.0版本与vant不兼容）,所以直接把postcss-pxtorem版本降成对应的版本就好

原创 关于yarn安装vite所遇到的坑

用yarn安装vite时，怎么也装不成功，提示如下，根据网上资料，更改global和cache也不行，后来总算找到一份有用信息， ‘D:\Program‘ 不是内部或外部命令，也不是可运行的程序；原因：node 安装目录 D:\Program Files\nodejs ，中间有空格导致解决办法：重新安装nodejs，安装目录不要带空格．附上网址：npm、yarn设置全局安装位置和缓存位置 - 简书前提条件 node安装D盘：D:\nodejs，最开始安装在D:\Program Files\no

原创 面试算法题，把1,2,3,4......按如下规律排列

把1,2,3,4......按如下规律排列（第一行特殊),例如数字３在第一行Ｃ列,那么，数字2013在第几行几列.....具体如下图解题如下function main(args) { lie = ""; //列 hang = 0; //行 num = 2013; fournum = parseInt(num / 4); //包含多少个 mnum = num % 4; //目标数模4 hang = fournum; if (mnum > 0) { hang

原创 vue-seamless-scroll报错“TypeError: Cannot read properties of undefined (reading ‘innerHTML‘)“”

vue-seamless-scroll滚动插件本来demo如下<template> <vue-seamless-scroll :data="listData" :class-option="optionHover" class="seamless-warp"> <ul class="item"> <li v-for="item in listData"> <span

原创 关于等于“==“的坑

用"=="进行判断比较，发觉会空字符串""与0进行比较时会是true，因为判断比较要用绝对等于"==="可防止。

原创 关于引入第三方页面

有这么一个需求，有一个外部业务系统需要引用我们现在的项目，他们传一个code值，我们通过code值判断是否需要进入登录页面。我这边主要处理：1.在路由卫士router.beforeEach中判断to.query.code是否有值，有值则跳到指定处理外部事项页面，同时存储code值 //不通过登录页进入系统 if(to.query.code && to.query.code!="" && to.query.code!=null){ .

原创 Nginx前端代理发布

1.vue中的config配置const baseUrl="http://192.168.10.206:8092"const VUE_APP_BASE_API = '/api' devServer: { disableHostCheck: true, port:8082, proxy: { [process.env.VUE_APP_BASE_API]: { target: baseUrl, changeOr

原创 IDEA查看jar包路径

原创 nginx+php配置

一、下载文档1.下载php:https://windows.php.net/download/https://windows.php.net/download/(注意，需下载正确的文件，最好下载Thread Safe安全版，我就是因为下载错文件，绕了好久。）2.下载nginx:nginx: downloadhttp://nginx.org/en/download.html二、配置nginx修改Nginx的conf文件1. 去掉worker_processes前的#号，开启一个...

原创 echart饼形 legendselectchanged 触发两次问题

this.myChart.off('legendselectchanged');this.myChart.on('legendselectchanged', function (params) { console.log(params);});可以调用前先解绑

原创 vue路由设置，path后面加/和不加的区别

1. path后面加/：表示是根目录下访问，例访问http://xxx/list2. path后面不加/：表示是父组件的路径下访问访问http://xxx/product/list3.如果是三级路径访问访问：http://xxx/order/product/list...

原创 使用Node.js搭建web服务器

前提，已有node项目1.安装express​express是一个开源的node.js项目框架，初学者使用express可以快速的搭建一个Web项目，express中已经集成了Web的http服务器创建、请求和文件管理以及Session的处理等功能，所以express是非常适合初学者的入门学习。cnpm i -S ​ express2.创建启动文件,我是写在在mock目录下的index.js文件const express = require("express");const ap..

原创 关于删除数组中某一元素

let paixu=[1, 1, 1, 1, 1, 1, 1, 1, 2, 0, 1, 1]paixu.splice(paixu.indexOf(0),1) //paixu.indexOf(0)找出0的索引位置console.log(paixu) //[1, 1, 1, 1, 1, 1, 1, 1, 2, 1, 1]注意，如果执行删除元素后，再赋值，则输出的是删除的元素let paixu=[1, 1, 1, 1, 1, 1, 1, 1, 2, 0, 1, 1]let aa=pai...

原创 Navicat 上mysql数据表的导入

1：Navicat 连上本地mysql2.新建数据库，例：ruoyi3.输入数据库的名称，这里我选择utf-8编码，因为我安装的mysql时有特意选择utf-84.双击你新建的数据库，使之显示绿色状态。然后在该数据库的名称上面点击右键，选择运行Sql文件。5.然后点击如图所示的图标来查找你要运行的sql文件：注意当你要运行的sql文件有多个的时候，一定要注意它们的先后顺序。比如先有建表的sql,才有插入数据的sql.6.选中之后，点击确定，它就会运行sql语句。如果成功，会有如下相关

原创 mysql.zip配置

my.ini[mysql]# 设置mysql客户端默认字符集default-character-set=utf8[mysqld]#设置3306端口port = 3306# 设置mysql的安装目录basedir=D:\\software\\mysql-8.0.24-winx64# 设置mysql数据库的数据的存放目录datadir=data# 允许最大连接数max_connections=200# 服务端使用的字符集默认为UTF8character-set-serve...

原创 vue项目中遇到的一些IE11兼容性问题

IE微软都已放弃了，但客户要求兼容，没办法，做吧。1.安装babel-polyfill和es6-promise.babel-polyfill（模拟ES2015以上的环境，主要用于对ES6新语法不支持的浏览器;）.es6-promise(若在项目中使用了ES6 promise对象，在360兼容模式、IE内核中不支持)cnpm i babel-polyfill -S //npm有时会安装不成功cnpm i es6-promise -S2.配置babel-polyfill和es6-pr

原创 大屏自适应rem

大概原理:rem是相对根元素,因此我们只需要在根元素确定一个px或rem字号,则可以来算出元素的宽高function bodyScale() { var devicewidth = document.documentElement.clientWidth; var scale = devicewidth / 3200; document.documentElement.style.fontSize=(devicewidth/3200).toString()+'rem

原创 git stash后执行git stash pop但是没有恢复现场

同事执行１．git stash２．git pull３．git stash pop之后提示$ git stash poppublic/baidumap/index.html: needs mergeThe stash entry is kept in case you need it again.同事发现自己新写的代码不见，吓坏了。后经网上查找资料，得知git stash pop取出备份的时候也会出现冲突，导致现场没有恢复，可先commit, 然后执行如下操作可解决git com

原创 如何透过上层div点击下层的元素

要通过上面遮屏层触发下面的点击事件, 遮屏层样式加: pointer-events: none; //重要这个属性<body> <div class="btnGroup" onclick="resetMapSize()"><i class="windeows"> </i></div> <div class="iframeMapMark"></div> <div id="containe..

原创 echarts-wordcloud词云使用之版本问题

在vue中引入echarts-wordcloud依赖，发觉无法正常显示，后经过查找相关资料，发觉是版本问题，echarts-wordcloud 2 对应的是echarts5, echarts-wordcloud 1对应的是echarts 4具体查看：https://github.com/ecomfe/echarts-wordcloud...

原创 Jdk与maven配置问题之一二

1.环境变量配置的版本与查询的版本不一致问题我在环境变量中配置的jdk 1.8,但在命令行查询(java -version)版本却是1.7,原因为1.7是通过安装程序安装的，卸掉1.7就可以了。ps:配置完环境变量后，cmd要关闭重开，才进行查询。...

原创 VUE项目之开发、测试、生产环境部署

一、根目录下新建文件：.env.development（开发环境）、.env.test（测试环境）、.env.production文件（生产环境）.env.development（开发环境）代码NODE_ENV = 'development' VUE_APP_MODE = 'development' VUE_APP_BASE_API = 'http://xxx:8090/'VUE_APP_IMG_API='http://xxx:801/'NODE_ENV ：模式VUE_APP_MOD

原创 vue中cdn引入element-ui 报错“vue-router.min.js:6 ReferenceError: ElementUI is not defined“解决

index.html页面引入 <link rel="stylesheet" href="plug/element-ui/theme-chalk/index.css" rel="external nofollow" > <script src="js/vue.min.js"></script> <script src="js/vue-router.min.js"></script> <script src=

原创 npm 上 echarts 和 echarts-gl latest 版本不匹配。

现在npm上 -echartslatest 4.9.0 -echarts-gllatest 2.x导致常规安装echarts-gl后，echarts 4.x 上加载echarts-gl报错解决:echarts4.9.0 对应的echarts-gl应该是1.1.2cnpm i echarts-gl@1.1.2 -S

原创 echart定制网站

echart定制网站https://www.makeapie.com/explore.html#sort=rank~timeframe=all~author=all

原创 前端跨域解决方案之proxy跨域代理发送请求

一、在vue.config.js中配置module.exports = { publicPath: process.env.NODE_ENV === 'production' ? './' : './', outputDir: 'dist', devServer: { disableHostCheck: true, proxy: { '/bigScreen' : { //接口开头通用路径 t

原创 字符截取 串换行

// 字符串换行export const formatLab =(params,num)=>{ let newParamsName = ""; // 最终拼接成的字符串 let paramsNameNumber = params.length; // 实际标签的个数 let provideNumber = num; // 每行能显示的字的个数 let rowNumber = Math.ceil(paramsNameNumber / provideNumber); .

原创 时间 公用方法当前时间，昨天，，本周，上周，本月，上月，今年至上月

/** * 日期范围工具类 */ export const startTime = (time) => { let currTime=formatDate(time) + " 00:00:00" return currTime} export const endTime=(time) => { let currTime=formatDate(time) + " 23:59:59" return currTime}//格式化时间export const form.

原创 vue中关于scoped使用后当前页面style无效

在当前页面样式引用scoped后，当前页面的样式没有生效，引入如下：<script>import workSuggestion from "@/action/leaderCall/district/workSuggestion.js";export default workSuggestion</script><style scoped > .box-suggestion .body{padding-top: 21px !important;}&

原创 js给定义的变量添加对象记录，对象属性名用变量表示

1.给定义的变量添加对象记录，要先给定义的对象定义为数组，后面才能把对象数据添加进来，例：let dataArry=[]dataArry=dataArry.concat(data[i])2.对象属性名用变量表示时，该变量名可以用数组形式例：数据过滤，方法里面写死对象属性，不够灵活let data=table5[0].agentListthis.allData.data = this.filterTableData(data)filterTableData:function(d

原创 在vue中使用jquery之坑---$ is not defined

按照网上的教程一步一步配置jquery，结果一直输出“$ is not defined“，后来直接在使用的页面调用import$from'jquery',总算不报错了。先记录一下，后续再找原因

原创 立即执行的js插件，转成可以在VUE环境下使用，

手上有一个繁简互转的js原生插件，代码如下(function(modules) { 'use strict'; window.Translate = modules[0]; //Translate.BindObj('btnId', '繁', '以繁體中文查看内容');})([ { strJT: '万与丑专业丛东丝丢两严丧个丬丰临为丽举么义乌乐乔习乡书买乱争于亏云亘亚产亩亲亵亸亿仅从仑仓仪们价众优伙会伛伞伟传伤伥伦伧伪伫体余佣佥侠侣侥侦侧侨侩侪侬俣俦俨俩

原创 vue，跳转路由后，create中事件不触发

在首页搜索框输入内容后，点击搜索跳转到搜索页面，把搜索 事件写在了create,，发觉一直不触发该事件，后来发现写错地方了，应该写在methods，即页面渲染之后。不过在当前页面调用create方法可成功执行，比如点击当前页面的搜索按扭。...

原创 vue-cli项目打包出现空白页和路径错误问题

vue-cli41. 首先要有vue.config.js 配置文件，我这是简单的一些配置const path = require('path')const resolve = dir => path.join(__dirname, dir)module.exports = { publicPath: process.env.NODE_ENV === 'production' ? './' : './', outputDir:'dist', chainWebpack: (c.

原创 获取路由列表

{{this.$router.options.routes}}

原创 判断当前路由，指定组件显示与否

查看当前路由{{this.$route.path}}判断如果不是首页，则显示面包屑 <div class="breadcrumb-container" v-if="this.$route.path != '/home'"> <el-breadcrumb class="common-container" separator="/"> <el-breadcrumb-item :to="{ path: '/' }"&gt..

原创 vue 路由导航动态设置当前菜单的高亮状态(多级)

<template> <div class="menu-container clearf"> <ul class="menu-list common-container" > <li class=" " v-for="(item,index) in navs" :key="index" @click="routerLink(index, item.path)"> <di.

原创 echarts自定义

1.echarts自定义颜色option = { tooltip: { trigger: 'item', formatter: '{a} <br/>{b}: {c} ({d}%)' }, legend: { orient: 'vertical', left: 10, data: ['接通数', '未接通数'] }, series: [ { .

原创 Flex 布局实现元素的垂直居中和水平居中

水平居中：.box{ display: flex; justify-content: center;}垂直居中 .box { display: flex; align-items: center; }水平垂居中 .box { display: flex; justify-content: center; align-items: center; }<div cla.