- 博客(260)
- 收藏
- 关注
原创 js判断文件后缀是图片
/ 输出: false。// 输出: true。// 检查文件扩展名是否在常见图片扩展名列表中。// 常见的图片文件扩展名。// 获取文件的扩展名。
2024-04-18 14:53:51 484
原创 vue3指令重复点击只发送一次请求
vue3写法指令在main.js中在app上挂载该方法app.directive( 'preventReClick', { mounted: function (el, binding) { el.addEventListener('click', () => { const events = el.style.pointerEvents if (events
2022-05-29 02:56:05 764
原创 vue3 在setup中使用mapSate以及对mapState的封装
在setup中使用mapSateimport { mapState, useStore } from 'vuex'import { computed } from 'vue'export default { name: 'App', components: { }, setup() { const store = useStore() // 用法1 const sCounter = computed(() => store.state.counter)
2022-05-26 15:30:36 405
原创 vuex-state展示的mapSate辅助函数
import { mapState } from 'vuex// 其他计算属性, 从store中获取computed:{ //写法1 mapState(["counter", "name", "age", "height"]) // 这里的mapSate是返回的一个对象 //写法2 // 可以这样写, 就把对象里面的展开了 , 这是数组的写法 ...mapState(["counter", "name", "age", "height"]) // 写法3 // 还可以传入对象的形式, 传入
2022-05-26 14:46:58 126
原创 FormData表单的问题
1.首先创建一个formdata实例const data = new FormData()const list = { a: '1', b: '2', c: '3'}2.将list放入formdata表单Object.keys(list).forEach(item => { data.append(item, list[item])})这就完成了formData的赋值了formData里面还可以放文件,想要打印文件可以这样:list[item].get('file')
2022-05-26 11:16:05 202
转载 css设置背景颜色渐变
对角线渐变:background: linear-gradient(to top right, #f6f5f0, #fefefd);如果有多个颜色渐变,颜色的参数可以有多个:background: linear-gradient(to top right, #CDDC39, #8BC34A, #FFEB3B);可以指定颜色渐变的位置:background: linear-gradient(to top right, #CDDC39 0%, #8BC34A 25%, #FFEB3B 100%);
2022-05-16 11:18:10 33873
原创 计算一天之内的时间差
const getkssj = (val) => { list.kssj = val form.zqsc = getHour(list.kssj, list.jssj) } const getjssj = (val) => { list.jssj = val form.zqsc = getHour(list.kssj, list.jssj) } // 计算时间间隔方法 const getHour = (s1.
2022-05-13 09:40:27 163
原创 input文件上传
<div class="uploadexcel"> <label for="fileInput"> <span class="importBtn">导入</span> <!-- <el-button type="primary">上传文件</el-button> --> </label> <input .
2022-04-22 16:45:16 861
原创 vue3笔记1
两个数组遍历取出相同的vue 动态添加样式的方式一、<li v-for="(chatting,index) in item" :key="index" :class="{'user_right':chatting.user_id}">判断chatting中是否有user_id,如果有就追加user_right类名二、<p :class="coms===1?'hear1':'hear'"></p>判断coms是否等于1,如果等于就追加hear1类名否则追加
2022-04-09 11:23:01 180
原创 js查找字符串中出现了三次的字符
let str = 'abvfFiioipuipplljlnnyfsaa' let arr = str.split('') console.log('111',arr); arr = arr.sort() console.log('222',arr); let temp = [] for(var i=0;i<arr.length;i++){ let sum = 0 for(var j=0;j<arr.length;j
2022-02-15 13:52:13 894
原创 js中entries(),keys(),values() , some(), Object.assign()遍历数组用法
js中entries(),keys(),values() , some(), Object.assign()遍历数组用法ES6提供了entries(),keys(),values()方法返回数组的遍历器,对于遍历器(Iterator)可以使用for…of进行便利,也可是使用entries()返回的遍历器Iterator.next()方法进行遍历。1.使用keys()遍历。keys()返回的是数组元素索引号的遍历器。const arr1 = ['a', 'b', 'c', 'd', 'e', 'f',
2022-01-14 15:49:11 812
原创 百度地图案例-修改地图样式
https://lbsyun.baidu.com/apiconsole/custommap这个网址里面点击 特色服务平台 - 个性化地图 - 地图模板 - 选择地图样式 - 点击发布样式 - 复制id到代码里面<html lang="en"><head><meta charset="UTF-8"><meta http-equiv="X-UA-Compatible" content="IE=edge"><meta name="viewport
2021-12-09 15:32:06 1060
原创 百度地图案例-缩放组件、地图比例组件
<!DOCTYPE html><html lang="en"><head><meta charset="UTF-8"><meta http-equiv="X-UA-Compatible" content="IE=edge"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>Document</title&
2021-12-09 15:27:02 435
原创 百度地图3D旋转和倾斜角度的调整
<!DOCTYPE html><html lang="en"><head><meta charset="UTF-8"><meta http-equiv="X-UA-Compatible" content="IE=edge"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>Document</title&
2021-12-09 12:48:26 4954
原创 数据可视化百度地图进一步优化
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document<
2021-12-09 11:24:28 246
原创 百度地图基础案例
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document<
2021-12-09 10:08:45 293
原创 数据结构二叉搜索树02
二叉搜素树, BST, binary search tree。二叉查找树、二叉排序树。二叉搜索树其实就是普通的二叉树上加了—些限制二叉树对于结点是没有任何的限制,但是在二叉搜索树中在插入子结点的有一些特殊的要求:1、非空左子树的所有的键值都小于其根结点的键值2、非空右子树的所有键值都大于其根结点的键值3、左右子树本身也都是二叉搜索树二叉搜索树的特点:相对较小的值总是保存在左子结点上,相对较大的值总是保存在右子结点上二叉搜索树// 结点类class Node{ constructor(va
2021-12-06 17:12:37 401
原创 数据结构二叉树搜索01
树1、树是n个结点的有限集合T (Tree) ,n = 0的时候,称为空树树的特性1、 任意非空树,有且仅有一个特定的称为root的结点树形结构是一种具有递归特征的数据结构(任何-棵子树又满足树的概念)2、树形结构中数据元素之间存在着-对多的关系, 或者是多对多树的存储结构1、顺序存储或者是链式存储,树的结构不能够直接的存储,需要转换顺序存储或者链式存储2、双亲表示法:顺序存储各个结点的同时,给各个结点添加一个变量,记录其父结点的位置3、孩子表示法:建立多个指针域,指向它所有子结点的地址,
2021-12-05 21:39:12 215
原创 数据可视化进一步学习
HighchartsHighcharts是一个用纯JavaScript编写的一个图表库。HighstockHighstock是纯用JavaScript编写的股票图表控件,可以开发股票走势或大数据量的时间轴图表。Highmapshighmaps是一款基于HTML5的优秀地图组件。echarts<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta
2021-12-05 21:14:55 688
原创 案列:图片压缩 canvas高级应用:图片压缩算法实现
案列:图片压缩 canvas高级应用:图片压缩算法实现<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1
2021-12-05 00:06:57 297
原创 数据可视化基础了解
Highcharts、ECharts、AntV用来做一些图标的绘制three.js、zrender(其实是对Canvas做了底层封装,它也是ECharts的底层框架)、d3(它可以做一些矢量图的绘制)可以用来做一些更底层的绘制Canvas、Svg、WebGL、HTML更底层,其实是浏览器为我们提供的默认的绘图能力Skia(是Chrome和Android的底层2D绘图引擎),OpenGL(是2D、3D图形渲染库,常用于CAD、VR、数据可视化和游戏)绘图引擎,其实适用C++结合硬件进行通讯实现的can
2021-12-05 00:05:14 197
原创 数据结构与算法第一天(了解)
数据结构与算法第一天(了解什么是数据结构和算法)客服系统:用户排队模块方案一:数据库(不太合适)排队列表:实时排队模块、内存中完成方案二:数组去实现要考虑数组的长度方案三:队列队列是一种受限制的线性表,它遵循一个原则:FIFO只允许在表的前端进行删除操作,在表的后端进行插入(新增)操作数据结构:时空复杂度的意识程序设计 = 数据结构 + 算法四种逻辑结构:集合结构、线性结构、树形结构、图形结构集合结构:同属于一个集合,没有其他关系了线性结构:最典型的数据关系一对一,线性结构是一种
2021-12-02 16:37:27 409
原创 Vue深度优先遍历多层数组对象(相当于多棵树、三级树)
这个方法如果是对于下面的三级树的话可以拿到爷爷Id,自己Id,父亲Id;其实如果想要拿到label的话就把data.id换成data.label就行了function treeFindPath(tree, func, path = []) { if (!tree) return [] for (const data of tree) { path.push(data.id) if (func(data)) return path
2021-11-23 08:48:15 2817 1
原创 Java学习第一天
编程语言介绍:C语言:可以直接操作内存,所以它执行速度快,效率高C++:源自于C语言,执行效率也很高,但是没有C语言效率高C#:微软的产品,只能在Windows平台运行,一般用来做游戏Java:有丰富的开源社区,主要用来做后台服务Python:人工智能和机器学习Go:区块链编程:人类语言->翻译->机器语言1.编译型 C语言 C++ go语言2.解释型 python3.混合型 先编译 后解释执行 JavaJ2EE java企业级开发J2SE java标准版开发J2ME
2021-11-22 17:33:24 628
原创 el-date-picker限制选择范围,从当前时间到两个月前
<span class="demonstration">时间:</span> <el-date-picker v-model="daterange" style="width:240px" type="daterange" range-separator="-" start-placeholder="开始日期" end-placeholder="结束日期"
2021-10-11 14:06:53 1336 1
原创 最近编程中遇到的一些问题2021/9/8
1首先是el-autocomplete这个组件进行模糊查询时,要限制输入的是数字,并且限制输入的长度 <el-autocomplete v-model="phoneNumber" :fetch-suggestions="querySearch" :maxlength="length" placeholder="请输入联系电话" oni
2021-09-08 09:20:22 473
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人