自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

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

原创 自定义hook实现数据请求逻辑

自定义hook实现数据请求逻辑

2024-04-08 09:52:07 411

原创 react js 把字符串中特定的{}替换成input输入框,并提交全部数据

把{}替换成input输入框,并且以key1,key2为input的id。千山鸟{key1}, 万径人{key2}

2023-05-12 15:02:35 383

原创 js 数组对象的map方法

深拷贝给obj,不在原数组中直接操作item的值,而是操作newItem中值,这样原数组就不会改变了。那如果不想改变原数组怎么办呢,有人就提出了,concat复制一个数组,然后再操作新数组可以吗?大家一般都会说,map不会改变原数组,foreach会改变原数组。总而言之,在数组对象中,map只要不直接对item进行赋值操作,其实就不会影响原数组的啦。如果数组元素是一般数据类型,那确实map不会改变原数组。发现,原数组以及copy的新数组都发生了改变。接着,我改变了新数组,看看发生了什么?

2023-03-15 16:40:16 652

原创 js中判断各种类型是否为空值

js中判断空值的操作

2023-03-15 15:25:28 670

原创 使用braft-editor踩坑记录

后续需求有变动,需要添加额外的上传按钮,可以上传图片和office文档, 发现之前简单的复制粘贴图片的方式满足不了新的需求。之后发现braft-editor官网中提到可以结合antd组件来做一系列的操作,所以毋庸置疑的选择了和Upload结合使用方式。allowPasteImage: true, // 是否允许直接粘贴剪贴板图片到编辑器。判断文件是图片还是其他格式,图片就转成IMAGE,其他文件,转成LINK。上传图片开始使用的media属性,能直接粘贴截图,很方便。(可上传图片、文档格式)

2022-11-29 16:50:33 2301

原创 react braft-editor 结合antd 自定义上传文件

我的需求是,上传word, ppt, excel, 以及图片。感觉解析文件里面的文字回显方式,不太友好。所以改了一下思路:上传的文件先把文件存到文件服务器,再来判断文件如果是图片类型,那就直接显示出来。如果是其他类型的,那就添加一个超链接来显示。超链接点击直接预览或下载文件。(我做的是直接下载文件)。//上传文件路径//上传文件);//初始化富文本内容};} else {

2022-11-15 11:38:30 765

原创 react + openlayer实现克里金插值效果

主要用了turf + openlayer 实现克里金插值

2022-07-06 10:30:13 521 2

原创 react + openlayer测距实现

react openlayer 实现测距功能效果图:

2022-07-06 10:23:58 333 2

原创 vue实现自动打字效果

vue, 自动打字带光标效果

2022-04-24 20:10:56 923 2

原创 vue draggable图标拖拽效实现

vue, draggable 拖拽效果

2022-04-24 20:08:44 949

原创 react hooks 列表无缝滚动组件效果实现

react hooks 列表无缝滚动效果实现import React, { useEffect, useRef } from 'react';import './scrollList.scss';export default function ScrollList(props) { const scrollBox = useRef(); const common1 = useRef(); const common2 = useRef(); const timer = useRef(n

2022-04-13 16:21:28 1064

原创 react webpack配置环境变量

lib/env.jsconst { join } = require('path');const ENV = process.env.ENV;const getEnv = () => { const path = join(process.cwd(), `.env.${ENV}`); const dotEnv = require('dotenv'); const result = dotEnv.config({ path, }); const c = {};

2022-03-23 15:59:37 1366

原创 react+antd table 前端导出excel

react+antd table 前端导出excel在工作当中,经常会遇到前端需要导出excel,在不分页的情况下,可以这样来做。主要是用到了js-export-excel库。antd table表头的处理,可以先把父子表头合并单元格,进行扁平化处理。如下: if (columns.length) { columns.map((o) => { if (o.hasOwnProperty('children')) { // 合并单元格 o.chi

2021-12-22 20:55:50 2165 2

原创 git基础操作,git命令,git分支切换

git基础操作1.一般拿到一个git 地址的话,默认在master分支,需要做下面的操作到自己的分支进行开发2. 在自己的分支开发到一定程度,需要合并到develop分支。需要做下面的操作3.接下来把develop分支最新代码合并到自己的分支1.一般拿到一个git 地址的话,默认在master分支,需要做下面的操作到自己的分支进行开发git checkout -b develop //新建并切换到本地develop分支git pull origin develop //拉取远程的develop分支

2021-09-23 10:14:05 385

空空如也

空空如也

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

TA关注的人

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