- 博客(49)
- 收藏
- 关注
RSS订阅原创 脚手架搭建项目（create-react-app）常见报错汇总
1、The slice reducer for key "errors" returned undefined during initialization. If the state passed to the reducer is undefined, you must explicitly return the initial state.2、在useEffect中进行请求，请求执行两次
2022-08-26 11:27:02
1076
原创 BizCharts柱状图、折线图混合展示数据
代码import React, { useState } from "react";import { Axis, Chart, Tooltip, Interval, View, Line, Legend, Point, getTheme,} from "bizcharts";const theme = getTheme();const data = [ { name: "orderCount", date: "2021-07-..
2022-03-10 18:11:20
1089
原创 CSS单/多行文本溢出省略号
在展示一段简介等场景下，文字内容很长，只想展示一行文字 或者 两三行文字信息，多余的展示省略号（...），由用户主动点击文字再进入详情页看完整介绍，此时就会用到单/多行文本溢出省略号。单行文本溢出样式overflow: hidden;white-space: nowrap; /* 指定元素内的空白怎样处理；nowrap-不换行； */text-overflow: ellipsis; /* 指定当文本溢出包含它的元素时，应该如何显示；ellipsis-显示省略符号 ... 来代表被修剪的文本.
2022-02-21 15:41:41
335
原创 React Antd4.x Upload实现图片上传后拖拽换顺序功能
功能说明做项目使用React Antd4.x Upload上传图片，实现批量上传。后期项目迭代更新，要求拖拽图片调整图片顺序。框架不支持，自己借助包写了一个上传且可以拖拽图片换位置的功能。下面是具体步骤功能实现安装“array-move”$ npm i array-move安装“react-sortable-hoc"$ npm install react-sortable-hoc --save...
2021-12-14 17:59:51
2044
原创 React实现导出
请求接口，后端返回文件流，前端实现导出的下载。直接上代码response.blob().then(blob => { const aLink = document.createElement('a');//创建a链接 aLink.style.display = 'none'; aLink.href = window.URL.createObjectURL(blob); const filename = "订单导出" + moment().format('YYYY-MM
2021-11-12 10:11:53
812
原创 如何添加Iconfont图标到项目及创建新项目？
1、搜索图标 或者 选择自己上传图标。2、 选择图标，加入库。3、点击购物车图标，如果已经创建项目直接选择点击确定；如果没有创建项目点击+创建项目。4、输入新项目名称，点击确定。5、 确定后进入“我的项目”页面，里面有添加的图标。6、图标添加完成，可以选择使用Unicode、Font class、Symbol三种方式引入图标。第一次创建无代码生成，点击生成代码，复制代码到项目，引入即可使用。...
2021-10-28 14:13:35
4065
原创 Iconfont在项目中的应用 - Unicode
1、打开iconfont网站【网址：iconfont-阿里巴巴矢量图标库】。2、导航栏找到“我的项目”【导航栏 - 资源管理 - 我的项目】。3、复制代码到全局样式文件。4、定义Iconfont的样式。.iconfont{ font-family:"iconfont" !important; font-size:16px;font-style:normal; -webkit-font-smoothing: antialiased; -web...
2021-10-28 14:10:01
405
原创 React启动项目提示：“Something is already running on port 3000.”
本地已经运行了一个React项目，在编译器中又打开一个项目，执行npm start启动，提示“Something is already running on port 3000.”想要同时在本地启动多个项目，在启动时可以执行：// 执行$ PORT=自定义端口号 npm start// 运行成功后，直接复制地址浏览器打开即可。http://localhost:自定义端口号或者http://本地ip地址:自定义端口号...
2021-09-28 16:51:33
421
原创 Git报错
下面分享了git报错及其解决方法：报错1:报错提示：git克隆远程仓库时，被拒绝了，原因是没有从远程仓库读取到，所以要确定远程的通道和远程仓库是否存在。解决办法：看本地是否有公钥，有没有设置到远程。如果没有设置公钥，按照git生成公钥的步骤生成并设置到远程仓库中。如果有公钥且远程设置过，可以重新生成公钥并设置到远程仓库中。查看本地是否生成公钥的命令：// 进入.ssh文件cd ~/.ssh// 查看当前目录下的文件ls// 查看公钥cat id_rsa.pub
2021-07-08 15:17:33
317
原创 Git解决冲突
Gitlab如何合并代码？出现冲突，如何解决?1、Gitlab合并代码第一步：选择分支，比较差异第二步：填写合并标题、描述，选择提交合并的人员，第三步：查看提交记录及做出改变的地方，提交合并2、出现冲突、解决冲突。提示有冲突解决冲突可以根据Gitlab提示的解决步骤处理或者步骤一：切换到目标分支git checkout 目标分支步骤二：拉取目标分支的代码到本地git pull步骤三：对比差异找出冲突git merge --no
2021-06-25 12:23:38
418
原创 create umi创建项目
1、通过 npm 安装 dva-cli。（确保版本是0.9.1或以上）npm install dva-cli -g查看dva的版本号：➜ dva -vdva-cli version 0.10.12、通过dva new创建新应用dva new 项目名称eg：dva new test-project执行dva new 创建一个新应用，提示：dva-cli已经废弃，清使用create-umi替代，详见https://umijs.org/guide/create-umi-app..
2021-06-23 16:16:41
2523
原创 React编译代码报错提示：React was passed “javascript:；“。
React编译代码提示报错信息：Warning: A future version of React will block javascript: URLs as a security precaution. Use event handlers instead if you can. If you need to generate unsafe HTML try using dangerouslySetInnerHTML instead. React was passed "javascript:;"
2021-06-08 10:06:04
3301
3
原创 Visual Studio Code提交代码提示“Make sure you configure your ‘user.name‘ and ‘user.email‘ in git.”
使用VSCode编译器提交代码到gitlab，编译器提示“Make sure you configure your 'user.name' and 'user.email' in git.”，如
2021-06-03 11:20:58
17252
原创 开发常用命名单词
应用场景对于初次接触的开发人员来讲，对于功能取名会纠结，下面整理汇总了业务中常用的单词，供以参考学习。内容letter 信；字母；take off 起飞；rate 率；quality 品质；weekend 周末；workday 工作日；doughnut 圆环图；环状物；dicide 分隔；middle/center 中间;production 生产；index 下标；last week 上周；retract 缩回；缩进；pick up 收起；business 商务；商
2020-09-21 19:05:04
625
原创 Web常用CDN地址汇总
应用场景写一个小的Demo效果或测试某某功能是否有效，我们不必新建一个项目或安装一些包，可以在本地新建一个html页面，引入对应的CDN地址，就可以使用相关功能进行测试。CDN地址汇总ECharts CDN地址：https://cdn.bootcdn.net/ajax/libs/echarts/4.8.0/echarts-en.common.min.js注：以上内容仅供参考。若在生产环境使用如上地址或要使用最新版的地址，请参考各官方网站核对后使用。...
2020-09-21 18:50:42
2468
原创 本地开发的静态页面如何在其他设备访问（http-server）？
应用场景本地开发了一个静态的html页面，开发完成后，想在手机或其他设备上运行，看一下实际运行效果。如何将本地开发的HTML页面运行在设备上？安装http-server。npm install http-server -g如图：进入当前项目所在的路径，启动http-server。http-server如图：3. 在手机浏览器或其他设备复制如上地址，访问地址即可访问项目。如图：后续未完,请继续关注,Thanks!☺...
2020-09-21 18:29:47
1931
原创 React 代码运行中出现的报错信息
报错信息报错语句描述Warning: Expected onClick listener to be a function, instead got a value of string type.翻译：期望’ onClick ‘侦听器是一个函数，而不是得到一个’ string '类型的值。错误代码解决代码说明这种报错不会影响代码运行，但是在console中会提示有错误。建议解决报错。后续未完,请继续关注,Thanks!☺...
2020-08-12 15:46:45
1558
2
原创 实时获取当前时间并展示在页面上
简介实时获取当前时间并展示在页面上，是很多地方常用的；在页面中做此展示以便查看时间。本文使用js通过一个小的demo实现效果。完整Code<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" conte...
2020-04-22 19:17:37
1480
4
原创 html基础知识Tips
html模板<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Docu...
2020-04-17 17:12:14
1173
原创 JS的test()方法
解析解释：js的test()方法用于检测一个字符串是否匹配某个格式。语法：RegExpObject.test(string)返回值：如果String中含有RegExpObject中匹配的字符返回true，否则返回false例子<!DOCTYPE html><html lang="en"><head> <meta charset="U...
2020-04-16 11:16:23
9095
原创 数组遍历高效解析
前言程序员在开发中会频繁的使用到数组遍历，熟练掌握数组遍历的各种方法能提高日常工作的开发效率，使得开发更加快捷、方便。简介数组遍历的方法多种多样，在开发中选择适当的遍历方法可使开发效率更高效、代码更整洁美观。数组遍历的方法formapforEacheverysomefilterfor…ofreducereduceRightfindfindIndexkeys...
2020-04-15 14:58:18
662
原创 moment的startOf、endOf使用
moment的startOf、endOf使用举例：今天的日期：2020-04-14 16:41[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-DY7Hq7O7-1586856394019)(/img/bVbF1sc)]startOf语法：moment().startOf(String);通过将原始的 moment 设置为时单位的开头来对其进行更改。en...
2020-04-14 17:32:55
33267
2
原创 BizCharts制作简单的柱状图
开发中，经常会用图表直接的展示数据，如何使用BizCharts制作柱状图呢？参考网址：https://bizcharts.net/简单柱状图的编码过程引入相关组件import React from "react";import { G2, Chart, Geom, Axis, Tooltip, Coord, Label, Legend, Vie...
2020-04-08 16:25:39
1754
原创 php可变变量与函数定义
可变变量 $a = “hello”; $hello = “world”; echo $$a;– 注:$$a 相当于${$a};打印结果为:world2.函数 –基本结构 function 函数名 ( ) { 函数体 }eg:function hello (){ echo "hello
2019-12-23 17:16:29
89
原创 数组的处理1
简介在开发中常会处理大量的数据，有时需要将数据处理为我们需要的格式，熟练的使用数组的各项操作，能极大节省开发效率。例子Demo1将arrOrigin的数据处理成arrNew的数据格式。arrOrigin let arrOrigin = [ { msgList: [ { ...
2019-12-23 17:14:56
112
1
原创 JS报错解析
简介报错是开发中常有的现象，遇到报错并不可怕，只要能够快速有效的看懂报错信息，并及时的纠正错误就可以解决报错。报错信息报错1报错现象...
2019-12-23 16:15:42
551
原创 React报错解析
简介报错是开发中常有的现象，遇到报错并不可怕，只要能够快速有效的看懂报错信息，并及时的纠正错误就可以解决报错。报错信息报错1报错提醒React does not recognize the clerkCode prop on a DOM element. If you intentionally want it to appear in the DOM as a custom at...
2019-12-23 10:26:08
937
原创 Git应用Tips
简介Git是一个版本控制工具，熟练的使用git能提高团队协作开发效率。功能使用同步分支说明： 远程分支库新建了一个分支，本地想要同步远程的分支。拉取远程分支内容说明：本地想要更新为远程某分支上最新的代码。后续未完,请继续关注,Thanks!☺...
2019-12-20 16:31:56
96
原创 展开操作符Tips
简介展开操作符可以简便的处理一个数组和对象。使用对象的展开说明：将对象的属性合并。 let obj = { name: 'www.baidu.com', realName: 'lalalla' }; let newObj = { ...obj, realName: '百度', Engl...
2019-12-19 11:36:46
111
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人