- 博客(24)
- 问答 (1)
- 收藏
- 关注
原创 vue部署到线上控制台报错
vue部署到线上控制台报错:项目场景:用JenKins自动部署到线上控制台报错,手动打包后放到服务器上就正常问题描述报错信息如下:解决历程:尝试方案:原以为是Jenkins配置的node和npm版本问题,因为自动编译和手动执行的都是同一套代码且命令也一样,所以只能想到应该是版本的问题;尝试结果:失败!都改成和本地版本一样,还是报错。解决方案:搜索了一通有大佬说报‘push’的错是vue-router的原因,大佬的文章传送(我的项目本身就是用npm下载的)我最终的解决方案:下载
2022-03-12 16:34:11
2587
原创 ios和安卓兼容问题(font-weight,new Date)
IOS和Android的兼容问题,font-weight、new Data()
2021-12-30 18:08:17
2407
原创 ES6常用的数组操作方法(forEach、map、filter、reduce、some、every)
map、forEach、filter、reduce、some、every
2021-11-06 08:59:28
331
原创 在vue中不同场景keepalive使用方法(移除缓存页面、新增缓存页面,动态控制)
配合router使用router-view也是一个组件,如果直接被包在keepalive里面,那么所有路径匹配到的视图组件都会被缓存,如下:<keep-alive> <router-view> <!-- 所有路径匹配到的视图组件都会被缓存! --> </router-view></keep-alive>...
2021-10-16 09:11:34
1585
原创 keep-alive用法(include、exclude、max)
提示:文章写完后,目录可以自动生成,如何生成可参考右边的帮助文档文章目录1.用处2.属性3.介绍4.使用使用中可能遇到的问题1.用处主要用于保留组件状态或避免重新渲染。2.属性include 字符串,数组或正则表达式。只有名称匹配的组件会被缓存。exclude 字符串,数组或正则表达式。任何名称匹配的组件都不会缓存。max 数字。最多可以缓存多少组件实例。3.介绍< keep-alive > 包裹动态组件时,会被缓存不活动的组件实例,而不是销毁它们。< ke
2021-10-13 11:38:53
25929
原创 echart散点图,原点是(50,50)
echart散点图,原点是(50,50)效果图<div style="height:250px;width:250px;background: wheat;border-radius: 50%"> <div :id="scatter" style="height:250px;width:250px"></div></div> initBar() { // 基于准备好的dom,初始化echarts实例
2021-09-29 17:05:52
941
原创 ElementUI使用中遇到的问题以及解决办法(持续更新)
表格合并表格的时候用header-cell-style获取不到dom元素用this.$nextTick()
2021-09-01 16:26:57
1302
转载 11款后台管理模板
前言 无论是我们个人独立开发项目,还是在公司团队开发项目,如何选用一款合适的模板,对于开发者的体验,开发的效率,公司的效益来说,是极为重要的,现在社会就是一个快餐社会,你比别人慢,你就会被别人干掉! 我这里总结了11个不同技术栈的后台管理模板,希望为大家提提速! Vue Element Admin ⭐ 70,089 GitHub地址 vue-element-admin 是一个后台前端解决方案,它基于 vue 和 element-ui实现。它使用了最新的前端技术栈,内置了 i18n 国际化解决方案.
2021-08-25 11:24:14
13146
转载 引入echars5.0报错“export ‘default‘ (imported as ‘echarts‘) was not found in ‘echarts‘
问题引入 echars 5.0 警告"export ‘default’ (imported as ‘echarts’) was not found in ‘echarts’解决引入方式改为import * as echarts from 'echarts';// 或const echarts = require('echarts');原文:https://blog.csdn.net/weixin_43972437/article/details/111475106...
2021-07-09 11:14:19
106
转载 vue+elementUI+WebSocket接收后台实时消息推送
1、创建页面时即生效我写在了首页,保证一进入系统即开始接收created() { // 连接webSocket,用于接收后台实时报警信息推送 this.webSocket(); },2、websocket具体操作methods: { webSocket() { const that = this; if (typeof (WebSocket) == 'undefined') { this.$notify({ t
2021-06-08 16:57:01
2417
转载 WebSocket入门及使用指南
为何使用websocket在浏览器与服务器通信间,传统的 HTTP 请求在某些场景下并不理想,比如实时聊天、实时性的小游戏等等,其面临主要两个缺点:无法做到消息的「实时性」;服务端无法主动推送信息;其基于 HTTP 的主要解决方案有:基于 ajax 的轮询:客户端定时或者动态相隔短时间内不断向服务端请求接口,询问服务端是否有新信息;其缺点也很明显:多余的空请求(浪费资源)、数据获取有延时;Long Poll:其采用的是阻塞性的方案,客户端向服务端发起 ajax 请求,服务端挂起该请求不返
2021-06-08 16:40:45
4667
转载 前端开发对JSESSIONID的初步了解:JSESSIONID的产生以及简单说明
Jsessionid只是tomcat的对sessionid的叫法,其实就是sessionid;在其它的容器也许就不叫jsessionid了。首先谈一下对session对象在web开发中的创建以及sessionId生成并返回客户端的运行机制。session对象当客户端首次访问时,创建一个新的session对象,并同时生成一个sessionid,并对次响应中将sessionid以响应报文的方式显回客户端浏览器内存或以重写url方式送回客户端,来保证整个会话,只要sever端的这个session对象没有销毁,
2021-06-07 15:45:54
7727
1
原创 Elemet-ui开关组件el-switch :点击时状态不变出现弹窗,点击确认再改变按钮状态
默认使用方法<el-switch v-model="value" active-color="#13ce66" inactive-color="#ff4949"></el-switch>----------------------------------------------------- export default { data() { return { value: true } } };更
2021-06-01 09:38:14
2091
1
原创 jenkins自动部署时npm install报错解决办法
jenkins自动部署时npm install报错解决办法背景本来前端代码自动部署一片祥和,后来我前端开发的时候下载了一个vue-qr(生成二维码使得),jenkins自动部署时就报错了执行不下去。报错信息:部署进度条就变这样色的了~看到红色个就紧张有木有?解决办法给服务器装一个淘宝镜像:npm install cnpm -g --registry=https://registry.npm.taobao.org让jenkins用cnpm install 下载依赖即可。世界又恢复到以往的宁静
2021-05-26 10:55:39
4501
1
转载 vue.js中的v-bind语法的使用详解
提示:文章写完后,目录可以自动生成,如何生成可参考右边的帮助文档文章目录一、pandas是什么?二、使用步骤1.引入库2.读入数据总结一、pandas是什么?示例:pandas 是基于NumPy 的一种工具,该工具是为了解决数据分析任务而创建的。二、使用步骤1.引入库代码如下(示例):import numpy as npimport pandas as pdimport matplotlib.pyplot as pltimport seaborn as snsimport warn
2021-05-12 17:36:05
1429
原创 element在el-row 或者 el-col 上使用@click失效
使用element标签时注意!问题:写项目的时候使用element-ui中el-row时,发现直接用@click="fn"无法触发点击事件,在其内部或者外部加上自己写的html标签(如:div、span)是生效的。//不生效代码 <el-row class="register" @click="goRegister()"> 还没有账号,去注册</el-row>改正:el-row,el-col上的点击事件需要加.native,就可以实现点击事件//生效<el-
2021-05-11 16:03:59
1549
3
原创 vue框架常用插件以及ui库
scss是什么?在vue.cli中的安装使用步骤是?有哪几大特性?css的预编译,使用步骤如下:第一步:用npm 下三个loader(sass-loader、css-loader、node-sass)第二步:在build目录找到webpack.base.config.js,在那个extends属性中加一个拓展.scss第三步:还是在同一个文件,配置一个module属性第四步:然后在组件的style标签加上lang属性 ,例如:lang=”scss”特性主要有:可以用变量,例如($变量名称=值
2021-04-25 17:11:48
623
原创 vue开发环境搭建以及创建vue项目
vue创建项目环境准备1. 编辑器推荐VS code 或者 WebStorm2. 安装node.js https://nodejs.org/en/(推荐v10以上)//检查node是否安装成功node-v3. 基于 Node.js 安装cnpm(淘宝镜像)npm install -g cnpm --registry=https://registry.npm.taobao.org //检查 cnpm是否已经安装好 命令 cnpm -v4. 安装webpacknpm i webpac
2021-04-25 14:08:28
194
原创 按回车页面刷新 输入框按enter键引起页面刷新
按回车页面刷新 输入框按enter键引起页面刷新问题:输入完名称 按enter页面会刷新解决方法1:去掉表单方法2:form表单中大于多于两个文本框(只有一个文本框的话,复制一个,display设置为none)方法3:form表单后面加上一个 onsubmit 事件,返回 false,来阻止 form 提交(οnsubmit=“return false;”)另外,如果是element-ui中出现了这个问题,可以在el-form中写一个属性:@submit.native.prevent,这样也可以
2021-01-25 17:53:37
367
原创 vue 在input光标位置拼接内容
vue 在input光标位置拼接内容HTML <el-input v-model="value" placeholder=""id="inputDom" ref="inputDom" ></el-input> <button @click='joinValue('点我把我送上去')'>拼接</button>JS joinValue(val){ var elInput =document.querySelector('#inpu
2021-01-21 17:38:09
1031
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人