- 博客(14)
- 收藏
- 关注
原创 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
原创 使用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 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关注的人