- 博客(114)
- 资源 (26)
- 收藏
- 关注
原创 vue实现内容过长不需要粘贴
el-input在粘贴数据长度很大时会使页面卡死,但百度csdn就做了控制,只能粘贴字数允许内的文字。解决方案:paste事件监听做操作,具体如下:<el-input type="textarea" :rows="5" v-model="form.uploadText" @paste.native.capture.prevent="pasing" placeholder="数据不可超过1MB" maxlength="1000000" show-word-limit id="uploadT
2022-03-24 14:42:31 1594
原创 踩坑el-form :error多次错误信息一致不显示问题
明明可以打印错误信息,但是el-form-item不显示error经过搜索得知el-form-item的error属性监听的是watch方法,也就是两次重复的错误操作,提示的错误信息一致,就不会触发watch方法解决方案,在错误信息增加了Math.random().toFixed(2),在显示的时候再剪掉<el-form-item label="网络地址" prop="cidr" :error="errorMsg.cidr?errorMsg.cidr.substring(4):''"&g
2022-03-07 19:16:06 1173
原创 vue中websocket应用
data() { return { ws: null, wsInterval: null }},methods: { initWS() { if ('WebSocket' in window) { try { this.ws = new WebSocket( 'ws://' + .
2021-09-13 16:13:07 212
原创 vue 中 div resize 监听ResizeSensor使用
1.安装resize-observer-polyfillnpm install resize-observer-polyfill2.引用+监听使用,我再在mounted中了 var ResizeSensor = require("css-element-queries/src/ResizeSensor") // 引用 var element = this.$refs.main // dom注意ref=“main”不要写在组件上,容易无效 // 监
2021-09-09 11:21:36 2123
原创 【项目管理】 --- wbs的活动内容
1、识别和分析可交付成果工作2、确定wbs的架构和编排方式3、自顶向下逐步精细4、为wbs编制和分配标识5、核实可交付成果的分解程度
2021-04-22 21:32:42 1035
原创 【项目管理】--- 制定wbs的原则
1、面向可交付成果2、符合项目范围管理3、支持项目管理计划和控制4、元素必须有一人负责其他人为参与者5、一般包含4-6层6、包含项目管理工作和分包7、制定时要所有干系人和团队成员参与8、并非是一成不变的...
2021-04-22 21:21:24 1533
原创 【项目管理】 --- 范围说明书的内容和作用
内容:1、项目范围描述2、可交付成果3、验收标准4、项目除外责任5、制约因素6、假设条件作用:1、确定项目范围2、规划和控制依据3、沟通基础4、规划基础5、变更基础
2021-04-20 22:01:04 4131
原创 【项目管理】--- 时间管理 --- 缩短工期
1、赶工、快速跟进2、指派经验丰富的人从事或帮助完成3、投入丰富资源,提高活动进度4、减小活动范围或活动难度5、改进方法,提高效率6、加强质量管理,减少返工从而提高效率
2021-04-19 21:50:12 2772
原创 【项目管理】--- 变更过程
1、提出与接受变更申请2、对变更初审3、论证变更方案4、项目管理委员会审查5、发出变更通知并组织项目变更实施6、变更实施监控7、变更效果评估8、判断变更发生后项目是否已纳入正轨...
2021-04-19 21:35:31 1029
原创 vue组件直接读取.md文档展示
想要给框架增加一个使用说明,readme已经写了,不想维护两个,但是尝试了好多方法都是报错的,最后终于可以了。思路就是用text-loader把md文件转换成text,vue-markdown作为组件来解析text。1、首先安装text-loadernpm install text-loader2、修改webpack.base.config.js,我用的cli所以自己加了一个vue.config.jsmodule.exports = { //此部分 configureWebp
2021-03-31 10:56:31 3118 9
原创 vue 项目使用 prismjs 高亮显示代码
在框架中写文档所以想要代码高亮显示1.首先安装prismjsnpm install prismjs2.安装babel-plugin-prismjsnpm install babel-plugin-prismjs3.配置babel.config.jsmodule.exports = { presets: ["@vue/cli-plugin-babel/preset"], plugins: [ // 这块是增加的prismjs的配置 [ "pr.
2021-03-26 17:51:33 1103
原创 html5 history pushState和replaceState的使用
重写urlHTML5新接口,可以改变网址而不刷新页面仅改变网址,网页不会真的跳转,也不会获取到新的内容,本质上网页还停留在原页面1、window.history.pushState(data, title, targetURL)@状态对象:传给目标路由的信息,可为空@页面标题:目前所有浏览器都不支持,填空字符串即可@可选url:目标url,不会检查url是否存在,且不能跨域。如不传该项,即给当前url添加data2、window.history.replaceState(data
2021-03-23 17:07:36 257
原创 散点图实现拓扑图
1.返回的数据this.subDevice = [{ "id": "873736ed2b860ad256f2e105d2fb2865", "name": "设备1", "online": 0},{ "id": "663b4d95d94bc782fcd3a55b3bf119cc", "name": "设备2", "online": 0},{ "id": "aaa3f9205d1850adb18ea763545855bf", "...
2021-03-08 19:03:14 341
原创 页面中添加声音提醒,并设置自动播放(谷歌浏览器已不支持自动播放)
使用h5的audio,支持三种格式,我用的mp3格式,在vue页面中写的,并设置了播放时自动放大,变红动作1、html <i>是图标,变色和放大用的,audio是隐藏的,loop是循环播放,controls是有播放暂停, muted为静音播放,此操作为解决谷歌禁用自动播放<i class="el-icon-bell admin-header-setting" :style="{'color':alarmColor,'transform':alarmScale}"></
2021-02-02 20:26:10 1725
原创 vue中长时间无操作返回登录页面
data() { return { logOut: null, lastTime: null, currentTime: null, timeOut: 30 * 60 * 1000 // 设置超时时间: 30分 } },mounted() { // 长时间不操作自动退出登录 document.onmouseover = () =>.
2021-02-02 19:12:56 669
原创 vue中echarts书写拓扑图
最近在做拓扑图找了下前端常用的组件:jTopo(感觉有点老)、Vis.js(文档是英文的,不太容易读)、D3(功能强大需要自己实现)、ECharts(同样需要自己实现)由于图形上的交互并没有需要特别多所以用了echart - graph,文档地址:https://echarts.apache.org/zh/option.html#series-graph这是展示样子dom节点<div :style="{ height: cellHeight, width: '100%' }.
2021-01-26 10:41:56 8932 3
原创 工具篇-VsCode-代码自动格式化
由于编辑器不同,每个人的习惯不同,不同人写的代码格式不尽相同,可是改起来很是头疼,然后就只能偷懒了,经过研究最终配置成功了属于自己的代码习惯的格式化一、安装扩展beautify、eslint、vetur、prettier,关于安装插件,之前写过一篇二、vscode配置文件-首选项-配置,点击右上角按钮转成ison,部分有注释{ "editor.tabSize": 4, // tab 大小为4个空格 "editor.detectIndentation": fa
2021-01-05 18:34:18 3686
原创 数据格式化常用总结
1.将origin改为neworigin = [ { name: a, value: 1}, { name: b, value: 2}]new = { a: 1, b: 2}const new= {};origin.map(function (e, item) { specs[e.name] = e.value;});console.log(new)
2020-10-22 19:16:56 228
原创 vue 使用 js-file-download
1、安装js-file-downloadnpm install js-file-download2、引入import fileDownload from 'js-file-download';import Axios from 'axios'import store from '@/store' // 获取token3、使用download() { var requestUrl = "tcmp/api/devices/model"; var Authoriza.
2020-08-25 19:55:43 11757 1
原创 gitbook的创建方式
GitBook[1]是一个基于Node.js的命令行工具,可使用Github/Git和Markdown来制作精美的电子书。首先有node环境,这个之前我就安装了,省略1、安装gitbooknpm install gitbook-cli -g2、gitbook - V查看是否安装成功3、在新建的文件夹中,初始化gitbookgitbook initSUMMARY.md是书的目录4、启动gitbookgitbook serve打开浏览器ht...
2020-08-03 14:40:58 188
原创 vue使用Monaco editor
1、项目中使用monaco-editor首先要安装npm install monaco-editor -S2、在组件中引用并使用:初始化、更改内容、销毁<template> <div ref="container" style="height: 360px;width: 100%;"></div></template><script>import * as monaco from 'monaco-editor'ex
2020-07-08 17:04:17 10094 10
原创 前端常用ps设置及插件安装
一、界面设置:1.新建设置:一般网页的宽19202.移动工具的设置:选择时设为:图层 按ctrl点击鼠标3.视图设置:标尺线显示视图 - 标尺显示 - 智能参考线4.窗口设置 打开窗口:选中图层、历史记录、信息(面板选项)、字符5.更改编辑---首选项 --单位标尺可以设置一下暂存盘,防止内存使用过度6.窗口:工作区--新建工作区 名称:web切图保存7.使用圆心的固定alt、正圆shiftshift+m为选取:shift默...
2020-05-12 17:11:24 1468
原创 vue中 localStorage + sessionStorage实现浏览器关闭跳转登录,新建页签无需登录的功能
1、在app.vue中监听关闭浏览器 (刷新) 时清空localStorage确保关闭浏览器销毁token mounted: function () { window.addEventListener('unload', () => { // 这一步是在销毁之前存入session,确保刷新后token还在 if (l...
2020-04-13 17:28:10 1005
原创 vue中的数据格式化filters、formatter
一、filters过滤器函数可以使用在两个地方:1.双大括号表达式 {{ 文本字符串 | 过滤函数 }}2.v-bind:str= "文本字符串 | 过滤函数"以下实例为四舍五入,以及过滤器串联后11.11<template> <div style="text-align:right;margin-bottom:10px"> ...
2020-04-10 16:18:44 5900
原创 js获取免费天气api
找了许久记录一下, 想要的城市citykey可以从中国天气网的浏览器调试中获取// 天气获取 $.ajax({ type: "GET", url: "http://wthrcdn.etouch.cn/weather_mini?citykey=101280101", success: function(res){ ...
2020-03-24 15:28:55 5246 2
原创 使用videojs播放rtmp直播流
需要引入 video-js.min.css 、video.min.js、videojs-contrib-hls.min.js 自行搜索下载或去我的资源下载<!DOCTYPE html><html lang="zh-CN"><head> <meta charset="utf-8"> <meta http-equiv="...
2020-03-06 08:47:29 4967 1
原创 使用中总结git命令
1、远程新建了一个develop分支,本地如何新建提交查看本地分支git branch查看远程分支git branch -r查看所有分支git branch -a远程分支没有更新git fetch origin新建本地 develop 分支git branch develop切换远程分支git checkout origin/develop建立本...
2020-02-27 10:21:05 145
原创 数据格式化对象数组整理成echarts想要的样子
快速的数据整理dataBefore to dataAfterdataBefore=[{ no:1, name:'a', value:'10'},{ no:1, name:'b', value:'11'},{ no:2, name:'a', value:'10'},{ no:2, name:'b',...
2020-02-26 16:35:18 1051
原创 获取当前时间,获取当前十四天前的时间,并进行时间格式化 xxxx-xx-xx xx:xx:xx
1.获取当前时间年月日时分秒格式xxxx-xx-xx xx:xx:xxvar myDate = new Date(); // 当前时间var y = myDate.getFullYear(); // 当前年份四位数var m = (myDate.getMonth()+1)<10 ? '0'+(myDate.getMonth()+1) : (myDate.getMonth()+1); ...
2020-02-20 11:20:27 1192
原创 echarts全国地图、省市地图、放射状效果,涟漪效果,版块颜色效果
1.地图json数据可以选择阿里云下载http://datav.aliyun.com/tools/atlas/#&lat=33.521903996156105&lng=104.29849999999999&zoom=32.基础用法只显示地图(3D效果的地图)首先在页面中引入echarts.js,以及demo节点<!-- js引用部分↓ -->...
2019-12-30 17:04:03 9833 2
原创 echarts vue使用
<template> <el-row :gutter="20" style="margin-top: 15px;"> <el-col :span="12"> <div id="chart" class="grid-content bg-white" style="height: 300px;"> ...
2019-10-28 16:38:50 133
vue+qiankun搭建的简单工程
2023-02-27
echarts-liquidfill.js
2018-02-05
superslide2.1-deom
2017-06-16
ajaxfileupload.js 兼容ie
2017-06-02
bootstrap兼容各个版本ie。css3-mediaqueries.js
2016-07-07
前端视频播放器
2016-01-25
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人