- 博客(38)
- 收藏
- 关注
RSS订阅原创 vuedraggable固定某一item的记录
就很奇怪，npm上搜不到这个版本，即使用vuedraggable@latest也都是2.x的版本，但用npm view vuedraggable，能看到next是4.1.0。但你偏偏能安装上去，还能正常显示使用，就绝啦。使用自带的参数，这个参数能使该item不能被拖动，但是由于vuedraggable移动的时候是把移动的item拖到对应位置，其他item依次往前移，所以会导致导致不能移动的item会被动移动。例如123456，将1移动到4的位置，就会变为234156，而不是我个人以为的423156。
2025-02-12 21:26:28
431
原创 el-pagination 切换分页条数，会出现两次请求
继上一次发现el-pagination在删除的时候pageNum不更新的问题。这次又发现了，切换分页条数，会出现两次请求。网上有很多解决方案，我就不多说了，我就简单记一下为啥会出现两次请求的问题。
2024-06-16 22:50:36
1096
原创 el-pagination在删除非第一页的最后一条数据遇到的问题
这个问题是element-ui中的问题，可以从源码中看出来，虽然页码更新了，active也是对的，但是未调用current-change的方法，这里就不是很合理。我先是在网上找的答案，然后改好之后去看的源码。因为大都是只说怎么改的，没有解析源码，我就记录一下；本来寻思这个问题我得去参与一下elementui的建设，给一无是处的工作添上一笔浓墨，谁知道elementui自2023年八月之后就不维护了，我又去看了elementplus，这个bug已经改好了。哎，发现的太晚了，太影响我赚钱了。
2024-05-29 22:19:39
1274
原创 el-tabs作为子组件使用页面空白
如果el-tabs是子组件，父组件传值value / v-model为空字符，这个时候在watch中监听value / v-model就会发现监听的数据会被调用为‘0’。一定是作为子组件引用，且在watch进行监听，且vuex没有缓存。就刚进入页面的时候会出现空白页面，点击tab之后就不会再有问题了，因为value / v-model数据更新了。当然如果你的tabPanes中的code原本就为‘0’，那就不会出现这个问题了，因为value / v-model匹配的到页面。
2024-05-01 12:51:13
1145
原创 uniapp中的uni-row/uni-col上的click点击无效
在做uniapp的项目的时候，发现click点击无效。但没找到真正不能点击的原因，只能将其认为与elementui中的el-row上的click无效的原理一致。
2024-01-19 23:14:51
1256
1
原创 vite版本的CDN引入的小问题
看了几个文章要么不带prodUrl，要么就写的不对。以防自己忘记，简单记录一下。顺便简单吐槽一下gzip，不开启deleteOriginFile就会有双份文件打包体积更大，还需要在nginx进行操作。
2023-12-27 20:28:49
634
原创 vue3+ts+vite。报错总结
在创建vue3+ts+vite创建项目的时候，使用下图中的两个volar，且使vetur停用的情况下，仍然报错：Property ‘count’ does not exist on type ‘{}’.ts(2339)，还会报错无法引入vue等。
2023-04-30 21:51:30
2371
原创 el-upload文件切割上传
视频文件过大，上传时间太久，容易让人以为卡住了。因此采用切割文件的形式上传，当然这里仅仅是前端的el-upload的手动上传，后端需要拼接数据，然后保存数据库，返回文件路径。
2023-04-18 17:03:22
457
原创 react 处理antd按需引入样式报错consola的问题
用于 Node.js 和浏览器的优雅控制台记录器。我理解的意思就是类似console的概念。鉴于该组件无人维护，又结合报错信息所在文件的情况，因此直接更改报错信息文件中的内容。参考文章：https://www.cnblogs.com/myesn/p/16291293.html。
2023-03-30 15:23:38
1219
原创 封装elementui的table的合并方法
主要是记录一下span-method的封装，在此过程中发现emit是无返回值的，这里的解决方案是使用回调函数来实现的。以后有好的方法在补充。
2023-03-07 21:04:20
257
原创 vue编写坐标系以及echarts编写坐标系、highcharts编写坐标系（包含圆形间隔）
提示：文章写完后，目录可以自动生成，如何生成可参考右边的帮助文档文章目录前言一、pandas是什么？二、使用步骤1.引入库2.读入数据总结前言提示：这里可以添加本文要记录的大概内容：例如：随着人工智能的不断发展，机器学习这门技术也越来越重要，很多人都开启了学习机器学习，本文就介绍了机器学习的基础内容。提示：以下是本篇文章正文内容，下面案例可供参考一、pandas是什么？示例：pandas 是基于NumPy 的一种工具，该工具是为了解决数据分析任务而创建的。二、使用步骤1.引入库代
2022-01-15 14:12:39
2614
6
原创 echarts 加载动画重绘\自适应\toolbox中magicType的方法
提示：文章写完后，目录可以自动生成，如何生成可参考右边的帮助文档文章目录前言一、pandas是什么？二、使用步骤1.引入库2.读入数据总结前言提示：这里可以添加本文要记录的大概内容：例如：随着人工智能的不断发展，机器学习这门技术也越来越重要，很多人都开启了学习机器学习，本文就介绍了机器学习的基础内容。提示：以下是本篇文章正文内容，下面案例可供参考一、pandas是什么？示例：pandas 是基于NumPy 的一种工具，该工具是为了解决数据分析任务而创建的。二、使用步骤1.引入库代码
2021-12-23 22:16:48
2303
原创 Echarts。 3d柱状图
文章目录效果代码效果参考了https://www.makeapie.com/explore.html代码代码如下（示例）：let option = { title: { show: false, }, grid: { left: 100, bottom: 100, }, xAxis: { splitLine: {
2021-12-14 20:30:01
390
2
原创 栈和队列的应用
文章目录前言一、栈二、队列2.读入数据总结前言最近在看数据结构和算法的书，《学习JavaScript数据结构和算法》。记录一下一些感兴趣的算法一、栈栈是先进后出的原则// 栈的类function Stack(){ // 栈模拟数据 let items = [] // 添加数据。自动加到栈尾 this.push = function(e){ items.push(e) } // 删除数据。自动删除栈尾 this.pop = function(){ return item
2021-08-02 22:59:49
118
原创 视频播放vue-video-player，m3u8、mp4格式
文章目录前言视频只有音频没有画面使用步骤1.引入库2.代码引入前言视频只有音频没有画面这时候需要把文件放在浏览器查看，然后点击右键，查看是否是保存的问题，没有将视频上传成功。如果是，只要改接口就好啦使用步骤1.引入库// 引入m3u8视频播放插件import hls from 'videojs-contrib-hls';Vue.use(hls);// 这是普通视频播放插件，如mp4import VideoPlayer from 'vue-video-player';require
2021-07-28 19:17:49
2186
原创 echarts legend的遍历，从右到左
文章目录前言代码前言正常的legend的展示是从左到右的，鉴于需求的要求，需要从右往左展示。图片显示的数量，但是下面的代码中显示的百分比。代码function arrCount(arr) { let count = 0 arr.forEach(item => { count = count + item.value }) return count
2021-06-28 18:38:56
804
原创 echarts series的遍历生成
图片let dataObj1 = [ { name: '合同总数', data: [63, 38, 40] }, { name: '审批记录总数', data: [20, 32, 10] }, { name: '已审批数量', data: [68, 33, 86] }, { name: '已付款数量', data: [18, 36, 86] }, ] let wagesChart = self.$echarts.in
2021-06-22 18:01:00
1888
1
原创 js/python 抓取网页数据，导出execl
文章目录前言操作代码前言js的方式：直接使用post获取所有的数据，因为是分页数据有total显示所有的数据，在请求的时候，就可以直接把每页的数据显示为total的值。没有太大的技术含量python方式：直接遍历页码获取数据，js也可以操作代码js // url是要获取数据的接口，直接从浏览器中header查看即可，param也是如此 self.$http.post(`url`, param).then(result => { // jsonData 是需要
2021-05-31 19:29:56
303
原创 echarts 折线图随时间动态添加（能跳动）
文章目录前言具体代码前言这是记录一下echarts的特殊的使用方法。需求是用户需要看到每次数据的更新，且x轴也是根据用户的选择显示数据是使用websocket去获取的，因为数据是两秒一次的返回，但是点的增加是根据用户的选择来增加的，如五秒一增加、十五秒一增加。具体代码...
2021-04-22 20:22:18
3507
原创 highcharts tooltip分列以及x轴某类的合计
文章目录一、pandas是什么？总结一、pandas是什么？下面代码是tooltip分列以及x轴某类的合计。图片是formatter函数中的this所指内容，x是x轴某类，points是这个类有多少种，每个里面是一个对象，包含颜色数值等tooltip: { // head + 每个 point + footer 拼接成完整的 table；这是一个简单的显示x轴某一项的所有数据（分开显示）;headerFormat、pointFormat只能跟字符串；pointFormat有回
2021-04-11 13:50:57
348
原创 highcharts 没有数据的时候的页面 highcharts-no-data-to-display在vue中的用法
文章目录前言highcharts-no-data-to-display用法前言参考文章：https://segmentfault.com/q/1010000008099391/a-1020000008428463highcharts-no-data-to-display由于数据大都是由后端返回的，在渲染图表的时候要考虑没有数据时候的样式。有两种方式1用v-show（不可用v-if图表会渲染不出来）判断接口数据是否有值，显示相应的内容2使用highcharts自带的判断是否有值的方法。下图
2021-04-05 21:13:15
1241
1
原创 记录vue-multiselect 在vue中使用
文章目录一、使用步骤1.引入库2.用法一、使用步骤1.引入库代码如下（示例）：// 引入样式<style src="vue-multiselect/dist/vue-multiselect.min.css"></style>// 引入用法import VueMultiselect from "vue-multiselect";2.用法代码如下（示例）：label：用户可见的属性名track-by：用于比较对象。仅在选项为对象时使用v-model：选择的
2021-03-20 18:17:51
1046
原创 element el-upload 一次上传单张/多张图片（多选）
文章目录前言一、单张图片的上传二、一次上传多张图片1.引入库2.读入数据总结前言这是使用element-ui中的el-upload进行上传的，但是吧，预览是自定义的组件，所以多选会有些麻烦，因为file-list的参数，具体参考例子来讲吧一、单张图片的上传示例：pandas 是基于NumPy 的一种工具，该工具是为了解决数据分析任务而创建的。二、一次上传多张图片1.引入库代码如下（示例）：// uploadArr每次打开新增/编辑都要传空过来，就相当于清空fileList:file-l
2021-02-25 18:04:57
7585
原创 typescript 学习第二周
学习目标：一周计划：接口、类、函数，将其基本概念看完。记录出来与javascript不一样的地方学习内容：1、 接口2、 类3、 函数文章目录学习目标：学习内容：前言一.接口1.二.类1.三.函数1.前言上周学完了基础类型和类型声明，东西还是蛮多的，也许对有后端经验的人比较友好，但是我觉得还是有些吃力的，需要多写多练，去巩固，毕竟难的只是他的写法。一.接口1.二.类1.三.函数1....
2021-02-13 16:46:51
180
2
原创 typescript 学习第一周
学习目标：一周计划：基础类型、变量声明、接口，将其基本概念看完。记录出来与javascript不一样的地方学习内容：1、 基础类型2、 变量声明3、 接口文章目录学习目标：学习内容：前言一、pandas是什么？二、使用步骤1.引入库2.读入数据总结前言由于typescript出来蛮久的啦，再加上公司也有人再用了，本着别人会我得了解的大前提，便开始要学习一波，作为笔记来使用提示：以下是本篇文章正文内容，下面案例可供参考一、pandas是什么？示例：pandas 是基于N
2021-02-10 20:34:04
323
4
原创 element-ui 树形选择器，多选添加全部、单选、自定义显示内容以及设置初始值
文章目录前言1.el-popover和le-tree，自定义显示的内容2.el-select与el-tree，多选添加全部前言树形选择器是将element中的el-select与el-tree结合起来，也可以将el-popover和le-tree结合起来，将下拉框的内容变为树形的数据，这里的选择都是用的复选框，即使是单选。树形选择器中el-select与el-tree的方式会比较麻烦一些，因为复选框和选择框内容要同步，有两种方式一个是根据e-select的change事件（这个是选中值发生变化时触发，
2021-01-31 14:25:59
2756
原创 mint-ui 日期控件 mt-datetime-picker
提示：文章写完后，目录可以自动生成，如何生成可参考右边的帮助文档文章目录一、只能选择年月二、手机不显示数字1.引入库2.读入数据总结一、只能选择年月示例：pandas 是基于NumPy 的一种工具，该工具是为了解决数据分析任务而创建的。二、手机不显示数字1.引入库代码如下（示例）：import numpy as npimport pandas as pdimport matplotlib.pyplot as pltimport seaborn as snsimport warnin
2021-01-24 16:39:55
1161
2
原创 highcharts 数据千分位显示和饼图的简单用法
提示：文章写完后，目录可以自动生成，如何生成可参考右边的帮助文档文章目录前言一、pandas是什么？二、使用步骤1.引入库2.读入数据总结前言提示：这里可以添加本文要记录的大概内容：例如：随着人工智能的不断发展，机器学习这门技术也越来越重要，很多人都开启了学习机器学习，本文就介绍了机器学习的基础内容。提示：以下是本篇文章正文内容，下面案例可供参考一、pandas是什么？示例：pandas 是基于NumPy 的一种工具，该工具是为了解决数据分析任务而创建的。二、使用步骤1.引入库代码
2021-01-21 19:21:30
1796
2
原创 echarts 柱状图、雷达图、饼图的一些基础
https://blog.youkuaiyun.com/YuanBug/article/details/106193426
2021-01-16 16:00:24
578
原创 element-ui中的一些用法，如table中添加进度条、tree进行单选多选
computedtableHeader() { return [ {label: '序号', prop: 'rowNum', align: 'center', tooltip: true, width: 70}, {label: '标段', prop: 'lineFullName', align: 'center', tooltip: true, width: 160}, { label: this.hiddenCheck.d
2021-01-08 13:06:20
1428
2
原创 vue-npm，不同环境的打包以及查看打包内容的方式
文章目录前言一、pandas是什么？二、使用步骤1.引入库2.读入数据总结前言不同环境打包代码不同，如测试环境，npm run build–test。这种该如何配置呢，我也是才开始学，记录一下。一、pandas是什么？示例：pandas 是基于NumPy 的一种工具，该工具是为了解决数据分析任务而创建的。二、使用步骤1.引入库代码如下（示例）：import numpy as npimport pandas as pdimport matplotlib.pyplot as pltimp
2020-12-23 09:46:46
2194
6
原创 vue编写H5，获取app返回的信息
文章目录前言一、获取app登录后的信息二、获取app登录后的信息步骤1.引入库2.读入数据总结前言由于原生的app开发起来周期较长，而且安卓与ios又有些差异，因此，便开始使用H5进行开发app，但是H5不可以直接安装在手机上，所以这个时候就可以app的外壳嵌套H5的页面，这样只需要两个app的壳子，一个H5的页面，就可以同时满足安卓和ios。这样操作的方式，加快了开发周期，开发成本小。一、获取app登录后的信息既然使用app的盒子，那么H5就要跟app有些交互操作，但是交互很少，我这里讲的是我遇
2020-11-28 15:53:07
1516
原创 windows---mysql安装配置、navicat for mysql的连接
这里写自定义目录标题mysql下载mysql配置mysql启动错误：服务无报错mysql输入密码，报错 Access denied for user 'root'@'localhost' (using password: YES)navicat for mysql新建连接mysql下载官网地址：https://dev.mysql.com/downloads/file/?id=490026下载...
2020-11-20 17:29:04
251
原创 threejs官网中的example第一个案例webgl_animation_cloth
这里写自定义目录标题起因代码详解查看的文章起因最近在使用pano2VR，是通过封装的threejs，所以就看了一下threejs。这是研究的第一个案例https://threejs.org/examples/#webgl_animation_cloth代码详解<!DOCTYPE html><html lang="en"> <head> <t...
2020-03-31 09:54:51
2924
3
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人