- 博客(14)
- 收藏
- 关注
RSS订阅原创 echarts实现中国地图及下钻功能
在做可视化的一些项目中，我们经常遇到中国地图相关的一些问题，具体代码详见，如果需要地图相关的GeoJson，可直接点击进行下载。
2024-06-20 17:24:37
747
原创 React架构
我们知道，JS可以操作DOM，GUI渲染线程与JS线程是互斥的。所以和不能同时执行。所以React在浏览器每一帧的时间中，预留一些时间给JS线程，React利用这部分时间更新组件，预留的初始时间是5ms，这个再React17源码中体现。
2022-11-02 17:54:34
192
原创 关于el-tabs里面嵌套el-table,合计行不显示问题
今天我在用Vue2+element-ui写项目的时候，需要在el-tabs的子项里面嵌套一个el-table.本来是没有什么问题的，今天老板要求加上合计行的时候出现了问题，我发现合计行不显示，但是检查元素的时候el-table下面是有一个类名为el-table-foot这个dom元素的，这个合计行时而出现，时而消失，很奇怪。试了很多方法也没有解决，最后才想起了一个Vue的Api，nextTick，结合el-table的doLayout方法解决了。
2022-09-14 14:41:00
1474
原创 React后台管理系统最新版开发模板（可作为毕业设计），求start，GitHub链接......
本系统采用React18，vite3，react-router-domV6,i18next,集成，可直接对接接口快速开发，非常纯净
2022-08-30 17:54:50
396
原创 获取当月第一天及当月最后一天
//获取当月第一天export const getBeginningMonth = () => { var date = new Date(); date.setDate(1); var month = parseInt(date.getMonth() + 1); var day = date.getDate(); if (month < 10) { month = '0' + month } if (day < 10) { day = '0.
2022-03-16 11:44:23
333
原创 几行代码把JSON格式的数据转化为树结构
const data = [ { id: 1, pId: 0, chilren: [] }, { id: 2, pId: 0, chilren: [] }, { id: 3, pId: 1, chilren: [] }, { id: 4, pId: 1, chilren: [] }, { id: 5, pId: 2, chilren: [] }, { id: 6, pId: 2, chilren: [] }, { id: 7, pId: 3, chilren: [] }, .
2022-03-10 15:14:06
303
原创 Vue3.0+TS+el-element-plus封装的Dialog 对话框
<template> <div v-drag> <el-dialog ref="dialog" v-model="layer.show" :title="layer.title" :width="layer.width" center > <slot></slot> <template #footer v-if="layer.showBu.
2022-01-26 17:39:22
2382
原创 基于Vue3+TS封装的Table表格
<template> <div class="system-table-box"> <el-table v-bind="$attrs" ref="table" class="system-table" border height="100%" :data="data" @selection-change="handleSelectionChange" > .
2022-01-26 17:02:16
1912
原创 js滚动数字动画效果
代码复制，直接调用就好了。需注意！由于js不能精确到小数点后的0，（9.90）在JS中为9.9，所以不能用在有小数点的场景下，只能用在整数的情况下/** * 滚动数字 * @param {*DOM} DOM DOM对象 * @param {*Number} initNum 滚动初始值 默认值为0 * @param {*Number} targetNum 结束值 默认值为1000 * @param {*Number} speed 速度 默认值为10 */exp
2021-12-03 14:33:23
1733
原创 Vue项目npm run test 时遇到的ERROR（?.报错）
聊一下我今天Vue打包时遇到的一个错误npm run test> vue3-admin@0.1.0 test C:\Users\Administrator\Desktop\project\blinds_pos_admin> vue-cli-service build --mode testBrowserslist: caniuse-lite is outdated. Please run:npx browserslist@latest --update-dbWhy you
2021-11-30 10:38:39
11158
5
原创 Vue实现局部打印功能
我们知道用window.print()打印的话会打印整个页面，很多场景下这就不适用了，这是我们项目中的打印方法，希望能帮到你。在main.js中Vue.use(Print),然后全局this.$print("You want to print")const Print = function (dom, options) { if (!(this instanceof Print)) return new Print(dom, options); this.options = this.
2021-11-26 15:01:52
1652
4
原创 把JSON格式的数据转化为树结构
Vue把JSON数据做成树结构在工作中，我们常常会遇到下面的问题，就是把数据转换成树结构来展示或者处理，这个时候就需要对JSON格式的数据进行转化，话不多说，直接上代码。<script> getTreeData() { let dataArray = []; this.setTree.forEach((data) => { let parentId = data.parentId; if (parentId ===
2021-11-24 14:32:38
4154
原创 Vue基于Element-ui封装Select 选择器(可全选反选)
在Vue-element-ui中在element-ui中Select 选择器是不支持全选反选的，有些场景下，我们的下拉数据较多，我们不可能一个一个的选择，这是在我们的业务中常见的场景，所以我们把Element-ui中的Select选择器进行了一次简单的封装，让他支持全选反选.<template> <el-select multiple collapse-tags v-model="selectedArray" @change="changeSe
2021-11-24 12:32:25
1922
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人