xuedong1103-CSDN博客

原创 dhtmlxGantt 甘特图使用

【代码】dhtmlxGantt 甘特图使用。

2023-07-06 17:37:27 729 1

原创 vue 中实现结构图 vue-org-tree

vue 实现组织结构图 (vue-org-tree)

2023-02-06 16:11:12 574

一、html+css1、css 实现元素水平垂直居中1.1绝对定位（已知宽高） width:100px; height： 100px; position: absolute; left: 50%; top: 50%; margin-left: -50px; /*宽度一半*/ margin-top: -50px;/*高度一半*/1.2未知高度 position: absolute; left: 50%; top: 50%; transform: translat

2022-05-15 22:27:19 2461

原创前端实现video播放

前端实现视频播放浏览器可直接支持播放的视频格式包括：.mp4,.WebM,Ogg其他格式可能需要转码或者通过插件实现播放，我这里仅考虑这三种格式<video controls src="" id="videoId" autoplay></video>controls: 是否显示视频播放控件autoplay：当视频加载完成或是否自动播放preload：预加载loop：循环播放muted：静音video 上时间包括播放：play();暂停：pause();具

2022-04-23 15:17:52 8585

原创服务端无法访问问题 Provisional headers are shown

**谷歌浏览器认为 6666~6669端口有风险，所以给封了。这样，我们在阿里云或者其他服务器上开放 6666 ~ 6669 端口的时候，使用谷歌浏览器是无法访问的**// 在和后端联调时，接口明明postman测试能通，ip也能ping 通，但是前端请求数据就是出错报Provisional headers are shown最后发现是端口问题，（后端使用6666作为端口导致的）...

2022-03-29 21:10:07 207

原创地图图层运用

package.json“@supermap/iclient-classic”: “^10.0.0”,init = () => { layer = new SuperMap.Layer.TiledDynamicRESTLayer('城市图层', url); sceneryLayer = new SuperMap.Layer.TiledDynamicRESTLayer('航拍图层', sceneryUrl); satelliteLayer = new SuperMap.Layer.Til

2022-03-29 21:06:44 276

原创原生 table 浏览器 border 粗细不一致（谷歌90版本以后） table兼容问题

.formTable{ border-spacing: 1px; background-color: rgba(201,201,201,1); /*边线颜色*/ border-collapse: separate; }td ,tr{ background-color: #fff;}谷歌更新到90版本后，border-collapse:collapse ; 属性出现问题导致，border 出现宽度不一![在这里插入图片描述](https://img-blog.csdni

2021-09-02 17:11:19 2820 1

原创生成pdf并上传

import html2Canvas from 'html2canvas';import jsPDF from 'jsPDF';import reqwest from 'reqwest';// 点击生成pdf okCreatePDF = () => { this.createPDF().then(( res ) => { this.uploadPdf(res); // 在then 中获取返回的文件 })}// 生成pdf 文件createPDF = ()

2021-07-16 17:44:31 307

原创 echarts实现关系图谱

let contacterRelationOption = { tooltip: { trigger: 'item', formatter: (params) => { if(params.dataType == "node"){ return params.data.name + '：'+ params.data.value; }

2021-06-07 11:23:21 385

原创生成pdf ,图片不显示问题

// 由于图片跨域导致不显示// 设置属性 allowTaint: true,useCORS: true html2Canvas(document.getElementById(`id`),{ allowTaint: true, useCORS: true }).then(function (canvas) {})

2021-03-09 15:59:10 3233

原创 antDesign 修改滚动条样式

.ant-table-body{ &::-webkit-scrollbar { height: 5px; } &::-webkit-scrollbar-thumb { border-radius: 5px; -webkit-box-shadow: inset 0 0 5px red; background: #ccc; } &::-webkit-scr...

2021-02-19 16:57:08 2173

原创前端生成excel

// import CreateExcel from 'js-export-excel' //使用这个插件// dataTable 数据createXlsx = (dataTable) => { let option:any = {} option.fileName = '文件名称' option.datas = [ { sheetData: dataTable, sheetName: 'sheet', she

2021-02-05 17:36:56 296

原创图片转base64格式

convertImgToBase64 = (url, callback?: any, outputFormat?: any) => { const self = this; var canvas: any = document.createElement('CANVAS'), ctx: any = canvas.getContext('2d'), img = new Image; img.crossOrig

2020-12-22 09:43:46 97

原创动态获取阿里iconFont图标

/** * 获取阿里图标列表 * @param {String} url 阿里巴巴图标URL(.css) */ getCssJson(url) { const xhr = new XMLHttpRequest() xhr.open('GET', url) xhr.onreadystatechange = () => { if (xhr.readyState === 4 && xh.

2020-11-23 14:13:22 322

原创 react中全屏与退出全屏

// 全屏 fullScreen = () => { const element = document.getElementById(this.state.id); if (element.requestFullscreen) { element.requestFullscreen(); } else if (element.mozRequestFullScreen) { element.mozRequestFullScreen(); } else if (element

2020-11-17 20:04:11 697

原创 antDesign表格自定义展开图标

<Table loading={loading} dataSource={resourceList} rowSelection={rowSelection} columns={this.state.ShowColumns} bordered rowKey={(record) => record.id} scroll={{ x: true }} expandIcon = {this.expandIcon}/>// 图标展开样式修改 expandIcon = (prop

2020-11-06 15:43:57 2037 1

原创 antDesign table 默认排序，解决defaultSortOrder不生效（antDesign 3.X）

state = { sortedInfo:{ columnKey:'默认排序的项', order: 'ascend' },//默认排序}column = [{ title: "默认排序的项", dataIndex: '默认排序的项', key: '默认排序的项', sortOrder: this.state.sortedInfo.columnKey === '默认排序的项' && this.state.sortedInfo.order,

2020-11-06 15:38:26 8639 2

原创文件下载兼容问题

export function downloadFile(url, fileUrl, filename) { fileUrl = window.encodeURI(fileUrl); message.success('下载中,请稍等...', 4); fetch(`${getBaseUrl()}${url}?v=${Math.random()}`, { method: 'GET', credentials: 'include', headers: new Headers(

2020-11-05 14:11:00 124

原创 android studio 安装过程中出现的问题

android studio 安装过程中出现的问题最近公司打算做移动端开发，就需要安装android studio 这个过程相当繁琐各种错误，查了很多资料。1、首先是gradle 下载过慢，甚至根本下不下来，于是只能去官网下载gradle的压缩包，官网：https://services.gradle.org/distributions/选择适合的，这个过程也不快，但至少能看到希望(因为我的版本是gradle-5.4.1-all)2、下好后到c盘你的用户.gradle\wrapper\dist

2020-08-12 14:09:05 377

原创 react中横向导出表格的pdf文件

react中导出表格pdf文件```javascriptimport html2Canvas from 'html2canvas';import jsPDF from 'jsPDF';// tableShow 是讲要导出的表格展示出来（因为我的表格太长，正常是隐藏状态，导出是让表格完全显示）createPDF = (txt) => { if (txt == 'one') { this.setState({ tableIsShow: true,

2020-08-12 13:56:42 652

原创 react中实现pdf及.png,.jpg预览

import { getDotStr, } from '@/utils/utils';import { Card, Modal, Icon, } from 'antd';import PropTypes from 'prop-types';import React, { Component } from 'react';import { Document, Page } from 'react-pdf';interface IComponentProps { numPages?: any

2020-08-12 13:51:20 783 2

weixin_46880303的博客