- 博客(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
国家或地区,中文名称与对应的地理坐标
2023-02-23
常用国家或地区 英文简写与地理坐标
2023-02-23
flexible.js 实现响应式布局
2022-11-01
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人