自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(21)
  • 收藏
  • 关注

原创 防抖与节流

防抖与节流

2023-03-01 20:03:24 123

原创 【Echarts封装】——值得一阅

echarts封装

2022-10-12 16:41:41 280

原创 通用下载方法封装

vue中通用下载方法封装

2022-08-02 17:27:30 209

原创 echarts数据地图自动轮播展示

地图

2022-07-04 17:04:48 2173

原创 websocket用法

websocket用法websocket用法destroyed() { this.websock.close(); //离开路由之后断开websocket连接},mounted() { this.initWebSocket();},methods:{ initWebSocket() { //初始化weosocket const wsuri = this.$wsurl; this.websock = new WebSocket(wsuri

2022-05-12 14:35:11 380

原创 echarts地图自动轮播

地图自动轮播需求:地图有数据的置灰并且不轮播,有数据的轮播展示数据/* 请勿在原图上直接修改保存*/function mapTooltipClick(name) { alert(name)}function tooltipCharts() { console.log(arguments[0]); var myChart1 = echarts.init(document.getElementById('tooltipBarId')); var option =

2022-01-18 11:32:51 1451

原创 echarts仪表盘

echarts仪表盘展示情况如下图相关代码var dataArr = 87;option = { backgroundColor: '#0d1e1a', series: [ { tooltip:{ show:false }, "name": 'wrap', "type": 'pie', "hoverAnimation": false, "lege

2021-12-03 15:19:17 243

原创 echarts渐变进度条

echarts渐变进度条展示情况如下图相关代码var data = ['数据一','数据二',"数据三","数据四","数据五","六","七","八"]let value = [0.50,0.80,0.60,0.65,0.31,0.45,0.62,0.87]let arr = (new Array(value.length)).fill(1)option = { backgroundColor: '#fff', grid: { top: '8%', left:

2021-11-26 11:06:32 1127

原创 GIT代码提交

GIT代码提交步骤1.git stash // 本地暂存2.git pull // 拉取远程版本3.git stash pop // 将缓存的代码放出来【第三步操作完毕如果有冲突会提示,在此处解决冲突】4.git add . //加入暂存区5.git commit -m “提交的代码说明”6.git push //推送到远程GIT其他相关操作1.

2021-11-23 11:07:18 112

原创 echarts生成折线图实现标签一上一下,避免数据过长重叠

echarts生成折线图实现标签一上一下,避免数据过长重叠图示(以此图为例)代码展示日常积累

2021-08-05 10:57:43 990

原创 不容错过的前端精选面试题第二弹

1、js中有哪些数据类型2、数组的常见方法3、请求状态码4、从输入网址到页面加载完成都发生了什么?5、HTTPS和HTTP的区别6、seo搜索引擎优化7、document.onload和document.ready有什么区别?8、回流、重绘9、事件传播流程10、this指向

2020-08-08 15:31:39 233

原创 前端面试题整理——(第一弹 HTML和CSS)

前端面试题整理——(第一弹 HTML和CSS)你做的页面在哪些流览器测试过?这些浏览器的内核分别是什么?Trident内核:IE系列Gecko内核:FirefoxWebkit内核:SafariBlink内核:是基于Webkit内核的子项目,使用的浏览器有:Chrome/opera等除IE、Firefox、Safari之外的几乎所有浏览器几乎所有国产双内核浏览器(Trident/Blink)如360、猎豹、qq、百度等每个HTML文件里开头都有个很重要的东西,Doctype,知道这是干

2020-06-28 15:07:51 318

原创 Vue生命周期(必看哦!!!)

Vue生命周期理解什么是生命周期???Vue实例有一个完整的生命周期,也就是从开始创建、初始化数据、编译模板、挂载Dom、渲染→更新→渲染、销毁等一系列过程,我们称这是Vue的生命周期。简单来说就是Vue实例从创建到销毁的过程,就是生命周期。Vue生命周期图生命周期的三个阶段每一个组件或者实例都会经历一个完整的生命周期,总共分为三个阶段:初始化阶段、运行中阶段、销毁阶段。初始化阶段钩子函数(beforeCreate,created,beforeMount,mounted)运行中阶段钩子函数

2020-06-24 10:18:06 6386 1

原创 虚拟DOM和diff算法的分析理解

1.什么是dom,什么是虚拟dom

2020-06-19 19:21:51 418

原创 JavaScript数组(Array)方法大集结

数组(Array)方法大集结1.push+ 参数:任意个,任意值+ 返回值:数组被增加之后的长度+ 功能:在数组末尾添加数据,增加的数据是push的参数+ 是否改变数组:改变原数组var arr=[1,2,3,4];var res=arr.push("hello","world");console.log(arr);//1, 2, 3, 4, "hello", "world"...

2020-04-04 18:05:12 356 1

原创 ToDoList的jQuery写法,快来看看吧

ToDoList使用jq编写html<input type="text" class="sendBtn"> <h2>未完成</h2> <ul class="list1"> <!-- <li> <input type="checkbox" name="" id="" value="" />...

2020-03-10 23:04:22 748

原创 ToDoList 原生js代码

ToDoList案例原生js代码核心思路产生列表 根据数组中的对象{name:‘看电视’,status:true} 在ul中产生li添加功能 输入框内容改变的时候(onchange),创建 这样的对象{name:‘看电视’,status:true} ,添加到数组中,重新生成列表,也就是 执行1那个操作删除功能 点击按钮的时候,找到数组中对应的对象,从数组中删除了, 重新生成列表...

2020-03-09 22:49:24 948

原创 蓦然回首,你想要的就在这里

mysql+cookie+ajax自己总结的,希望对你有所帮助

2020-03-08 11:40:28 291

原创 赶紧看过来,这里有你想要了解的

jQuery快速开发

2020-03-08 11:29:44 196

原创 书写项目的准备

// 1. 导入 gulp 这个第三方模块const gulp = require('gulp')// 2. 导入 gulp-cssmin 这个第三方模块const cssmin = require('gulp-cssmin')// 2-2. 导入 gulp-autoprefixer 这个第三方模块const autoprefixer = require('gulp-autopref...

2020-03-04 09:04:27 184

原创 JS闭包

JS闭包了解函数的两个阶段函数的定义阶段在内存中开辟一个存储空间把函数体内的代码当作字符串一模一样的放在这个空间中(遇到的所有变量都不进行解析)把这个空间地址赋值给函数名(变量名)函数的调用阶段按照函数名(变量名)找到对应的存储空间从新开辟一个函数 执行空间在这个执行空间里面进行形参赋值在这个执行空间里面进行预解析把函数存储空间的代码复制一份到执行空间里面执行一...

2020-02-23 17:25:16 217

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除