![](https://img-blog.csdnimg.cn/20201014180756738.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
js
Kill_paradise
这个作者很懒,什么都没留下…
展开
-
vue 拖拽改变宽度
。。。。原创 2022-12-27 16:49:11 · 282 阅读 · 0 评论 -
momentjs设置(获取)本周开始第一天(星期一)
。原创 2022-12-13 11:35:59 · 4766 阅读 · 0 评论 -
js 获得2日期之间的周数,2日期之间的月数
11原创 2022-12-09 10:33:31 · 379 阅读 · 0 评论 -
vue-chart图表组件封装
chart原创 2022-12-09 10:10:49 · 709 阅读 · 3 评论 -
echarts 多种类型的legend一行居中展示
echarts原创 2022-12-08 14:36:08 · 2613 阅读 · 0 评论 -
echarts 柱状图带 表格展示
...原创 2022-12-07 15:31:26 · 1575 阅读 · 0 评论 -
echarts 饼图,外部标签和内部标签一起展示
/原创 2022-08-03 16:31:13 · 1391 阅读 · 6 评论 -
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 · 469 阅读 · 0 评论 -
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 · 651 阅读 · 0 评论 -
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 · 896 阅读 · 0 评论 -
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 · 837 阅读 · 0 评论 -
小程序登录
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 · 207 阅读 · 0 评论 -
vue3 中的 toRefs 是什么? 什么时候用?
定义:toRefs可以将对象(只能接收rective对象)中的属性变成响应式正常reactive对象数据也是响应式的,如果用toRefs解构出去会更加方便什么时候用?数据量如果很多, 我们一般会用解构来简化代码, 那么在vue3 中如果使用对象的解构, 会让改对象失去响应式, 所有一般解构的时候 借助 toRefs 来解构 仍然带有响应式解构后, 我们就不需要 用 对象.属性了, 而是可以直接使用属性,来简化<h3>{{name}}</h3>let o原创 2022-02-16 09:57:03 · 5408 阅读 · 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 · 193 阅读 · 0 评论 -
企业微信H5,开放能力查询
// 在开发者工具地址栏访问以下地址: https://www.weixinsxy.com/jssdk/原创 2022-01-24 16:34:49 · 238 阅读 · 0 评论 -
前端面试进阶
第 119 题:vue 如何优化首页的加载速度?vue 首页白屏是什么问题引起的?如何解决呢? | 木易杨前端进阶原创 2022-01-18 16:33:26 · 282 阅读 · 0 评论 -
左侧栏宽度拉伸
<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 · 189 阅读 · 0 评论 -
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 · 1580 阅读 · 0 评论 -
基于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 · 1497 阅读 · 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 阅读 · 0 评论 -
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 · 257 阅读 · 0 评论 -
前端埋点需求
指标名称指标定义或解决的问题分析维度产品PV了解产品PV 使用情况,判断应用推广是否起到效果,用户提的需求是否是真实、高频的,用于辅助评估产品价值。所属系统、所属中心、所属部门、用户岗位、高层用户、板块产品UV了解产品使用情况,判断应用推广是否起到效果,用户提的需求是否是真实、高频的,用于辅助评估产品价值。所属系统、所属中心、所属部门、用户岗位、高层用户、板块产品单个用户日均访问PV了解产品跟用户的粘性,分析产品是高频使用场景产品还是低频使用场景所原创 2021-12-04 16:49:03 · 193 阅读 · 0 评论 -
将数组中的所有对象合并为一个对象[{},{},{}] => [{}]
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 · 297 阅读 · 0 评论 -
echarts 地图,色块+ 散点
<divid="earth":style="{height:'800px'}"></div>JS//省this.dataList=[{name:'南海诸岛',value:100,},{name:'北京',value:540,},{...原创 2021-11-29 09:59:55 · 596 阅读 · 0 评论 -
回到顶部 <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 · 435 阅读 · 0 评论 -
react17 安装 react-virtualized 报错解决办法
npm installreact-virtualized --legacy-peer-deps原创 2021-11-14 15:23:54 · 759 阅读 · 0 评论 -
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 · 1371 阅读 · 0 评论 -
vue 结合v-chart 实现柱状图
1.结构<ve-histogramv-bind="{...histogramOpt,}"height="500px":colors="colorList"></ve-histogram>2. 数据和颜色histogramOpt(){return{xAxis:{...原创 2021-11-11 10:08:59 · 1899 阅读 · 0 评论 -
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 · 5270 阅读 · 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 · 114 阅读 · 0 评论 -
网站正则表达式
/^((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 阅读 · 0 评论 -
组织树懒加载
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 阅读 · 0 评论 -
上拉下拉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 · 133 阅读 · 0 评论 -
异步树啊啊啊
异步树asyncgetTreeOptions(){constid=JSON.parse(sessionStorage.getItem('currentAuthority')).officeId//letdata=[]letres={}res=awaitqueryTreeList({id})consttemp={}temp.id=res.currentInfo...原创 2021-07-06 17:42:47 · 82 阅读 · 0 评论 -
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 阅读 · 0 评论 -
图片尺寸和大小限制
asynchandleBeforeUpload(file){constisLimit=file.size/1024/1024<1if(!isLimit){Message.error('上传图片不超过1M')this.validateModel.checkItem.forEach((item)=>{console.log(item.attach.url)...原创 2021-06-22 10:37:32 · 449 阅读 · 0 评论