- 博客(24)
- 问答 (1)
- 收藏
- 关注
RSS订阅原创 vue部署到线上控制台报错
vue部署到线上控制台报错：项目场景：用JenKins自动部署到线上控制台报错，手动打包后放到服务器上就正常问题描述报错信息如下：解决历程：尝试方案：原以为是Jenkins配置的node和npm版本问题，因为自动编译和手动执行的都是同一套代码且命令也一样，所以只能想到应该是版本的问题；尝试结果：失败！都改成和本地版本一样，还是报错。解决方案：搜索了一通有大佬说报‘push’的错是vue-router的原因，大佬的文章传送（我的项目本身就是用npm下载的）我最终的解决方案：下载
2022-03-12 16:34:11
2553
原创 ios和安卓兼容问题（font-weight，new Date）
IOS和Android的兼容问题，font-weight、new Data（）
2021-12-30 18:08:17
2303
原创 ES6常用的数组操作方法(forEach、map、filter、reduce、some、every)
map、forEach、filter、reduce、some、every
2021-11-06 08:59:28
305
原创 在vue中不同场景keepalive使用方法（移除缓存页面、新增缓存页面，动态控制）
配合router使用router-view也是一个组件，如果直接被包在keepalive里面，那么所有路径匹配到的视图组件都会被缓存，如下：<keep-alive> <router-view> <!-- 所有路径匹配到的视图组件都会被缓存！ --> </router-view></keep-alive>...
2021-10-16 09:11:34
1472
原创 keep-alive用法（include、exclude、max）
提示：文章写完后，目录可以自动生成，如何生成可参考右边的帮助文档文章目录1.用处2.属性3.介绍4.使用使用中可能遇到的问题1.用处主要用于保留组件状态或避免重新渲染。2.属性include 字符串，数组或正则表达式。只有名称匹配的组件会被缓存。exclude 字符串，数组或正则表达式。任何名称匹配的组件都不会缓存。max 数字。最多可以缓存多少组件实例。3.介绍< keep-alive > 包裹动态组件时，会被缓存不活动的组件实例，而不是销毁它们。< ke
2021-10-13 11:38:53
22526
原创 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
847
原创 ElementUI使用中遇到的问题以及解决办法（持续更新）
表格合并表格的时候用header-cell-style获取不到dom元素用this.$nextTick()
2021-09-01 16:26:57
1265
转载 11款后台管理模板
前言 无论是我们个人独立开发项目，还是在公司团队开发项目，如何选用一款合适的模板，对于开发者的体验，开发的效率，公司的效益来说，是极为重要的，现在社会就是一个快餐社会，你比别人慢，你就会被别人干掉！ 我这里总结了11个不同技术栈的后台管理模板，希望为大家提提速！ Vue Element Admin ⭐ 70,089 GitHub地址 vue-element-admin 是一个后台前端解决方案，它基于 vue 和 element-ui实现。它使用了最新的前端技术栈，内置了 i18n 国际化解决方案.
2021-08-25 11:24:14
12852
转载 引入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
91
转载 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
2333
转载 WebSocket入门及使用指南
为何使用websocket在浏览器与服务器通信间，传统的 HTTP 请求在某些场景下并不理想，比如实时聊天、实时性的小游戏等等，其面临主要两个缺点：无法做到消息的「实时性」；服务端无法主动推送信息；其基于 HTTP 的主要解决方案有：基于 ajax 的轮询：客户端定时或者动态相隔短时间内不断向服务端请求接口，询问服务端是否有新信息；其缺点也很明显：多余的空请求（浪费资源）、数据获取有延时；Long Poll：其采用的是阻塞性的方案，客户端向服务端发起 ajax 请求，服务端挂起该请求不返
2021-06-08 16:40:45
4525
转载 前端开发对JSESSIONID的初步了解：JSESSIONID的产生以及简单说明
Jsessionid只是tomcat的对sessionid的叫法，其实就是sessionid；在其它的容器也许就不叫jsessionid了。首先谈一下对session对象在web开发中的创建以及sessionId生成并返回客户端的运行机制。session对象当客户端首次访问时，创建一个新的session对象，并同时生成一个sessionid，并对次响应中将sessionid以响应报文的方式显回客户端浏览器内存或以重写url方式送回客户端，来保证整个会话，只要sever端的这个session对象没有销毁，
2021-06-07 15:45:54
7126
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
1973
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
4339
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
1357
原创 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
1441
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
592
原创 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
176
原创 按回车页面刷新 输入框按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
356
原创 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
955
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人