Eli-sun-CSDN博客

原创 element-plus中el-table按照中文名字排序sort-method

sort-method

2022-06-21 18:00:50 1130

原创 js获取n天前或n天后的日期

js获取n天前或n天后的日期

2022-06-18 14:31:18 1354 3

原创项目运行报错scssError:expect newLine

使用sass报错

2022-06-15 15:37:59 461

原创 typescript接口01（笔记）

typescript接口01（笔记）

2022-06-10 21:12:51 66

原创 typescript基本数据类型02（笔记）

typescript基本数据类型02（笔记）

2022-06-10 09:22:35 84

原创 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 750

原创 tsc --init 报错

在运行tsc --init 报错，全局安装ts 也不行，通过npx tsc --init 就可以解决

2022-05-26 22:51:58 1172 2

原创 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 399

原创 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 201

原创 echarts案例网站

http://www.ppchart.com/#/

2022-05-18 15:10:02 433

转载 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 33821

原创计算一天之内的时间差

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>  </label> <input .

2022-04-22 16:45:16 852

原创 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 178

原创 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 891

原创 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 803

原创百度地图案例-修改地图样式

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 1054

原创百度地图案例-缩放组件、地图比例组件

<!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 434

原创百度地图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 4928

原创数据可视化百度地图进一步优化

<!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&lt

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&lt

2021-12-09 10:08:45 292

原创数据结构二叉搜索树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 214

原创数据可视化进一步学习

HighchartsHighcharts是一个用纯JavaScript编写的一个图表库。HighstockHighstock是纯用JavaScript编写的股票图表控件，可以开发股票走势或大数据量的时间轴图表。Highmapshighmaps是一款基于HTML5的优秀地图组件。echarts<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta

2021-12-05 21:14:55 687

原创案列：图片压缩 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 194

空空如也

空空如也