webHYT

2021年8月25日

摘要： 1、Can I Use 一款实用的前端兼容性自查工具，地址：https://caniuse.com/ 是一个查询CSS、JS、HTML5、CSS、SVG在个中流行浏览器钟的特性和兼容性的网站以flex为例子，改网站不但可以看到各版本的兼容性，更可以在真实的不同版本的浏览器中进行实测，但是免费使用时阅读全文

posted @ 2021-08-25 10:13 webHYT 阅读(85) 评论(0) 推荐(0)

一次加载多个echarts图表

摘要：多个echarts图表同时展示时 1、避免请求万所有数据再绘图，会出现加载时间过长用户体验不好 2、数据可以分开请求每个图标添加单独的loading，提升加载速度，也提高了用户体验阅读全文

posted @ 2021-08-25 10:05 webHYT 阅读(535) 评论(0) 推荐(0)

vue中echarts常用封装模板

摘要：以柱状图为列 <template> <div :class="className" :style="{height:height,width:width}" /> </template> <script> import echarts from 'echarts' require('echarts/ 阅读全文

posted @ 2021-08-25 09:45 webHYT 阅读(578) 评论(0) 推荐(0)

2021年8月23日

echarts Y轴负轴显示正值

摘要：需求：数据的值都是正数，但是要分布再X轴的两侧显示分析：将需要再y轴负轴显示的数据，数值前添加负号，y轴和tooltip的显示值取绝对值 yAxis: { axisLabel: { color: '#666', formatter: (value) => { return Math.abs(v 阅读全文

posted @ 2021-08-23 15:29 webHYT 阅读(1187) 评论(0) 推荐(0)

echarts 折线断开显示

摘要： 1、利用空值实现当某数据不存在时（ps：不存在不代表值为 0），可以用 '-' 或者 null 或者 undefined 或者 NaN 表示。例如，无数据在折线图中可表现为该点是断开的，在其它图中可表示为图形不存在。 2、利用visualMap实现折线图如果相邻的两个值都是0则不显示这一段水平阅读全文

posted @ 2021-08-23 14:58 webHYT 阅读(2907) 评论(0) 推荐(0)

2021年7月20日

js中for跳出循环（包括多层循环）return、break和迭代器

摘要： 1、单层循环 return：必须配合函数使用，跳出函数，return后的语句不再执行。 break：与for配合使用，只是跳出for循环。 2、多层循环 return: 配合函数使用迭代器：配合迭代器跳出循环 // return function test(){ for (let i = 0; i 阅读全文

posted @ 2021-07-20 10:57 webHYT 阅读(2637) 评论(0) 推荐(0)

字符串常用方法

摘要： 1、去除前后空格 var str = " hello wrold "; console.log(str.trim()) // 不改变原数组 2、indexOf()，返回指定字符创第一次出现的位置，找不到返回-1 var str = " hello wrold "; str.indexOf('h') 阅读全文

posted @ 2021-07-20 10:13 webHYT 阅读(82) 评论(0) 推荐(0)

2021年7月19日

事件机制

摘要：事件流(Event Flow)指的就是「网页元素接收事件的顺序」。事件流可以分成两种机制：事件捕获(Event Capturing) 事件冒泡(Event Bubbling) 当一个事件发生后，会在子元素和父元素之间传播（propagation）。这种传播分成三个阶段：捕获阶段：事件从windo 阅读全文

posted @ 2021-07-19 17:01 webHYT 阅读(79) 评论(0) 推荐(0)

事件的绑定和移除

摘要： 1、事件绑定的两种方法 DOM0级事件绑定 curEle.onclick=function(){}; DOM2级事件绑定标准浏览器：curEle.addEventListener('click',function(){},false) IE6-8:curEle.attachEvent('oncli 阅读全文

posted @ 2021-07-19 16:21 webHYT 阅读(76) 评论(0) 推荐(0)

自定义事件派发机制

摘要：简单实现事件的派发和监听 export default class EventEmitter { private events: any; constructor() { this.events = {}; } /** * 监听 event 事件,触发时调用 callback 函数 * @param 阅读全文

posted @ 2021-07-19 14:53 webHYT 阅读(78) 评论(0) 推荐(0)

公告