JavaScript
文章平均质量分 54
cRack_cLick
学无止境,一些小小的心得,绝不写收费文章,如果对你有帮助,不如点个小小的赞支持一下
展开
-
教你从零开始画echarts地图
echarts地图制作离线地图下载地址https://datav.aliyun.com/tools/atlas/index.htmlecharts文档地址https://echarts.apache.org/zh/option.html基于VUE编写,其他框架请自行转换,大同小异基础配置先让地图内容出来,npm安装步骤省略,请参考官方文档,创建的div必须设置宽度和高度,关于图表的宽高自适应,参考我的另一篇文章<template> <div class="con原创 2021-11-08 11:26:33 · 70279 阅读 · 49 评论 -
JS设计模式-策略模式
JS设计模式-策略模式设想这样一个功能,公司的年终考核等级会影响员工的年终奖收入,目前为S等级3倍工资,A等级2倍工资,B等级就只能是1个月的工资了。function bonus(level, salary) { if (level === "S") { return salary * 3 } if (level === "A") { return salary * 2 } if (level === "B") {原创 2021-09-07 14:37:18 · 105 阅读 · 0 评论 -
JS设计模式-单例模式
JS设计模式-单例模式在java中,单例模式被定义为:保证一个类仅有一个实例,并提供一个访问它的全局访问点。这种设计模式在JavaScript中也同样适用,我们可以来保证总是有唯一的对象、方法或者是DOM元素。先来看个最简单的例子:dom1 = document.createElement("div");dom2 = document.createElement("div");console.log(dom1 === dom2); // false其实很显然,dom1和dom2并不是同一个元素,原创 2021-09-06 16:44:52 · 153 阅读 · 0 评论 -
JavaScript函数节流
JavaScript函数节流在处理echarts图表的时候,往往需要使用window.onresize来监听页面大小,从而进一步去改变echarts的大小,但是resize事件触发的频率极其频繁,如果页面的echarts图表又很多,这无疑是一件十分灾难的事情。首先定义一个节流函数,需要接收一个函数,并且返回一个函数,示例如下:throttle = (fn) => { let timer; return function () { console.log("执行次数原创 2021-06-25 16:08:29 · 218 阅读 · 0 评论