- 博客(37)
- 问答 (1)
- 收藏
- 关注
RSS订阅原创 js精度问题
主要方法：加减乘除（plus，minus，times, divides）以及求相近值（strip, round）附：在Java中Long类型的取值范围是-2^63 + 1 到 2^63 - 1，比js处理数字范围大的多。在JavaScript中，Number类型范围-2^53 + 1 到 2^53 - 1。这两个常量，用来表示这个范围的上下限。用来判断一个整数是否落在这个范围之内。方式2：json序列化处理。
2023-10-12 11:46:57
366
原创 antd table跨页选择
const [selectedRowKeys, setSelectedRowKeys] = useState([]); //选中的keyconst [selectedRows, setSelectedRows] = useState([]); //选中的rows（不需要可以去掉）//跨页选择
2022-03-17 15:46:13
1476
原创 Antd 合并table行、列
const list = [ { key: '1', rowId: 1, name: 'Jim Green', tel: '0571-22098333', phone: 18889898888, age: 42, address: 'London No. 1 Lake Park', }, { key: '2', rowId: 1, name: 'Joe Black', age: 32, tel: '0
2022-03-03 10:28:43
1872
1
原创 JS常用数组方法及计算场景
一、常用方法数组：let numbers = [1, 2, 3, 4, 5, 6, 7];1、filter——返回该函数会返回true的项组成的数组// filterlet filterResult = numbers.filter(function (item, index, array) { return item > 2;});console.log(filterResult); // [3, 4, 5, 6, 7]2、map——返回每次函数调用的结果组成的数组// 当数组
2022-02-14 17:06:39
2982
1
原创 JS骚写法
一、?.、??、??=的用法和含义1 可选链（？.）let a;let b = a.name;会报错，因为undefined和null是两个比较特殊的数据类型,是不能用点操作符去访问属性的let b = a?.name;但是vue{{}}中不支持该写法2 空值合并运算符(??)let a = 0;let b;let c = { name:'xiaoming' }b = a ?? c;当a不是undefined、null的时候，b等于a，否则等于c3 空值赋值运算符(??=)
2022-01-09 18:27:58
355
4
原创 Vue导出页面为pdf
1、安装html转换成图片npm install --save html2canvas 图片生成pdfnpm install jspdf --save2、创建一个htmlToPdf.js文件import html2Canvas from 'html2canvas'import JsPDF from 'jspdf'export default { install(Vue, options) { reportName 下载时候的标题 Vue.prototype.getPdf
2021-12-31 11:28:57
418
原创 vue粘贴复制vue-clipboard2
1、安装npm install --save vue-clipboard22、使用main.js中引入：import Vue from 'vue'import VueClipBoard from 'vue-clipboard2'Vue.use(VueClipBoard);组件中使用：<span class="copy" v-clipboard:copy="copyVal" v-clipboard:success="onCopy" v-clipboard:error="o
2021-09-28 15:13:08
113
1
原创 vue+vant 分页、下拉刷新
<van-pull-refresh v-model="isLoading" success-text="刷新成功" @refresh="onRefresh"> <van-list v-model="loading" :finished="finished" :finished-text="finishedText" @load="onLoad" > <div class="cell" v-for="(item,ind
2021-07-05 17:54:21
611
原创 vue keep-alive部分使用场景
一、需求：有三个页面，列表、新增、预览，如下preview可返回到add继续修改，需要form表单还在，所以需要对add页面做缓存，但是从list进入add的时候需要清空缓存，否则会展示上次提交信息。二、解决方案（两种）router.jsexport default [ { path: '/list', name: 'list', meta: { title:"列表", index:0
2021-06-21 11:30:12
181
原创 vue在移动端测试环境使用vconsole
在移动端显示控制台1、安装npm install vconsolenpm install vconsole-webpack-plugin --save-dev2、环境配置在vue.config.js中写入如下代码：const vConsolePlugin = require('vconsole-webpack-plugin') module.exports = { configureWebpack: config => { //生产环境去掉vconsole调试器 le
2021-05-26 10:46:01
794
原创 h5在移动端的各种兼容问题
1、ios不支持new Date(“2021-05-20”)需要改为"2021/05/20"的格式才可以正常获取如：new Date(“2021/05/20”.replace(/-/g, “/”))2、iphone11等个别机型双击后自动上滑解决方案：export const prohibitSlide = ()=>{ let agent = navigator.userAgent.toLowerCase(); //检测是否是ios let iLastTouch = null
2021-05-20 15:37:45
1800
原创 Vant 登录表单，密码、验证码
主要包含两个功能：密码可见、不可见验证码倒计时html<van-form> <van-field type="tel" maxlength="11" v-model="mobile" name="mobile" clearable placeholder="请输入手机号" /> <van-field v-model="captcha" :maxlength="6" name="captcha" center
2021-04-23 16:02:38
3382
原创 自适应布局方式
一、pc自适应（以1920为标准，根据窗口放大缩小）js监听窗口变化，代码如下：(function(){ function setSize(){ let htmlWidth = document.documentElement.clientWidth || document.body.clientWidth; let htmlDom = document.getElementsByTagName('html')[0]; htmlDom.style.fontSize= htmlWidth /
2021-03-16 11:23:41
109
原创 Element—日历相关场景
<el-calendar v-model="value" id="calendar"> <!-- 这里使用的是 2.5 slot 语法，对于新项目请使用 2.6 slot 语法--> <template slot="dateCell" slot-scope="{date, data}"> <!--date 单元格代表的日期 data{ type, isSelected, day}，type 表示该日期的所属月份，可选值有
2020-10-30 13:53:13
856
2
原创 Element Form表单、验证总汇
1、table内可编辑 表单验证html<el-form :model="tableData" :rules="rules" > <el-table :data="tableData.items" style="width: 100%"> <el-table-column prop="date" label="日期" width="180"></el-table-column> <el-table-column lab
2020-09-17 14:46:40
1288
原创 dhtmlxgantt甘特图（精确到分钟）
完整代码<!DOCTYPE html><html><head> <meta http-equiv="Content-type" content="text/html; charset=utf-8"> <title>Basic initialization</title> <link rel="stylesheet" href="http://cdn.dhtmlx.com/gantt/edge/dhtmlxgantt.c
2020-09-14 15:50:22
4440
11
原创 js判断终端（ios、安卓）
let u = navigator.userAgentlet isAndroid = u.indexOf('Android') > -1 || u.indexOf('Adr') > -1let isIos = u.match(/\(i[^;]+;( U;)? CPU.+Mac OS X/)let isXiaomi = u.indexOf('XiaoMi') > -1; // 小米手机let isWeixin = u.indexOf('MicroMessenger') > -1
2020-09-01 15:14:43
425
原创 Apexcharts—24h时间表（Vue）
安装npm install apexcharts --save使用import ApexCharts from 'apexcharts'简单demovar options = { chart: { type: 'line' }, series: [{ name: 'sales', data: [30,40,35,50,49,60,70,91,125] }], xaxis: { categories: [1991,1992,1993,1994,
2020-08-10 09:31:38
1165
原创 前端页面缓存问题
浏览器缓存浏览器通常会将常用资源缓存在你的个人电脑的磁盘和内存中。比如我的Chrome浏览器的缓存存放位置就在C:\Users\admin\AppData\Local\Google\Chrome\User Data\Default\Cache缓存位置from Service Workerfrom memory cachefrom disk cache真正的网络请求（显示资源的具体大小）1、Service Worker本质是作为服务器与客户端之间的代理服务器，伴随着PWA出现。Service
2020-07-23 14:09:21
1586
原创 计算机二进制、八进制、十六进制
十进制转化为二进制1.整数（倒序）一直计算到1，计算结果从下往上组合——10110101二进制是8位，计算结果不满8位的前面补0，如10D——00001010B，前面0可以省略，即10102.带小数（顺序）0.85——0.1101（假如精确到小数点后四位）0.85 x 2 = 1.7 10.7 x 2 = 1.4 10.4 x 2 = 0.8 00.8 x 2 = 1.6 1…………附：十进制转化八进制，采用类似方法，整数时除以8，小数时乘以8二进制转十进制二进制转
2020-07-21 15:40:15
1925
原创 JS谷歌地图画静态轨迹/路线
html——引入api，需翻墙<script type="text/javascript" src="https://maps.googleapis.com/maps/api/js?key=your key&sensor=false"></script><div id="mapBox"></div>js//初始化地图var mapOptions = { center: new google.maps.LatLng('30.1934
2020-07-10 17:38:01
1359
1
原创 Element switch文字写在按钮上
定位解决，直接上代码<el-switch class="switch" width='60' v-model="status" :active-value="0" :inactive-value="1" active-text="上架" inactive-text="下架"></el-switch>css样式.switch .el-switch__label { position: absolute;
2020-06-18 10:08:49
1405
原创 Element 表头排序强制不换行
给table加一个class，以免影响其他table样式<el-table :data="tableData" @sort-change="sortChange" class="nowrap-tab" border highlight-current-row> </el-table>重写样式.nowrap-tab .el-table__header .cell{ padding: 0!important; text-overflow: unset!importa
2020-06-02 14:55:42
2768
原创 Element table各种合并单元格
这是官网合并列效果，可是，并不适用于一级表头，官方文档并未发现直接实现属性给table加header-cell-style，代码如下<el-table :data="tableData" border fit :header-cell-style="discountHeaderStyle"> <el-table-column label="操作" align="cent...
2020-05-07 13:45:14
4512
1
原创 Element 弹窗内日期、下拉框控件 样式乱掉错位问题
一、select多选框定位el-select控件生成的下拉框标签默认位置是在body中，也是相对body定位的，而不是针对当前元素可能出现这种情况：解决方案：把popper-append-to-body属性设为false，生成下拉框到当前元素位置<el-select v-model="value" :popper-append-to-body="false" popp...
2020-04-23 14:02:13
3966
原创 JS时间相关转化
日期格式为年月日比如 2020-04-17let date = '2020-04-20'let dt = new Date(date.split("-")[0], date.split("-")[1]-1,date = date.split("-")[2]);let week = dt.getDay()console.log(week)//输出1，表示周一//0表示周日，123456对应...
2020-04-17 14:18:09
331
原创 Vue—html2canvas生成二维码并保存到手机
需求比如上面是个二维码，可以分享给好友、保存到手机安装npm install html2canvas也可以外部引入<script src="http://html2canvas.hertzen.com/dist/html2canvas.min.js"></script>使用要生成截图的dom元素<div id="imageWrapper">......
2020-04-10 16:15:59
6180
7
原创 JS判断多个时间段是否有重叠（时分）
多个时间段比较let dateAr = [ { s: '01:00', e: '14:08' }, { s: '01:04', e: '02:05' }, { s: '05:21', e: '08:00' }, { s: '10:20', e: '12:08' },]function Fn() { for (let k in dateAr) { if (!...
2020-04-08 20:17:05
3374
原创 Element Form表单动态增删改
html<el-form-item v-for="(item, index) in dataForm.discounts" :label="'里程折扣' + index" style="position: relative;" required> <el-col :span="11"> <el-form-item :prop="'discounts.' ...
2020-04-02 11:51:15
2059
原创 Element 时间组件各种限制范围
<el-time-picker v-model="dataForm.startTime" placeholder="请选择时间" value-format='HH:mm:ss' :picker-options="{ selectableRange:`00:00:00 -${dataForm.endTime ? dataForm.endT...
2020-03-31 11:44:39
1204
1
空空如也
dhtmlxgantt怎么精确到分钟？
2020-08-21
TA创建的收藏夹 TA关注的收藏夹
TA关注的人