![](https://img-blog.csdnimg.cn/20201014180756925.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
前端
runing_an_min
这个作者很懒,什么都没留下…
展开
-
vue结合原生js, 处理选中事件
先看看我实现的效果吧实现// 上图中左半边部分,每行都是一个段落(p标签实现)<div class="cut-content" > <p align="left" v-for="(item, index) in content" :key="item.line" :value="item.content" @click="paragraphSelect(index + 1)"><span>{{item.line}} </原创 2021-12-10 16:13:21 · 1062 阅读 · 0 评论 -
vue+wavesurfer.js:画波形图
安装yarn add wavesurfer.js使用template<div class="voice-dialog-content"> <div> <Button :type="!isPlaying ? 'primary' : 'warning'" shape="circle" :icon="!isPlaying ? 'ios-play' : 'ios-pause'" @click="playVoice"></Button><原创 2021-04-21 20:02:12 · 2604 阅读 · 5 评论 -
html+css3:实现热咖啡杯效果
<html> <head> <title>coffee</title> </head> <body> <div class="word"> <h2>休</h2> <h2>息</h2> <h2>一</h2>原创 2021-04-20 16:28:58 · 251 阅读 · 0 评论 -
html+css3:实现动态语音条
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>语音条原创 2021-04-20 16:22:27 · 1099 阅读 · 0 评论 -
vue+iview:Avatar 头像不显示问题
本来的代码是这样的<Avatar src="../../../assets/image/rebot.jpg" size='large'/>结果显示纠结了一会儿,果断百度了一下修改以后的代码<Avatar :src="require('../../../assets/image/rebot.jpg')" size='large'/>...原创 2021-04-19 18:16:40 · 1170 阅读 · 1 评论 -
vue+ts+echarts :画折线和柱状图的组合
直接上代码了安装步骤之前已经写过了。template部分 <v-chart :option="histogramOption" class="bar-shape" autoresize/>scripthistogramOption = { tooltip: { trigger: 'axis', axisPointer: {原创 2021-04-14 14:43:36 · 626 阅读 · 0 评论 -
vue render中使用 class
故事开始:初代代码如下:// template { title: "操作", align: "center", render: (h:any, params:any) => { return h('div',[ h( 'span',{ class:{原创 2021-04-13 10:28:44 · 5024 阅读 · 0 评论 -
vue+ts+vue-echarts: 动态更新柱形图的数据
vue-echars的安装可以参考下面的文章https://blog.csdn.net/u014686399/article/details/115112829?spm=1001.2014.3001.5501柱形图数据更新的方法在template中使用柱形图 <v-chart class="bar-shape" :option="histogramOption" autoresize/>histogramOption 这是为echarts的图形设置的opt原创 2021-04-08 21:15:25 · 971 阅读 · 0 评论 -
vue:带有级别的日志工具, 可打包动态控制debug是否输出
功能需求描述希望打印的日志带有日期希望上线以后,可以动态控制是否输出debug日志,以便进行调试针对以上需求,我自己开发了一个工具插件。(我现在还是个小白,有些地方可能使用的不合适,仅供参考了)针对动态调整debug的描述我是基于vuex 以及chrom浏览器插件vue实现的。通过在这里store的状态来控制页面是否输出debug。有个限制就是,无法调整create mount 方法中的debug。实现创建插件目录以及插件的js文件下面是代码了(有点长)var Log5j =原创 2021-03-29 17:22:09 · 1034 阅读 · 0 评论 -
vue+iview: upload上传文件动作不触发
upload不执行文件上传到远端的动作问题描述我指定了before-upload后发现,文件不会被上传### 原因是我没有在 before-upload的函数中,返回true原创 2021-03-28 20:13:34 · 1538 阅读 · 0 评论 -
vue+ ivew :表单验证不生效
问题描述表单添加了验证规则,部分规则生效了,部分规则不生效场景1没有声明绑定数据的类型// 数字 数组要声明类型 xxx1:[ {reqired: true, message:'xxx类型不能为空', trigger:'blur', type: 'number'} ], xxx2:[ {required:true, message:'xxx', trigger:'blur', type: 'number'} ], xxx3:[ {required:true,原创 2021-03-26 18:23:59 · 652 阅读 · 1 评论 -
vue3-cli: 使用代理,并设置cookie
场景描述前端项目使用vue+ts开发,后端项目是spring boot 。 在前后端都开发完成以后,自然就进入联调阶段了。一般会采用下面的架构:上面额架构可以避免跨域问题配置# vue.config.js devServer: { port: 3000, // 端口 proxy:{ "/rest":{ target: "http://192.168.10.xxx:8090", changeOrigin: true,原创 2021-03-26 01:19:43 · 1213 阅读 · 1 评论 -
iveiw Table 组件在数据变更后,视图不改变
问题描述如上图,我想通过操作右边的按钮来操作表格里的数据(上移,下移,删除)。上移和下移的代码如下: moveUp (index) { console.log(index) if (index === 0) { return true } const temObj = this.data1 const tem = ...原创 2020-04-07 13:05:28 · 708 阅读 · 0 评论 -
vue2+ts+vue-echart+echart+echarts-liquidfill.js: 画水球图
vue-echart 和 echart的安装参考上文#链接https://blog.csdn.net/u014686399?spm=1003.2018.3001.5343安装echarts-liquidfill安装yarn add echarts-liquidfill使用 <v-chart :option="poloOption" />poloOption = { title: { text: '平原创 2021-03-23 23:14:11 · 416 阅读 · 0 评论 -
vue2+ts+vue-echarts 画环形图
注意一下各位看清一下,是vue-echarts呀。这里是个坑,因为还是有v-echarts、vue-echarts-ts 等等,他们竟然不是一个东西。使用过程安装包yarn add echarts vue-echarts# 当运行的时候,会提示你缺少@vue/composition-apiyarn add @vue/composition-apiyarn add default-passive-events导入包import VueECharts from 'vue-echart原创 2021-03-23 11:32:56 · 862 阅读 · 0 评论 -
Error: [ng:areq] http://errors.AngularJS.org/1.5.8/ng/areq?p0=HelloCtrl&p1=not%20a%20function%2C%20g
Error: [ng:areq] http://errors.AngularJS.org/1.5.8/ng/areq?p0=HelloCtrl&p1=not%20a%20function%2C%20got%20undefined我开始用的是1.5.8版本的angular,实现课本上的例子时报错: Hello {{ clock }}! function原创 2017-09-05 14:34:48 · 3205 阅读 · 0 评论 -
angular ng-repeat的数据集变化了,但是页面没有变化
刚开始用angular,作为一个菜鸟遇到了一个头疼的问题: ng-repeat的数据集变化了,但是页面没有变化,折腾了半天,才找到解决办法:就是在你的数据集变化后调用一下 $scope.$apply(); 根源还是不懂angular,关于apply的介绍参考大神的文章http://blog.csdn.net/dm_vincent/article/details原创 2017-10-09 08:44:30 · 5134 阅读 · 2 评论 -
django 完成excel文件下载,完整例子
从后端开始:1、配置urlurl('^download',downloadTest)download就是请求的地址,downloadTest是视图方法需要后面实现 2、编写视图方法downloadTestfrom django.http import StreamingHttpResponsedef downloadTest(request): def file_i原创 2017-10-10 22:15:22 · 10349 阅读 · 7 评论 -
关于 ajaxSend和ajaxStop等系列的ajax事件不起作用
ajaxSend和ajaxStop等系列的ajax事件不起作用,我纠结半天,发现是jquery版本的问题具体看下大神的文章吧,或者对比一下jquery1.8之前和之后的手册就明白了:http://www.365mini.com/page/jquery-ajaxsend.htm原创 2018-01-15 10:50:12 · 617 阅读 · 0 评论 -
webpack 执行npm run 时,因为版本依赖报的那些错
环境介绍webpack 4.34.0webpack-dev-server 3.7.0报错Error: invalid "instanceof" keyword value Promise at getConstructor (C:\Users\HAM-PC\AppData\Roaming\npm\node_modules\webpack\node_modules\ajv-keywo...原创 2019-06-13 16:40:58 · 2950 阅读 · 0 评论 -
webstorm中文乱码问题
步骤: 1、ctrl+shift+s 2、选择Editor----->File Encoding 3、原创 2017-06-08 14:59:34 · 4079 阅读 · 0 评论