- 博客(23)
- 资源 (4)
- 问答 (1)
- 收藏
- 关注
原创 uniapp 原生安卓开发插件(module),以及android环境本地调试(二)
uniapp 原生安卓开发插件(module),以及android环境本地调试(二)
2023-02-20 18:01:24 738 2
原创 uniapp 原生安卓开发插件(module),以及android环境本地调试(一)
uniapp 原生安卓开发插件(module),以及android环境本地调试(一)
2023-02-17 14:50:57 5490 11
原创 vue使用loading加载
1、效果: 1649832674984 2、前言:在vue中提供v-loading命令,用于div的loading加载,因为v-loading需要绑定一个双向绑定的变量,因此会产生如果页面需要多个loading,则需要很多个变量,在此不必要的情况下,作者自己写了一个vue的插件。1、引入依赖#如果你的vue项目版本为3.0+,使用该命令npm i loading-viewer-v
2022-04-13 15:01:16 8987 14
原创 第三章:LuckySheet 全部清除 inline Style cell单元格内容,发生清除不了的bug
1、在LuckySheet 例子中,在A6单元格中,全部删除数据的时候发现删除不掉的bug(该问题已经像官方反应,后续可能会进行修复),在这里我贴出解决问题的方法(修改源码)。2、从官网下载下来源码,先找到 src/global/formula.js这个文件。3、找到 updatecell 这个方法 或者 找到 1463 行代码将其改为curv = (!value && !isCurInline && isPrevInline)? curv:$.extend(t
2021-12-30 13:52:11 2027 2
原创 echarts 折线图多Y轴,每一条Y轴独属于一个区域,折线之间不交集。
1、前景:在echarts中设置多个Y轴的时候,如果不想Y轴的折线有交叉,则需要考虑一下这个方案:每一条Y轴分为一个区域,使得每一个Y轴都是一个独立的区域,举个例子:四条Y轴,那就是每条Y轴占四分一。但是要怎么实现呢?先看图:实现前:折线之间是有交叉的2、实现后:每条折线之间分为区域去显示,毫无交集3、实现的方法:利用echarts 官方提供的max和min函数 max:function(value){ let lengs = 4; //四条Y轴
2021-12-21 14:48:00 5757
原创 Echarts 折线图如何展示点对点的数据,X轴为时间轴
1、先上图2、echarts 配置option = { xAxis: { type: 'category', data: ['2021-12-01','2021-11-29','2021-12-02','2021-12-03'] }, yAxis: { type: 'value' }, series: [ { data: [['2021-12-01',50], ['2021-12-02',230], ['2021-12-03',224]]
2021-12-03 15:37:44 1802
原创 第二章:解决LuckySheet 使用生成图表的时候发生 h.createChart is not a function错误
1、问题背景:点击生成图表的时候会发生h.createChart is not a function的错误:2、解决:这个是因为使用图表的时候需要配置 plugins:[‘chart’] var options = { container: 'luckysheet', //luckysheet为容器id title:'luckysheet', //表 头名 lang: 'zh', //中文 plugins:['chart'], } l
2021-12-03 15:26:39 2670 16
原创 第一章:Vue项目 引入LuckySheet
1、前景:在Vue网页开发中,时常会遇到需要在线编辑excel或者是多人同时编辑excel的需求,那怎么办呢?在这里,博主最近也接触了这个需求,通过了解,决定使用LuckSheet这个开发的插件。2、首先来看一下它的官网:LuckSheet3、引入LuckSheet3.1、两种引入方式:CDN和本地引入3.2、CDN:<link rel='stylesheet' href='https://cdn.jsdelivr.net/npm/luckysheet/dist/plugins/css/pl
2021-12-03 15:21:10 10148 44
原创 Vue 使用XLSX导出excel,并且设置标题背景颜色、字体、居中。并且在前端导出成excel文件
1、先看效果图2、引入依赖npm install xlsx-style --savenpm install --save xlsx3、运行项目会发生一个报错This relative module was not found: ./cptable in ./node_modules/xlsx-style@0.8.13@xlsx-style/dist/cpexcel.js4、解决报错:在\node_modules\xlsx-style\dist\cpexcel.js 807行 的var
2021-12-01 09:09:53 10956 14
原创 展示数据量大的表格
题外话:对于普通表格展示数据需求来说,使用element-ui的el-table组件来展示,对于数据量大的需求,也可使用分页来进行处理,但是假如遇到数据量非常大,而且又不能进行分页展示的需求,el-table就会展示出它的缺点,会导致页面异常地卡顿,在此种情况下:这就是这篇文章所要向大家推荐的使用一款能够展示多数据量而且不会导致页面卡顿的组件 — vxe-table 它的官网入口 ,话不多说,来看看它是如何使用:1、引入依赖npm install xe-utils@3 vxe-table@32、在m
2021-11-22 14:13:12 2119
原创 vue echarts 折线图多Y轴显示,加动态配置Y轴颜色
1、效果图2、引入依赖npm install echarts --save3、在mian.js中引入import * as echarts from 'echarts';Vue.prototype.$echarts = echarts4、在HTML声明div<div style="width:700px;height:500px;" ref="lineref"></div>5、js中使用绘制折线图 let _this = this; /**获取图
2021-11-22 13:53:54 2368 2
原创 使用css 画出弧形平滑过渡效果
1、效果图2、HTML:<div class="testA"></div>3、CSS.testA{ width: 100px; height: 50px; background-color: #F0F2FA; margin-left: 50px; position: relative; border-top-left-radius: 10px; border-t
2021-07-23 09:13:51 1527
原创 记录一下 vue 发生GET https://sockjs-node/info?t=1620304352146 net::ERR_SSL_PROTOCOL_ERROR
记录一下vue 发生GET https://sockjs-node/info?t=1620304352146 net::ERR_SSL_PROTOCOL_ERROR 热更新文件一直发生https://请求的错误。一直很好奇为啥会报错。一直找不到原因。后来找了一下博客,很多是关闭了热更新,变为手动更新。不是我的问题所在,后来找到了一篇文章讲的应该就是我的问题。由于之前在index.html文件引入的一些meta。所以导致了发生上面的问题把其注释就好了问题就解决了...
2021-05-06 20:39:40 1312 4
原创 前端vue部署 Docker 化项目的请求后端地址可配置
1、改造vue项目,抛出config.js文件定义后端API地址。1.1、首先要在public文件夹下新建一个static文件夹。然后新建一个config.js文件Vue-cli2项目的是没有public文件夹。只有static文件夹。也就是说vue-cli2项目的放置在static文件夹下。打包的时候不会被打包进去config.js内容:window.g = { SERVER_URL:'SERVER_URL_S'}1.2、axios工具类也要相应地更改一下然后打包放上服务器上。
2021-01-19 11:38:54 1433
原创 element-ui table行列拖拽排序功能和解决列拖动数据不跟随改变的bug问题
1、引入依赖 sortablejsnpm install sortable.js --save2、在mounted() 函数中分别引入两个自定义的方法 , 分别是行和列的拖动贴一下这两个方法,拖动行方法dragSort() { let that = this; // 首先获取需要拖拽的dom节点 const el1 = document.querySelectorAll('.el-table__body-wrapper')[
2020-11-04 16:47:47 8277 35
原创 vue 动态合并element-ui el-table列和行
效果图:HTML:<template> <div class="HeBingTable"> <el-table :data="tableData" show-summary :span-method="arraySpanMethod" style="width: 100%"> <el-table-column v-for
2020-10-27 17:30:04 1355
原创 记录vue使用KindEditor上传图片发生的iframe跨域的错误
记录KindEditor上传图片时候发生的错误:Blocked a frame with origin “http://localhost:8080” from accessing a cross-origin frame 错误我是用的KindEditor的版本4.1.11,在KindEditor官网可以进行下载。然后引入进入VUE项目里面,在main.js里面注入4个文件然后开始正常配置显示,结果到了上传图片的时候发生了 Blocked a frame with origin “http://lo
2020-10-10 14:52:13 2066 3
原创 企业微信开发之判断当前入口是PC端企业微信还是PC端浏览器。或者是APP端企业微信
在window.onLoad函数里使用function isQyweixin(){ //判断当前入口是PC端还是APP端 let flag = navigator.userAgent.match( /(phone|pad|pod|iPhone|iPod|ios|iPad|Android|Mobile|BlackBerry|IEMobile|MQQBrowser|JUC|Fennec|wOSBrowser|BrowserNG|WebOS|Symbian|Windows Phon
2020-09-24 09:12:12 4619
原创 企业微信开发第三方应用之扫码授权登录
小白记录:最近项目对接企业微信,应用的选型是第三方应用,所以研究了一下。做第三方应用开发网站,必不可少的是扫码授权登录,那么该如何入手呢。本人也是小白一枚,第一次接触,故进行记录一下。如果有错,希望大神不要喷我。好了,言归正传。首先贴一下企业微信的API https://work.weixin.qq.com/api/doc/90001/90143/91124 ,首先我是从 从第三方单点登录开始看,根据官方先配置:登录服务商管理后台进行登录授权配置,如果不知道怎么登录的,网址在这 企业微信服务商后台,登录
2020-09-22 15:52:02 8829 9
原创 webpack引入sass全局变量 发生 vue-style-loader!css-loader?To install it, you can run: npm install --save !!vu
记录一下vue遇到的问题,最近整理vue项目,在vue2.0 webpack中引进全局scss文件,运行后发现出现看到这个问题,上网百度了一下,都是叫安装npm install sass-loader --save;npm install node-sass --save;这两个依赖。于是试了一下,后来运行还是不行,最后看了一下package.json发现有一个依赖还没安装于是运行了npm install --save-dev sass-resources-loader,这个依赖是 引入s
2020-09-14 15:43:50 309
原创 Element-ui表格合并
Element-ui表格合并,并添加合计、小计功能#最近Vue项目需要用到表格合并功能、合并小计和合并功能(用于数据的展示),所以进行记录一下,废话少说(本人也是小白),贴图一张(效果图)首先是贴HTML页面的代码<template> <div class="container"> <el-table :data="dataT" border :span-method="arraySpanMethod" @selection-
2020-06-23 18:06:00 416 1
vue 使用kindeditor粘贴复制图片上传给自己服务器,单独图片上传
2020-10-12
kindeditor-all.js
2020-10-10
vue----根据后台返回字段自动生成表单列表.zip
2020-09-29
您在我表格拖动列的提问,由于CSDN出现问题,导致回复不了,所以我找了一下您
2021-11-30
TA创建的收藏夹 TA关注的收藏夹
TA关注的人