![](https://img-blog.csdnimg.cn/20201014180756916.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
js
人间清醒小仙女
hello world
欢迎转载,但请注明出处,共建开源前端,祝大家技术越来越好~~
展开
-
来个自定义的电子木鱼吧
【代码】来个自定义的电子木鱼吧。原创 2024-04-03 15:51:25 · 262 阅读 · 0 评论 -
快速创建一个单页面vue页面 引入elelement-ui组件
转自https://element.eleme.cn/#/zh-CN/component/installation。直接从网上链接进文件里,省去下载包(不安全,慎用) https://www.bootcdn.cn/原创 2023-04-21 08:55:52 · 683 阅读 · 1 评论 -
echarts饼图图例和图表分布在两侧,图例文字对齐,自定义图例,自定义饼图展示位置,echarts饼图展示在盒子右侧
const dataList = [{ title: '正常文字多的', key: 'normal', rate: '1' }, { title: '调', key: 'debugger', rate: '2' }, { title: '停', key: 'stop', rate: '3' }, { title:.原创 2022-04-07 17:55:34 · 7234 阅读 · 0 评论 -
分组展示echarts图表数据
分组展示echarts图表数据,按照季度进行筛选原创 2021-07-02 11:28:58 · 875 阅读 · 0 评论 -
eventbus注销的事件取消不掉
派发事件注意: this.EventBus.off(′event′);不能传参数,this.EventBus.off('event');不能传参数,this.EventBus.off(′event′);不能传参数,this.EventBus.off(‘event’, {});是不行的大家谨慎使用EventBus,如果事件车变多会导致方法名不够用哈,另外一定要在绑定的页面进行off卸载...原创 2022-03-04 16:04:20 · 543 阅读 · 0 评论 -
eventbus回调,回传参数
通知子或者兄弟组件发出校验消息this.EventBus.$emit('validatePlace', { value: this.editorSelectedNode, validate() { that.showNodePorts(that.editorSelectedNode?.id, false); that.$store.commit('clearSelectedNode'); } });做出校验的组件mounte原创 2022-02-28 14:22:36 · 636 阅读 · 0 评论 -
a-select 下拉加载更多
<template> <a-select v-model="value" @popupScroll="handlePopupScroll" > <a-select-option v-for="(item, index) in options" :key="index" :value="item"> {{ item }} </a-select-option> </a-select></tem原创 2021-07-06 19:31:55 · 863 阅读 · 2 评论 -
echarts设置tooltip悬浮框的宽度
option = { title: { text: '堆叠区域图' }, tooltip: { trigger: 'axis', extraCssText: "width:500px;", axisPointer: { type: 'cross', label: { backgroundColor: '#6a7985' .原创 2021-04-06 16:18:30 · 3945 阅读 · 0 评论 -
给大家分享一个选择困难症必备点餐方法吧 吃点什么好呢 早餐 午餐 晚餐
var arr = ['谭鸭血','花甲粉','胡姬酒肆','螺狮粉','新辣道','榴莲烤肉-烤肉','榴莲烤肉-大酱汤','权味石锅拌饭','新中关楼下酸辣粉','鬼瘾食','呷脯呷脯','醉面','e世界-粥','-1美食城','新中关盖饭','喜家德','焦耳食堂', '将太无二'];function random(a,b){ var randomNum = Math.round(Math.random() * (b - a) + a); return randomNum;};原创 2021-03-26 11:05:17 · 257 阅读 · 1 评论 -
ant-design-vue 实现可伸缩列 Module parse failed: Argument name clash (40:29)
是因为这里开头字母是大写,改为小写即可原创 2021-03-11 16:43:54 · 1565 阅读 · 0 评论 -
页面渲染html的过程?
浏览器渲染页面的一般过程:1.浏览器解析html源码,然后创建一个 DOM树。并行请求 css/image/js在DOM树中,每一个HTML标签都有一个对应的节点,并且每一个文本也都会有一个对应的文本节点。DOM树的根节点就是 documentElement,对应的是html标签。2.浏览器解析CSS代码,计算出最终的样式数据。构建CSSOM树。对CSS代码中非法的语法它会直接忽略掉。解析CSS的时候会按照如下顺序来定义优先级:浏览器默认设置 < 用户设置 < 外链样式 < 内联样式原创 2021-02-08 20:46:41 · 657 阅读 · 0 评论 -
vue动态组件 & 异步组件 vue动态生成组件,循环生成组件
动态生成组件<!-- 动态组件由 vm 实例的 `componentId` property 控制 --><component :is="componentId"></component><!-- 也能够渲染注册过的组件或 prop 传入的组件 --><component :is="$options.components.child"></component>参考vue官方文档https://cn.vuejs.org/v原创 2020-11-10 23:40:09 · 1764 阅读 · 0 评论 -
echarts自定义图例legend样式/icon 自定义修改图例icon
原现象icon 可以配置的属性有: ‘circle’, ‘rect’, ‘roundRect’, ‘triangle’, ‘diamond’, ‘pin’, ‘arrow’, ‘none’常见的圆,矩形,椭圆形,如果想自定义图标的话可以使用base64或者svg格式URL 为图片链接例如:'icon: 'image://http://xxx.xxx.xxx/a/b.png'URL 为 dataURI 例如:icon: 'image://data:image/gif;base64,R0lGODl原创 2020-10-29 21:17:56 · 5955 阅读 · 0 评论 -
web前端/小程序必备网站
1.MDN// 各种基础知识https://developer.mozilla.org/zh-CN/docs/Learn2.菜鸟教程// 各种数组方法 dom元素讲解https://www.runoob.com/jsref/jsref-reduce.html原创 2020-10-19 17:07:05 · 393 阅读 · 0 评论 -
reduce方法 js
arr = [1, 3, 4]arr.reduce(function(prev, cur, index, arr) { console.log(prev, cur, index, arr) return prev + cur})发现方法中的打印会打印三次,然后增加了数组中的数字发现会执行数组的长度-1此,并且第一个参数是数组索引之前的数据累加的结果,第二个是下一次要加的数,第三个是索引,最后是原数组标准详见https://www.runoob.com/jsref/jsref-red.原创 2020-10-10 15:27:36 · 72 阅读 · 0 评论