- 博客(49)
- 收藏
- 关注
原创 vscode 保存时格式化 setting.json
{"tabnine.experimentalAutoImports":true,"workbench.iconTheme":"vscode-icons","workbench.colorTheme":"OneDarkPro","vsicons.dontShowNewVersionMessage":true,"editor.fontSize":20,"terminal.integrated.shell.windows":"C:\\Windows\...
2022-03-29 11:55:52
474
原创 vue 针对表格的封装
FilterTable.vue<el-form:model="form"><el-tableref="table"v-loading="tableLoading":data="tableData":row-key="rowKey"@selection-change="handleSelectionChange"><el-t...
2022-02-22 15:38:44
653
原创 svgIcon 组件
<template><svg:class="svgClass"aria-hidden="true"v-on="$listeners"><usev-bind:xlink:href="iconName"/></svg></template><script>exportdefault{name:'SvgIcon',props:{iconClass:{...
2022-02-22 09:45:38
900
原创 el-tree 的样式改变
<el-treeref="permissionTree":data="permissions"node-key="id":show-checkbox="!isDetail":render-after-expand="false":default-expanded-keys="expandedPremission"...
2022-02-22 09:45:08
846
1
原创 小程序登录
1. wx.login(Object object)调用接口获取登录凭证(code)。通过凭证进而换取用户登录态信息,临时登录凭证 code 只能使用一次wx.login({ success (res) { if (res.code) { //发起网络请求 wx.request({ url: 'https://example.com/onLogin', data: { code: res.code...
2022-02-17 17:01:15
212
原创 vue3 中的 toRefs 是什么? 什么时候用?
定义:toRefs可以将对象(只能接收rective对象)中的属性变成响应式正常reactive对象数据也是响应式的,如果用toRefs解构出去会更加方便什么时候用?数据量如果很多, 我们一般会用解构来简化代码, 那么在vue3 中如果使用对象的解构, 会让改对象失去响应式, 所有一般解构的时候 借助 toRefs 来解构 仍然带有响应式解构后, 我们就不需要 用 对象.属性了, 而是可以直接使用属性,来简化<h3>{{name}}</h3>let o
2022-02-16 09:57:03
5414
2
原创 数组对象的排序
letcompare=function(obj1,obj2){varval1=obj1.configMonthvarval2=obj2.configMonthif(val1<val2){return-1}elseif(val1>val2){return1}else{re...
2022-01-27 12:06:18
195
原创 左侧栏宽度拉伸
<template><divclass="x-handle"unselectable="on"onselectstart="returnfalse"@mousedown="mouseDown"></div></template><script>exportdefault{name:'XDragHandle',data(){return{lastX:'',...
2022-01-17 11:20:06
194
原创 echarts 双Y轴,双X轴, 折线图折点,折点与直方对应
动态增加了一个隐藏的x轴(show:false),用来引导折线图的点的位置,核心代码var option = {...省略 "name": "当前应力浅孔/Mpa", xAxisIndex: 1,//主要在此处指定下面的xAxis "smooth": true,...省略}option.xAxis[1] = { type: 'value', //max: option.xAxis[0].data.length * 100, ...
2022-01-10 14:52:36
1583
原创 基于elementui 封装周选择范围 组件
template部分,这里的value1,value2的值为我们所选周的星期一,为格林尼治时间的格式; date1, date2为周选择器的value对应的日期,date1取当周的星期一(起始日期),date2取当周的星期日(结束日期),weekNum为周数computed: { weekNum() { return Math.round((this.value2 - this.value1) / (24 * 60 * 60 * 1000 * 7)) + 1 },...
2021-12-30 14:38:51
1499
1
原创 js开发笔记
千分位:1. '1234567890'.replace(/\B(?=(\d{3})+(?!\d))/g,",")2. (1234567890).toLocaleString()类型判断:Object.prototype.toString.call(obj).slice(8, -1).toLowerCase()
2021-12-21 17:35:44
63
原创 elementui- 时间选择器的时间限制
单个输入框的 组件代码:<el-date-picker v-model="value1" type="date" placeholder="选择日期" :picker-options="pickerOptions0"></el-date-picker> 情景1: 设置选择今天以及今天之后的日期data (){ return { pickerOptions0: {
2021-12-08 16:40:24
261
原创 elementui 时间选择器- 限制选择过去和未来时间
<el-date-picker value-format='yyyy-MM-dd HH:mm:ss' class="inner-on" @change="select" v-model="startTimesss" type="daterange" :start-placeholder="$t('nowan1.No1.gotimi')" ...
2021-12-06 17:35:44
918
原创 前端埋点需求
指标名称指标定义或解决的问题分析维度产品PV了解产品PV 使用情况,判断应用推广是否起到效果,用户提的需求是否是真实、高频的,用于辅助评估产品价值。所属系统、所属中心、所属部门、用户岗位、高层用户、板块产品UV了解产品使用情况,判断应用推广是否起到效果,用户提的需求是否是真实、高频的,用于辅助评估产品价值。所属系统、所属中心、所属部门、用户岗位、高层用户、板块产品单个用户日均访问PV了解产品跟用户的粘性,分析产品是高频使用场景产品还是低频使用场景所
2021-12-04 16:49:03
195
原创 将数组中的所有对象合并为一个对象[{},{},{}] => [{}]
let channelTabList = [ {1: 'aaa'}, {2: 'bbb'}, {3: 'ccc'}, {4: 'ddd'}]let lists = channelTabList.reduce((prev,cur)=>{ return {...prev,...cur}})lists = {1: "aaa", 2: "bbb", 3: "ccc", 4: "ddd"}扩展二位数组变一维数组let arr = [[0,...
2021-12-04 16:16:20
298
原创 echarts 地图,色块+ 散点
<divid="earth":style="{height:'800px'}"></div>JS//省this.dataList=[{name:'南海诸岛',value:100,},{name:'北京',value:540,},{...
2021-11-29 09:59:55
597
原创 回到顶部 <el--backtop>
<divclass="wrapper"> <co-backtop@mouseover.native="isShow=true"@mouseout.native="isShow=false"target=".wrapper":visibility-height="300" ><iclass="el-icon-caret-top"v-show="!isShow"...
2021-11-25 10:16:05
436
原创 react17 安装 react-virtualized 报错解决办法
npm installreact-virtualized --legacy-peer-deps
2021-11-14 15:23:54
761
原创 vue 结合v-chart 实现折线图
1. 结构:<ve-line:data="chartData":extend="chartExtend"height="500px"></ve-line>2. 数据chartData:{columns:['日期','访问用户','下单用户','下单率'],rows:[{日期:'1/1',访问用户:1393,下单用户:1093,下单率:320.32},...
2021-11-11 10:11:35
1373
原创 vue 结合v-chart 实现柱状图
1.结构<ve-histogramv-bind="{...histogramOpt,}"height="500px":colors="colorList"></ve-histogram>2. 数据和颜色histogramOpt(){return{xAxis:{...
2021-11-11 10:08:59
1905
原创 element 时间选择器,设置周与周的区间
1. 因为elementui 自带的周选择器,只能选择一个时间点, 所以我input 来装这个时间区间结构如下:<divclass="time-select"><co-date-pickertype="week"v-model="valueTime1"format="yyyy年第WW周MM月dd日"placeholder="选择周"...
2021-11-11 10:04:26
5274
2
原创 resize 线条
<template><divclass="x-handle"unselectable="on"onselectstart="returnfalse"@mousedown="mouseDown"></div></template><script>exportdefault{name:'XDragHandle',data(){return{lastX:'',...
2021-08-30 18:31:31
115
原创 网站正则表达式
/^((https|http|ftp|rtsp|mms){0,1}(:\/\/){0,1})www\.(([A-Za-z0-9-~]+)\.)+([A-Za-z0-9-~\/])+$//^(?:http(s)?:\/\/)?[\w.-]+(?:\.[\w\.-]+)+[\w\-\._~:/?#[\]@!\$&'\*\+,;=.]+$/
2021-08-20 16:45:07
344
原创 组织树懒加载
asyncloadNode(node,resolve){letid=JSON.parse(sessionStorage.getItem('currentAuthority')).officeIdletdata=[]letres={}if(node.level>0){id=node.data.idres=awaitqueryTreeList({id})...
2021-08-13 10:09:41
165
原创 上拉下拉vant
//下拉刷新onRefresh(){this.isRefreshing=truethis.$emit('refresh',()=>{this.$refs.scrollView.scrollTo(0,0)this.$refs.scrollView.finishRefresh()this.isRefreshActive=falsethis.isRefreshi...
2021-07-10 14:39:49
134
原创 异步树啊啊啊
异步树asyncgetTreeOptions(){constid=JSON.parse(sessionStorage.getItem('currentAuthority')).officeId//letdata=[]letres={}res=awaitqueryTreeList({id})consttemp={}temp.id=res.currentInfo...
2021-07-06 17:42:47
83
原创 电子签名啊啊
letcontext=null;letisButtonDown=false;letarrx=[];letarry=[];letarrz=[];Page({/***页面的初始数据*/data:{canvasWidth:0,canvasHeight:0,imgUrl:"",},/***生命周期函数--监听页面加载*/onLoad:...
2021-06-26 10:00:20
81
原创 Canvas签名
data: { context: null, imgUrl: "", isDraw: '', isMark: '', id: '' },// 开始触摸 bindtouchstart: function(e) { console.log("bindtouchstart", e); this.data.context.moveTo(e.changedTouches[0].x, e.changedTouches[0].y) }, ...
2021-06-26 09:49:23
88
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人