- 博客(10)
- 收藏
- 关注
RSS订阅原创 【防抖和节流的区别】
事件触发时不会立即执行，如果500ms内事件没被再次触发就执行，如果500ms内被再次触发，就重新计算时间。事件触发时立即执行，时间间隔500ms内，无论触发多少次都不会执行。每500ms内只执行一次。间隔不超过500ms的系列频繁操作，只执行最后一次超过500ms的。2.resize和scroll时间。1.多少秒之后获取验证码。
2024-06-27 17:23:57
286
原创 判断img图片资源是否加载成功,如果加载的图片资源不成功，显示默认图片
<template> <div> <!-- 默认图片：如果加载的图片资源存在 --> <img src="../../assets/images/desktop/主题图.png" width="100%" height="100%" v-show="isImgLoadError"> <!-- 加载的图片资源 --> <img :src="baseUrl+ systemImg" @error="isImgLoadError =
2020-11-17 10:42:19
1058
1
原创 浅谈echarts图表的dataset
背景刚开始用echarts时，看案例中的数据跟我们平时用到的数据总是感觉不太致，数据处理起来也比较麻烦。参考： https://echarts.apache.org/zh/tutorial.html利用dataset属性，配置图表，使图表的数据为统一的key-value模式，用法如下：dataset有两个特别重要的属性source: 数据源，是一个数组；dimensions: 指定了维度的顺序，简而言之就是你要取得字段，案例1： 饼状图dataset: { dimensions:
2020-11-13 17:52:12
2865
原创 echarts显示隐藏切换导致的图形太小的解决办法
echarts显示隐藏切换导致的图形太小的解决办法解决方案： 将v-show 改成v-if总结：先上代码 <div class="line-chart" ref="lineChart" v-show="chartData && chartData.inspectData && chartData.hiddenDangerData && (chartData.inspectData.leng
2020-11-13 17:10:47
3092
原创 ajax请求的几种请求头content-type
content-type=“application/json"请求参数为json数据格式content-type="application/x- www- form- urlencoded常用的post请求数据格式，浏览器的原生 form 表单，如果不设置 enctype 属性，那么最终就会以 application/x-www-form-urlencoded 方式提交数据content- type=“mutipart/form- data”常用的post请求数据格式，一般情况下，上传文件时使用，
2020-11-09 22:41:14
1399
原创 webpack打包应用，并用babel转换es6代码
webpack打包应用，以及用babel转换es6代码1.创建文件2.创建基础文件配置文件webpack.config.js1.配置入口文件和出口文件2.配置loader(按需)配置浏览器兼容性1.创建文件mkdir webpack-demo && cd webpack-demonpm init -y2.创建基础文件链接: link.按照教程一一建立目录结构：webpack-demo: + distbundle.jsindex.html: + srcind
2020-11-09 11:53:53
180
原创 mouseover和mouseenter的区别
mouseover:当鼠标指针位于元素上方时；而mouseover最用于目标元素及其后代元素，一般与mouseout搭配使用mouseenter：当鼠标指针穿过元素时；mouseenter事件只作用于目标元素，一般与mouseleave搭配使用实例：<!DOCTYPE html><html> <head> <meta charset="{...
2019-09-02 10:32:44
185
原创 利用cookie 实现记住密码功能
@利用cookie 实现记住密码功能var user = obj.field.usernamevar password = obj.field.passwordvar expires = new Date();//记住密码功能if(obj.field.remember === "on") {//选中记住密码 expires.setTime(expires.getTime() + 7 *...
2019-04-28 16:44:53
513
原创 获取当前浏览器名称和版本信息
@获取当前浏览器名称和版本信息<!DOCTYPE HTML><html><head><title>navigator对象常用属性</title><meta charset="utf-8" /></head><body> <script> if(navigator.c...
2019-04-26 14:36:34
1673
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人