- 博客(6)
- 收藏
- 关注
RSS订阅原创 防抖和节流
一、函数防抖（debounce）什么是防抖？函数防抖：在频繁触发某一个事件时，一段时间内不再触发该事件后才会去调用对应的回调函数，在设定间隔时间内如果下一次事件被触发， 那么就重新开始定时器，直到事件触发结束。规定时间内没有继续触发事件的前提下，再去调用事件处理函数；具体如下面的例子所示：/*定义防抖函数 * func：传入一个函数，事件不再持续触发时会调用该函数 * delay:定义持续多久后执行传入的回调函数 * */ function debounce(func,delay) { l
2021-11-12 09:51:10
79
原创 echarts可视化进阶
一、ECharts 异步加载数据ECharts 通常数据设置在 setOption 中，如果我们需要异步加载数据，可以配合 jQuery等工具，在异步获取数据后通过 setOption 填入数据和配置项就行。数据的动态更新ECharts 由数据驱动，数据的改变驱动图表展现的改变，因此动态数据的实现也变得异常简单。所有数据的更新都通过 setOption 实现，你只需要定时获取数据，setOption 填入数据，而不用考虑数据到底产生了那些变化，ECharts 会找到两组数据之间的差异然后通过合适的动
2021-07-01 17:53:40
236
原创 可视化神器 —— ECharts 基础入门
什么是数据可视化？数据可视化，就是关于数据视觉表现形式的科学技术研究。提到数据可视化这个词，人们头脑里往往对它的印象都是「高大上」、「炫酷」。比如像这样的：ECharts，一个使用JavaScript实现的开源可视化库，提供丰富的可视化类型，包括常规的折线图、柱状图、散点图、饼图、K线图，用于统计的盒形图，用于地理数据可视化的地图、热力图、线图，用于关系数据可视化的关系图、treemap、旭日图，多维数据可视化的平行坐标，还有用于 BI 的漏斗图，仪表盘，并且支持图与图之间的混搭。一、引入 ECha
2021-06-24 16:46:58
344
1
原创 TypeScript基础学习
一、基础语法1.接口：下面通过一个简单示例来观察接口是如何工作的：function printLabel(labelledObj: { label: string }) { console.log(labelledObj.label);}let myObj = { size: 10, label: "Size 10 Object" };printLabel(myObj);类型检查器会查看printLabel的调用。 printLabel有一个参数，并要求这个对象参数有一个名为label类
2021-06-17 17:16:09
139
原创 前端页面图片加载优化
前端页面图片加载优化问题：前端页面如果图片资源过多或者过大就会导致用户加载图片时间过长，导致用户体验下降我总结的优化思路与方法有以下几种一、将图标换成icon字体管理如果项目存在大量的图表用的是图片展示会大大降低加载速度，这里推荐使用icon下面列举阿里图标库使用3种方法：unicode使用步骤如下：第一步：拷贝项目下面生成的font-face@font-face {font-family: 'iconfont'; src: url('iconfont.eot'); src:
2021-06-11 09:47:46
2101
原创 正则表达式
问题：在编写处理字符串的程序或网页时，经常会有查找符合某些复杂规则的字符串的需要。正则表达式就是用于描述这些规则的工具。换句话说，正则表达式就是记录字符串规则的代码。
2021-06-04 10:50:48
103
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人