自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(7)
  • 收藏
  • 关注

原创 antv,图表和地图

前言echarts是比较流行的图标和地图框架,文档清晰,灵活,满足各种自定义。众多的api接口,让使用者犹如大海捞针,每一个细节都需要通过api慢慢调整,耗费开发者大量的时间精力。在这里补充一种新的图表地图框架,虽然做得不如echarts强大,适合快速开发节奏,让前端程序员在除了echarts以外还可以多一种选择。antvantv是蚂蚁金服团队打造的图表和地图框架(用过antd的同学应该知道这个团队)。官方网站:https://antv.vision/zh/aboutantv包含G2(就是图表

2020-07-27 15:55:15 7060 3

原创 锚点设置的几种方法(可以不改变url)

所谓锚点,就是设置同一页面的快捷点,通过点击固定在屏幕上的本页导航栏,从而迅速跳转到页面的某个位置。锚点的运用十分广泛,一般出现在某个网站的首页,或者内容较多的网页中介绍几种实现锚点的方式实现第一种 通过a标签设置锚点(会改变当前地址的路由!!!)a标签除了跳转页面以外,还可以设置锚点,通过给a标签的href属性,给对应的元素绑定同样的id值,就可以同一页面内的跳跃。对应的元素标签也可以是a标签,给a标签设置对应的name值,实现同一页面内的跳跃。上代码//快捷导航设置//a标签的hre

2020-07-21 12:06:28 4601

原创 react-umeditor react富文本

react项目通过react-umeditor使用富文本编辑器,官网github:https://github.com/liuhong1happy/react-umeditor安装npm install react-umeditor --saveyarn add react-umeditor使用import React from 'react';// 引入react-umeditorimport Editor from 'react-umeditor';//引入的自定义图片下载设置,在

2020-07-17 15:47:24 1122 4

原创 react-cropper的使用,react图片裁剪

react-cropperreact-crepper的github:https://github.com/react-cropper/react-cropper不想看官方文档的,就直接看如何使用吧。安装npm install --save react-cropper //或者yarn add react-cropper** 组件内使用**import React, { useRef } from 'react';/** 引入react-cropper */import Cropper

2020-07-17 15:00:19 3745

原创 qs.stringify和qs.parse你用过吗?

看到stringify最容易让人想到JSON.stringify.两种方法都是数据类型的转换。言归正传,qs.stringify,将对象数据转为字符串,并用&进行拼接。看到&,就知道了qs.stringify的作用,用于前后端参数传递的时候。前端通过这个方法,将要传递的对象转换成字符串,拼接成带参数的请求地址。安装qsnpm install qs yarn add qs按需加载,如果你只需要用到qs中的stringify的话。import stringify from 'qs/

2020-07-15 15:37:08 1670

原创 前端代码规范速成 prettier - code formatter

在vscode编译器中搜索并安装prettier - code安装完成后在项目的根目录会多一个.prettierrc.js文件,在这个文件里面可以配置代码规则module.exports = { // 一行最多 100 字符 printWidth: 100, // 使用 2 个空格缩进 tabWidth: 2, // 不使用缩进符,而使用空格 useTabs: false, // 行尾需要有分号 semi: true, // 使用单引号 singleQuot.

2020-07-07 16:18:39 19626 2

原创 Promise.all多个异步方法完成后,

Promise十分好用,当出现一个异步的请求或者方法,可以使用Promise 通过then或者catch执行接下来的代码。当然也可以用过async await的方式,,将异步转为同步的方式处理。可当你遇到一个这样的需求:必须要等多个异步方法或者操作执行完成之后,执行下一步操作,该怎么办?比如多张图片的上传,如果用一个promise链(在一个promise.then里面再调用一个promise)这样非常麻烦,而且不科学。Promise.all的使用场景就诞生了展示一个promise.all()上传多张

2020-07-07 11:27:30 1307

国家或地区,中文名称与对应的地理坐标

国家或地区,中文名称与对应的地理坐标 阿富汗: [67.709953, 33.93911], 安哥拉: [17.873887, -11.202692], 阿尔巴尼亚: [20.168331, 41.153332], 阿联酋: [53.847818, 23.424076], 阿根廷: [-63.61667199999999, -38.416097], 亚美尼亚: [45.038189, 40.069099], 澳大利亚: [133.775136, -25.274398], 奥地利: [14.550072, 47.516231], 阿塞拜疆: [47.576927, 40.143105], 布隆迪: [29.918886, -3.373056], 比利时: [4.469936, 50.503887], 贝宁: [2.315834, 9.30769]}... 当然还有更多内容,如果你想添加其它的地区及对应的经纬度,请按照 经度在前(东经E为正,西经W为负),纬度在后,(N北纬为正,S南纬为负)这样的方式添加。

2023-02-23

常用国家或地区 英文简写与地理坐标

常用国家或地区 英文简写与地理坐标, 经度在前(东经E为正,西经W为负),纬度在后,(N北纬为正,S南纬为负) 如果你想在文件的基础上添加都写地区的经纬度,请遵循上面的规则。 AF: [67.709953, 33.93911], AX: [19.9167538, 60.1749041], AO: [17.873887, -11.202692], AL: [20.168331, 41.153332], AS: [-170.43, -14.16], AI: [-63.0500809, 18.2232298], AG: [-61.48, 17.2], AE: [53.847818, 23.424076], AR: [-63.61667199999999, -38.416097], AM: [45.038189, 40.069099], AW: [-70.02, 12.32], AU: [133.775136, -25.274398], AT: [14.550072, 47.516231]

2023-02-23

世界各国地图geojson大全

世界各国地图geojson大全

2022-11-15

flexible.js 实现响应式布局

我将flexible限制的540px直接注销掉了,无论分辨率多大,都能实现响应式。 flexible.js 配合vscode的插件cssrem使用,非常方便。 我用来做大屏展示的项目,因为没有规定屏幕的分辨率具体是多大,所以flexible是一个不错的选择。

2022-11-01

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除