Shallow Dreamer Blog

element级联选择器一级单选、二级多选

项目问题记录

element级联选择器一级单选、二级多选代码： const tag = ref(-1) function change(item){ item.forEach(v => { this.tag = v[0] }) let filterd = item.filter(v => v[0] == this.tag) this.sel...

Posted by Shallow Dreamer on April 19, 2023

element时间选择器：日期截止当前、中文、右侧为当前月

项目问题记录

element时间选择器 <el-config-provider :locale="locale"> <el-date-picker v-model="selectDate" type="daterange" range-separator="-" start-placeholder="Start date" end-placeholder="End date" :di...

Posted by Shallow Dreamer on April 19, 2023

在多个页面中使用多个类似的图表

项目问题记录

在多个页面中使用多个类似的图表遇到的问题： 1、图表在页面切换时请求结束需要操作dom，所以为组件添加保活机制 2、多个图表在一个页面中时，因为echarts是根据dom元素的id来初始化的，所以需要给组件赋予不同的id 3、在保活页面周期对图表进行绘制 demo代码多个父组件：为了解决第二个问题，在父组件向子组件的传值中添加了一个mark标记，并由子组件使用mark标记合成...

Posted by Shallow Dreamer on April 19, 2023

计算数据区域密集度

使用python和js

目的是计算数据区域密集度，网格大小决定密集度的准确度 1、使用python实现 # 格网算法计算数据集区域数据密集度 import time import random import numpy as np import pandas as pd # 模拟数据集 def create_data(): data_x = [] data_y = [] data = ...

Posted by Shallow Dreamer on April 19, 2023

将数组改写成树结构

使用js

首先创建了一个空的根节点root，并将它的名称设置为空字符串，它的子节点数组设置为空数组。然后遍历整个数组，对于每个元素，在树形结构中创建对应的节点。遍历每个元素的名称，并通过比较父节点和子节点的名称来连接它们。如果节点不存在，则创建一个新节点并将它添加到父节点的子节点数组中。最后，返回整个树形结构的根节点的子节点数组。代码： function arrayToTree(array) {...

Posted by Shallow Dreamer on April 19, 2023

实现文字滚动

使用html和css完成

1、主要采用css的@keyframes关键帧和animation动画 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> ...

Posted by Shallow Dreamer on April 19, 2023

Welcome to Shallow Dreamer Blog

"Hello World, Hello Blog"

“Yeah It’s on. ” 前言 Shallow Dreamer 的 Blog 就这么开通了。

Posted by Shallow Dreamer on April 18, 2023