梦你阳光-CSDN博客

原创腾讯、百度、高德、谷歌、天地图地图瓦片

以下是各地图的瓦片地图地址，可以在QGIS中加载，也可以在openlayer或leaflet前端页面中加载。腾讯、百度、高德，加上谷歌和天地图应该足够用了。腾讯、高德是GCJ02坐标系，百度是BD09坐标系，谷歌、必应是WGS84坐标系，天地图是CGCS2000坐标系，瓦片地图都是平面墨卡托投影。WGS84和CGCS2000坐标系，近似认为它们相等就可以了。高德路网：https://wprd01.is.autonavi.com/appmaptile?x={x}&y={y}&z=.

2021-11-17 18:14:10 4334

原创 2021-11-10 调用最底层方法实现复制功能（可在es6语法模板字符串中使用）

// 最底层方法调用复制window.copyText = function (i) { console.log(i) let copyDOM = document.getElementById("imsi-num-"+i); let range = document.createRange(); window.getSelection().removeAllRanges(); range.selectNode(copyDOM); window.getSelection()..

2021-11-10 11:33:39 188

原创 react 常用方法整理

import React from 'react'const utils = { isObject: params => Object.prototype.toString.call(params) === '[object Object]', isArray: params => Object.prototype.toString.call(params) === '[object Array]', isFunction: params => Object.protot.

2021-11-04 10:27:00 197

原创格式化数字展示

// 格式化数字展示 numberFormat:(num = '') => { let str = typeof num == 'string' ? num : JSON.stringify(num); if (!str) { return "--" } let len = str.length; let tem = null; if (len > 8) { let str1 = str.substr...

2021-11-04 10:22:54 102

原创 Highcharts利用画3d饼状图

import React, { useEffect, useRef, useState } from 'react'import Highcharts from 'highcharts'import HighchartsReact from 'highcharts-react-official'import Highcharts3d from 'highcharts/highcharts-3d'function Home (props) { const staffname = us.

2021-10-20 08:37:10 158

原创 div 等标签强制换行强制不换行

word-break:break-all; //只对英文起作用，以字母作为换行依据word-wrap:break-word; //只对英文起作用，以单词作为换行依据white-space:pre-wrap; //只对中文起作用，强制换行white-space:nowrap; /制不换行，都起作用...

2021-10-19 14:29:13 234

原创 node-scss踩坑日记&js踩坑日记

node-scss踩坑日记scss会根据当前的node的版本来安装不同的node-scss版本，举个例子来说，在同一个项目中，你当前的版本是8.11.2，然后你更换了12.x.x的版本，这样你再次启动项目，项目就会报错。解决方法重新 npm rebuild node-sass或者 npm install node-scss@当前版本号js踩坑日记js（需要对图片上的文字进行定位时）获取图片原始宽度的时候建议直接查看本地当前图片宽度，尽量不要用naturalWidth来获取图片的原始宽度，用nat

2021-09-26 17:32:17 142

原创情人节玫瑰花表白源码

//情人节玫瑰花表白源码var canvas = document.getElementsByTagName(‘canvas’)[0];var context = canvas.getContext(‘2d’);var a = context; var b = document.body;var c = canvas;document.body.clientWidth; var zBuffer = []; var SIZE = 777;canvas.width = canvas.hei

2021-05-25 11:45:37 334

原创自定义打印功能

首先讲打印的模板方式静态目录文件夹下文件的内容<script> //回调函数ee function reciveMsg(e) { console.log(e) let { data } = e // document.body.innerHTML = e.data // 模拟假数据 let projectData = { name: "张三", code: "001", person: "小明"

2021-05-25 11:26:04 199

原创 react 导出功能

// 导出let toExcel = function (event) { // 获得表格数据的html标签和文本d; let tem = ` <table border="1" cellspacing="0 " cellpadding="6"> <tr> <th colspan="12">采购合同列表</th> </tr> <tr> <td>序号</td> &

2021-05-25 11:17:21 246

原创 Webpack基本概念

Webpack概念环境： node.js10版本以上；都是基于node的环境运行的首先，Webpack是什么？Webpack是一种前端资源构建工具，一个静态模块打包器(module bandler)在webpack看来，前端的所有资源文件(js/json/css/img/less…)都会作为模块处理（在模块化编程中，开发者将程序分解成离散功能块(discrete chunks of functionality)，并称之为模块）都会打包成对应的静态资源(bundle)。Webpack五个核心概念

2020-11-13 22:45:17 104 2

qq_51424616的博客