- 博客(37)
- 收藏
- 关注
RSS订阅原创 HTML识别textarea中的换行
textarea中的换行在div标签未换行，加上如下css即可。.pre-line { white-space: pre-line;}
2022-03-31 11:40:18
1245
原创 vue+el-table导出为excel文件（及数字被科学计数法问题解决）
1.首先，项目安装依赖npm install xlsx file-saver -Snpm install script-loader -S -D2.组件代码//html代码<el-button type="primary" size="default" @click="exportExcel">导出</el-button><!-- el-table添加id --><el-table :data="dataList" id="export-table"
2021-05-10 17:07:07
1030
原创 uni-app和原生小程序进行混合开发
uni-app和原生小程序进行混合开发应用场景原生小程序开发，后续嵌入uniapp开发的页面参考文章：https://ext.dcloud.net.cn/plugin?id=1560混合开发必须使用命令行创建uniapp项目（因为hbuildx安装的项目没有相关依赖和src目录）//环境安装：全局安装vue-clinpm install -g @vue/cli//创建uniapp：使用正式版vue create -p dcloudio/uni-preset-vue my-proje
2021-04-14 14:09:04
3781
原创 el-form单独设置校验规则（根据某条件判断required是否必填）
应用场景联营扣率：当经营方式为“联营”时，必填，0.0000~100.0000；当经营方式为其他时，此出入框置灰 <el-form-item label="联营扣率：" class="Com-limitWord" prop="priceCutRate" :rules="[{required:form.saleType == 3 ? true : false,validator: checkDeductionRate,trigger: 'blur'}]" > .
2020-09-24 09:38:42
6425
2
原创 JavaScript实现千位分隔符
方法一（用数组来实现）function sep(n) { let [i, c] = n.toString().split(/(\.\d+)/) return i.split('').reverse().map((c, idx) => (idx + 1) % 3 === 0 ? ',' + c : c).reverse().join('').replace(/^,/, '') + c}方法二（用正则表达式对字符进行替换来实现）function sep2(n) { let
2020-08-04 10:51:15
318
原创 CSS使用text-align: justify实现flex布局的justify-content: space-between对齐方式
考虑到兼容问题，不使用flex布局，于是查到了 text-align: justify 可以实现tips：子元素inline-block写hack代码如下：效果如下：
2020-08-03 11:49:27
653
原创 微信小程序区分开发、体验、正式环境
let version = __wxConfig.envVersion;let axiosurl;switch (version) { case "develop": //开发预览版 axiosurl = "https://dev......"; break; case 'trial': //体验版 axiosurl = "https://test......"; break; // break; case 'release': //正式版 a
2020-07-29 11:48:09
950
原创 element，el-cascader省市区级联动态加载数据
效果图（可选择某个省份下的全部市，或某个市下面的全部区/县）代码<el-cascader :props="props" @change="locationsChange" placeholder="省/市/区" size="small" v-model="locationsData" clearable></el-cascader><script> // import { getComProvince, getComCity, get
2020-07-03 15:21:24
3010
1
原创 微信小程序使用echarts饼图显示百分比
// packageSesame/pages/dashboard/dashboard.jsimport * as echarts from '../../../utils/ec-canvas/echarts.js'const app = getApp();const { getDashboard } = require('../../service/reportForm.js').RFurl;const HttpRequest = require('../../../utils/http.js'.
2020-06-29 11:03:40
2692
原创 微信小程序使用echarts异步请求数据
// packageSesame/pages/dashboard/dashboard.js// 引入echatrtsimport * as echarts from '../../../utils/ec-canvas/echarts.js'const app = getApp();// 引入http接口const { getDashboard } = require('../../service/reportForm.js').RFurl;const HttpRequest = require
2020-06-29 10:35:56
1153
原创 微信小程序使用echarts模糊
this.goodsEchartsComponnet.init((canvas, width, height, dpr) => { // 初始化图表 const chart = echarts.init(canvas, null, { width: width, height: height, devicePixelRatio: dpr // 加上这一行即可不模糊 }); this.setOptionGoods(chart); return chart;}
2020-06-29 10:29:21
1696
1
原创 echarts legend自定义样式固定宽度
// 品类销售额drawCategorySales() { var that = this; let categorySalesChart = this.$echarts.init( document.getElementById("categorySalesChart") ); // 绘制图表 categorySalesChart.setOption({ title: { left: "center", text: "品类销售额", .
2020-06-28 10:57:56
7556
2
原创 css文本展示超出几行之后省略号表示
.alifyi-list { display: -webkit-box; /*值必须为-webkit-box或者-webkit-inline-box*/ -webkit-box-orient: vertical; /*值必须为vertical*/ -webkit-line-clamp: 1; /*值为数字，表示一共显示几行*/ overflow: hidden;}
2020-06-23 09:15:17
170
原创 js获取近六个月时间
// 获取最近六个月getLastSixMon() { var data = new Date(); //获取年 var year = data.getFullYear(); //获取月 var mon = data.getMonth() + 1; var arry = new Array(); for (var i = 0; i < 6; i++) { if (mon <= 0) { year = year - 1; mon = m
2020-06-19 16:49:20
3951
原创 elementUI-dialog中使用echarts报错
打开el_dialog时，dom元素还没有渲染完成，可使用Vue.nextTick解决问题openDialog() { this.dialogVisible = true; this.$nextTick(() => { this.drawCategorySales(); this.drawBar(); });},参考文章：https://blog.csdn.net/qq_26811445/article/details/86596914...
2020-06-17 14:00:50
1706
原创 js获取本月第一天和最后一天日期，上个月第一天和最后一天日期
获取本月、上月第一天和最后一天的日期//本月第一天和最后一天日期getCurDay(){ let nowdays = new Date(); let year = nowdays.getFullYear(); let month = nowdays.getMonth() + 1; month = month > 9 ? month : "0" + month; let firstDayOfCurMonth = `${year}-${month}-01`; let last
2020-06-17 13:51:35
1358
原创 js获取30天前日期
js获取30天前日期var date1 = new Date();var date2 = new Date(date1);//-30为30天前，+30可以获得30天后的日期date2.setDate(date1.getDate() - 30);//30天前（月份判断是否小于10，小于10的前面+0）var agoDay = `${date2.getFullYear()}-${date2.getMonth() + 1<10?`0${date2.getMonth() + 1}`:date2
2020-06-16 10:02:59
6147
转载 关于Type-C扩展坞插网线干扰局域网的解决方案
近期收到用户反馈Type-C扩展坞干扰交换机的问题，具体表现为USB Type-C扩展坞在同时插上网线和PD充电的情况下，引起路由器或交换机死机，导致局域网断开的情况。经工程师分析，原因为部分电脑默认设置打开了网卡流量监控，可通过简单的网络设置和...
2020-06-12 13:35:25
7667
1
原创 函数节流
const throttle = (func, wait = 0, execFirstCall) => { let timeout = null; let args; let firstCallTimestamp; function throttled(...arg) { if (!firstCallTimestamp) firstCallTimestamp = new Date().getTime(); if (!execFirstC
2020-06-12 13:02:58
128
原创 函数防抖
普通代码const ipt = document.querySelector('input')let timeout = nullipt.addEventListener('input', e => { if(timeout) { clearTimeout(timeout) timeout = null } timeout = setTimeout(() => { search(e.target.value).then(resp => {
2020-06-11 17:43:25
105
原创 elementUI竖向表格、和并列
elementUI表格改为竖向表格以及和并列效果图如下代码<template> <div> <section> <el-table :show-header="false" :data="tableData" :span-method="objectSpanMethod" border :cell-style="columnStyle"
2020-05-26 14:11:42
14325
2
转载 移动端UI框架
SUI Mobile http://m.sui.taobao.org/components/#popup SUI Mobile 是一套...
2020-05-26 08:49:40
232
原创 vue动态绑定v-model
循环一组数据，每个对象的key不同。根据key绑定动态值//数据data: [{ index1: "123" }, { index2: "456" }，{ index3: "789" }],//循环<div v-for="(n,i) in data" :key="i"> <input type="text" v-model="data[i][`index${i+1}`]" /></div>...
2020-05-25 16:28:53
959
原创 Navicat for MySQL同步数据
1.选择工具–数据同步2选择好要同步的两个数据库，默认是选中了所有的表，点击全部取消选择，然后在选择要同步的表3.还在高级选项里，选择，插入删除或更新4.最后可以先预览一下，看是否有报错信息5.然后点击开始即可同步...
2020-05-21 13:31:30
1138
原创 navicat批量删除数据
拷贝过来的表，有多余的数据，想批量删除，结果shift键选中点击下方减号后还是只能删除一条记录。筛选向导-筛选出想要删除的数据后，Ctrl+A全选，再点击下方减号，即可批量删除多条记录。...
2020-05-19 13:30:03
12609
1
原创 vue父组件调用子组件方法
vue父组件调用子组件方法比如，父组件有一个弹窗组件，在子组件里定义自己的显示隐藏效果，父组件调用。通过ref调用子组件的方法父组件代码<template> <div> //父组件点击事件 <el-button type="primary" @click="parentOpenDialog">打开弹窗</el-button> //父组件使用子组件，写上ref="" <dialog ref="dialog
2020-05-19 11:48:14
6963
原创 el-form表单验证
vue使用element-ui的表单验证this.$refs[formName].validate的代码不执行百度到，如果自定义验证中，每种情况都要写明确和有回调函数callback，检查自己的代码，并没有这个错误，然后发现是因为 没写:model=“rateData”。加上去就好了...
2020-05-19 10:44:01
691
转载 VS Code 插件推荐合集
更新日志[2019-08-28]添加 filesize 显示效果图片[2019-07-26]修正 Todo Tree 插件的图片指示错误修改“更新记录”为“更新日志”，做到格式统一改进“更新日志”内容缩进效果[201...
2020-05-18 13:54:46
597
1
原创 js传参默认值
js传参时，默认值的设置不传参数时，默认取值传参数时，取传递值如果多个参数，某个参数需要使用默认值时，则需要传 undefinedfunction test2(a=1,b=2){ console.log(`a=${a},b=${b}`)}test2()test2(undefined,100)test2(200,300)...
2020-05-18 13:32:34
3118
原创 正则表达式
记录使用的正则1.限制小数点位数var reg = /(^[1-9]\d*(\.\d{1,2})?$)|(^0(\.\d{1,2})?$)/;2.邮箱var reg = /^([a-zA-Z0-9_-])+@([a-zA-Z0-9_-])+((.[a-zA-Z0-9_-]{2,3}){1,2})$/;3.简单链接var reg = /(http|https):\/\/([\w.]+\/?)\S*/4.手机号码var reg = /^[0-9]{11}$/;5.电话号码var re
2020-05-14 15:05:42
85
原创 限制input 输入框输入数字
限制input 输入框只能输入纯数字oninput="value=value.replace(/[^\d]/g,'')"限制input 输入框只能输入纯数字+小数点oninput="value=value.replace(/[^\d.]/g,'')"
2020-05-14 14:54:01
294
原创 vue echarts引入方式
vue两种引入echarts的方式1.main.js全局引入// 引入echartsimport echarts from 'echarts'Vue.prototype.$echarts = echarts2.main.js按需引入let echarts = require('echarts/lib/echarts')// 引入折线图等组件require('echarts/lib/chart/bar')require('echarts/lib/chart/map')require('
2020-05-14 13:52:25
310
原创 vue echarts中国地图
vue echarts中国地图效果图代码<template> <div> <div id="myChartChina" :style="{width: '550px', height: '400px'}"></div> </div></template><script>import geoData from "../../../../node_modules/echarts/map/json/china
2020-05-14 13:32:24
642
1
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人