- 博客(56)
- 收藏
- 关注
RSS订阅原创 a-date-picker报错TypeError: date4.locale is not a function
使用日期选择器，数据从后端获得，再赋值给a-date-picker做数据回显，遇到这个报错，排错后定位到a-date-picker组件本身接收数据的问题。经过尝试，不对时间字符串进行格式化，直接使用dayjs处理后传给a-date-picker后报错消失。如果使用了dayjs或moment库来处理时间字符串，并且使用.format对时间数据进行格式化，则会报这个错误。在此记录如有同学遇到，望不吝赐教。
2023-08-03 14:32:03
4016
1
原创 Edge浏览器启用ie模式，并且打开调试面板
1.设置-默认浏览器-允许在InternetExplorer模式下重新加载网站(IE模式)2.输入%systemroot%\system32\f12\IEChooser.exe。此时输入网址，即开启Ie模式，却发现无法打开调试面板。1.打开运行框Windows+R；
2022-08-02 13:45:14
5384
1
原创 表格横向拖动
controlColumnWidthNew = function(config) { var config = config; var _createGrips = function _createGrips(config) { $('.JCLRgrips:visible').remove(); var div = '<div class="JCLRgrips"></div>'; var tableTd = $(conf
2022-02-18 14:48:31
537
原创 高德地图上加入坐标拾取、轨迹、点标记、poi搜索等
效果图：1、点击任何一处显示坐标信息（坐标拾取）2、显示车辆轨迹与停车点，点击显示信息3、poi搜索<template> <div id="ploygon"> <!-- 地址poi搜索框 --> <div style="position: relative"> <div class="map-input" style=" position: absolu
2021-12-29 17:10:08
6180
1
原创 React的onClick点击事件传参三种写法
1、<Button onClick={this.delFolder.bind(this,"abc")}></Button>定义delFolder方法delFolder = (name,e)=>{ alert(name)}用bind绑定，调用是作为第二个参数传递，不用显示传递事件对象，定义方法时，事件对象作为最后一个参数传入2、<Button onClick={this.delFolder("abc")}></Button>定义delFol
2021-12-28 11:28:53
4251
原创 关于React 与 Vue 列表加key
遍历对象的每一个属性的深度对比是非常浪费性能的 .React & Vue 使用列表的key来进行对比, 如果不指定就会默认为index为下标 .那么, 为什么不指定key, 而用index为下标是不好的呢?假设现在有一段这样React代码 :const users = [{ name: "zhangsan" }, { name: "lisi" }];users.map((item, index) => <div key={index}>{item.name}</di
2021-12-07 14:03:58
229
原创 高德地图使用轨迹加坐标拾取加位置信息
<template> <div id="ploygon"> <div v-if="isUsePath" class="bs-example form-group dispatch-active active" esapp-id="vehicle_trajectory_form" xmlns="http://www.w3.org/1999/html" > <div class="input
2021-11-26 15:12:58
392
原创 预览pdf与office类型文件
最近做文件预览，碰到<iframe v-if="currentTypeFile.currentFile.currentImg && currentTypeFile.currentFile.urlType == 'pdf'" style="position: absolute;top: 0;left: 0;right: 0;bottom: 35px;width:100%;height:471px;" :src="currentTypeFile.currentFile.currentIm
2021-11-26 15:08:33
177
原创 elementui的级联地址选择器
<template> <div style="display: flex; align-items: flex-end"> <el-cascader ref="cascaderAddr" :options="options" :props="{ checkStrictly: true, value: 'code', label: 'name' }" :style="{ width: inputwidth + 'px'.
2021-10-26 18:55:33
4501
原创 Signature Pad 使用
目的：能够在移动设备上实现电子签名，并保存为图片。使用：1. npm安装： npm install signature_pad --savemain.js中use()import SignaturePad from ‘signature_pad’2.本地文件或csdn引入：<script src = "https://cdn.jsdelivr.net/npm/[email protected]/dist/signature_pad.min.js "> </script>
2021-10-19 13:16:15
3750
原创 自定义环形电量图uniapp可用
刚说完uniapp不可用，就惨遭打脸：注意驼峰的写法要用 kekbeb-case命名<template> <view class="ring-data"> <view class="loading"> <view class="left" ref="left" :style="{'--background-color': backgroundColor,'--left-rote': leftRote,'--right-rote':rightRote}"
2021-09-02 12:44:39
458
1
原创 自定义环形电量图
<template> <div class="ring-data"> <div class="loading"> <div class="left" ref="left" :style="style"></div> <div class="right" ref="right" :style="style"></div> <div class="progress">{
2021-09-02 12:27:09
224
原创 原生Input上传文件到七牛
<input type="file" class="upload_input" ref="upFile" @change="fileChange(e, scope.row)" accept="image/png, image/jpeg, image/gif, image/jpg" ...
2021-08-20 13:10:09
130
原创 使用jspdf生成遇到的问题
jsPDF 是一个基于 HTML5 的客户端解决方案，用于生成各种用途的 PDF 文档。官网地址：https://rawgit.com/MrRio/jsPDF/master/docs/1、安装：npm install jspdf2、引入：import jsPDF from “jspdf”今天遇到一个业务，将echarts页面转换成pdf当做报告使用，因为页面较长，pdf要好几页，简单的分割又会切割内容，记录一下解决方法。导航条是因为原页面导航条的定位出了页面的位置，所以点击生成pdf时，生成一个临
2021-07-14 18:50:55
2863
1
原创 N个不定长度的数组输出全部元素的组合与全排列算法
N个不定长度的数组输出全部元素的组合 let list = [[1, 2, 3], ['a', 'b', 'c'], ['d', 'e']] function getCombination(array) { let resultArr = [] array.forEach((arrItem) => { if (resultArr.length === 0) { let firstItem = [] arrI
2021-07-12 18:45:14
867
原创 vue的watch监听对象的某一属性
Vue提供了一个watch方法可以让使用者去监听某些data内的数据变动，触发相应的方法，比如queryData: { name: '', creator: '', selectedStatus: '', time: [],},第一种解决方案：直接对象现在我需要监听这个queryData，我可以这样做：watch: { queryData: { handler: function() { //do something }, dee
2021-07-12 16:00:37
1505
转载 vuex刷新state数据丢失问题
用vuex来做全局的状态管理时， 发现当刷新网页后，保存在vuex实例store里的数据会丢失。1. 产生原因其实很简单，因为store里的数据是保存在运行内存中的,当页面刷新时，页面会重新加载vue实例，store里面的数据就会被重新赋值。2. 解决思路一种是state里的数据全部是通过请求来触发action或mutation来改变。一种是将state里的数据保存一份到本地存储(localStorage、sessionStorage、cookie）中。很显然，第一种方案基本不可行，除非项目很小
2021-07-12 15:20:11
3502
3
原创 关于await阻塞问题
async / await不会阻止整个主线程. node.js仍然将所有Javascript作为单线程运行,即使某些代码在async / await上等待,其他事件仍然可以运行其事件处理程序(因此node.js不会被阻止).事件队列仍在为其他事件提供服务.实际上,它将是一个事件,它解决了一个允许等待停止等待并运行以下代码的承诺.像这样的代码：await foo(); // foo is an async function that returns a promiseconsole
2021-06-23 13:57:45
7642
1
原创 16进制颜色使用半透明
首先，透明度从00-FF，一共256个梯度，下面以蓝色为例，标准蓝色是#0000FF，透明度加在最后面，即#0000FFXX（XX代表透明度），实际效果如下：<div style="background:#0000FF00;width:25px;height:25px"></div><div style="background:#0000FF10;width:25px;height:25px"></div><div style="backgrou
2021-05-27 13:53:14
1518
原创 js5种排序算法
1. 插入排序 时间复杂度 O(n^2)算法描述：1. 从第一个元素开始，该元素可以认为已经被排序2. 取出下一个元素，在已经排序的元素序列中从后向前扫描3. 如果该元素（已排序）大于新元素，将该元素移到下一位置4. 重复步骤 3，直到找到已排序的元素小于或者等于新元素的位置5. 将新元素插入到该位置后6. 重复步骤 2~5编程思路：双层循环，外循环控制未排序的元素，内循环控制已排序的元素，将未排序元素设为标杆，与已排序的元素进行比较，小于则交换位置，大于则位置不动 let ar
2021-05-24 17:08:40
253
原创 路由懒加载的三种写法
第一种：import Vue from 'vue'import Router from 'vue-router'const Login = () => import'./components/Login.vue')const Home = () => import('./components/Home.vue')const Welcome = () => import('./components/Welcome.vue')const Users = () => impo
2021-05-20 17:45:48
2019
转载 路由守卫判断是否是登陆页面
import Vue from 'vue'import VueRouter from 'vue-router'// 路由懒加载const Login = () => import(/* webpackChunkName: "Login_Home_Welcome" */ '../components/Login.vue')const Home = () => import(/* webpackChunkName: "Login_Home_Welcome" */ '../component
2021-05-20 17:06:32
241
原创 MVC、MVP与MVVM
1.MVC模式MVC是应用最广泛的软件架构之一,一般MVC分为:Model(模型),View(视图),Controller(控制器)。 这主要是基于分层的目的,让彼此的职责分开.View一般用过Controller来和Model进行联系。Controller是Model和View的协调者,View和Model不直接联系。基本都是单向联系。M - Model ：提供数据，用于封装与应用程序的业务逻辑相关的数据以及对数据的处理方法。V - View : 用户界面，是应用程序中处理数据显示的部分。通常视图是
2021-05-20 16:54:10
638
原创 数组去重
1.原数组去重 //1.0 function arrUnique(arr) { for (var i = 0; i < arr.length; i++) { for (var j = i + 1; j < arr.length; j++) { if (arr[i] === arr[j]) { //如果第一个和第二个一样，splice方法减去第二个；
2021-05-20 14:44:57
32
原创 js深拷贝
deepClone (obj) { let result = obj; if (typeof obj === 'object' && obj !== null) { result = Object.prototype.toString.call(obj) === '[object Array]' ? [] : {}; for (let prop in obj) { result[prop] = deepClo...
2021-04-27 14:07:02
35
原创 ucharts的使用
最近发现小程序使用echarts出现了内存泄漏的问题，使用官方的clear()和dispose()方法，仍然没有得到解决，不得已换成ucharts，网上找了下，发现大多数都是1.0的教程，但是官方推荐使用2.0。看了一天，总结了大致的使用方法。1.首先，hbuilderx的版本要是3.1以上，从uniapp的插件市场导入ucharts，地址：https://ext.dcloud.net.cn/plugin?id=271导入后的目录：2.与echarts不同，ucharts的配置非常的人性化，在线配置
2021-04-23 17:03:44
10673
10
原创 flex布局两端固定其他自适应
.box { width: 100%; /* overflow-x: scroll; */ display: flex; } .item { width: 0%; flex: 1; height: 50px; } .item1 { width: 20px; height: 50px; } .item2 { width: 20px;
2021-04-23 10:36:29
292
原创 element-ui表格合并
使用官方的方法objectSpanMethod ... <el-table :data="scope.row.paperOrderList" @selection-change="selectTaskMain" :span-method="objectSpanMethod" :header-cell-style="{ background:
2021-04-20 14:57:37
77
原创 跳转到第三方地图
/* 文件说明： openMap.js js文件是打开手机自带的地图, 默认的三个地图, 百度， 高德， 腾讯 plus.runtime.isApplicationExist ------》 检测手机是否安装 地图软件 openMapByAndroid()， openMapByIos 通过url方式调用第三方导航， 分为安卓， IOS 点击开始导航， 软件下方会提示用户选择导航， 默认显示的是系统中安装的第三方导航，比如： 手机上安装的是高德， 只会提示高德地图， 如果没有
2021-04-20 14:34:15
569
原创 uniapp左滑删除
<!-- 向左滑动 右边出现操作按钮 --><template> <view class="wrapper" :style="{marginTop: itemTop + 'rpx',height: parentHeight + 'rpx'}"> <view :style="[tactive ? leftStyle : '']" class="item-view" @touchstart="touchStart($event)" @touchmove="tou
2021-04-17 17:57:11
637
原创 页面使用瀑布流
<template> <div class="page-view" ref="content" :style="{'height': parentHeight + 'px'}"> <div class="data-item" v-for="(item,index) in dataList" :key="index" ref="tableItem" :style="{'width': tableWidth + 'px'}"> <p
2021-04-17 13:38:07
64
原创 flex布局还要使用overflow-x:scroll；的问题
子元素加上flex-shrink: 0; .box{ width: 300px; overflow-x: scroll; display: flex; } .item{ width: 200px; height: 50px; flex-shrink: 0; } </style></head> <div class="box"> <div class="item" style="background-color: red
2021-04-17 13:30:17
2291
原创 flex布局采用justify-content:space-between时,当为两个内容时中间被空出
flex布局采用justify-content:space-between,当为两个内容时中间被空出给外层容器加一个伪类::after,设置样式content:""; width:“内容宽”<div class="tem-flex"> <div class="tem-list" v-for="item in len">列表</div></div>.tem-flex{ display: flex; flex-wrap: wrap;
2021-04-17 13:23:41
200
原创 vue自定义打印
自定义打印区域：利用***page-break-after:always;***进行分页 <div ref="print" v-if="isShowMask"> <!-- 打印多个学校 --> <div v-for="(item,index) in printSchoolList" :key="index" v-if="!isSingle"> <!-- 班级数量大于45 --> <div
2021-04-13 11:13:44
520
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人