备忘璐的博客

原创 html + d3 实现关系图谱

原创 vue+d3 实现关系图谱

【代码】vue+d3 实现关系图谱。

原创 ahooks

ahooks是一款React Hooks库。

原创 仿天眼查-股权结构图

仿天眼查-股权结构图

原创 10种去重方法

去重Set去重双重for循环+splice去重indexOf去重sort去重includes去重hasOwnProperty去重filter去重递归去重利用Map数据结构去重reduce+includesSet去重// 需要注意Set过后的变化function unique(arr) {return Array.from(new Set(arr)) }var arr = [1, 1, 'true', 'true', true, true, 15, 15, false, false, undefi

原创 React Hooks 传值

【代码】React Hooks 父组件获取子组件方法和属性。

原创 token的无感刷新

【代码】token的无感刷新。

原创 React + antvX6流程图

【代码】React + antvX6流程图。

原创 React + antd斜线表格

【代码】React + antd斜线表格。

原创 Vue2 + Micro-app 实现微前端

micro-app 实现微前端

原创 Vue3 使用 Echarts

第一种方法// 下载echartsnpm i echarts -S<template> <div id="main" style="width: 600px; height: 400px"></div></template><script>import { onMounted } from 'vue'import * as echarts from 'echarts' // 使用echartsexport default {

原创 Vue3 + Vite2 后台项目基本搭建

Vue3 + Vite2 项目搭建项目搭建Vite.config.js 配置(非必要,根据项目需求配置)main.js项目搭建npm init vite-appProject-name: <your-project-name>Select a framework: 选择一个框架Select a variant: 选择语言Vite.config.js 配置(非必要,根据项目需求配置)import { defineConfig, loadEnv } from 'vite'impor

原创 vue-ele-sign 实现签名

npm i vue-ele-sign --save-dev <div class="elesigncode-content"> <vue-ele-sign ref="elesigncode" direction="direction" :pen="pen" :bgImg="bgImg" :imgType="imgType" :readOnly="readOnly" :vsConsole="true" class="sign" /> <div c

原创 Vue 在线预览PDF

预览pdfnpm install --save vue-pdf (我使用的版本 ^4.3.0) <pdf v-loading="isLoading" ref="pdf" v-for="i in numPage" :key="i" :page="i" :src="src" @page-loaded="handle($event)" />import pdf from 'vue-pdf'export default { components: { pdf }, data(

原创 Vue2 + Element ( Select 全选与反选 + 表头斜线)

这里写自定义目录标题静态数据动态数据表格斜线静态数据<template> <div class="configure"> <el-select v-model="orgData" size="small" multiple collapse-tags @change="selectAll" @remove-tag="removeTag"> <el-option v-for="item in list" :key="item.orgId"

原创 Echarts -股权图

<div id="main" style="height:100vh;width:100vw"></div><script type="text/javascript" src="./js/echarts.min.js"/> var myChart = echarts.init(document.getElementById('main')) var data = [{ name: '名称', root: true, value: 37

原创 vue - json格式预览

这里写自定义目录标题下载插件使用下载插件npm i -S vue-json-views使用<json-view :data="jsonViewData"></json-view>import jsonView from 'vue-json-views'components: { jsonView, }, // json数据jsonViewData: { errcode: 0, list: [ { 'data-month': '2

原创 vue2 + Echarts(4.2.1) 版本

Echarts 运用-数据均为数据模拟全国地图柱状折线图饼图折线图雷达图象限图手写的浮窗比例盒子+排序全国地图柱状折线图饼图折线图雷达图象限图手写的浮窗比例盒子+排序 <block1 :data="completeData" /> completeData: { lrwcl: [100, 90, 80, 70, 60, 50, 40], name: ['数据1', '数据2', '数据3', '数据4', '数据5', '数据6', '数据7'],