React设置自定义滚动条样式
1、全局配置在global.less文件添加如下配置。/*定义滚动条高宽及背景高宽分别对应横竖滚动条的尺寸*/::-webkit-scrollbar{width:5px;height:10px;}/*定义滑块内阴影+圆角*/::-webkit-scrollbar-thumb{background:rgba(0,0,0,0.2);...
vscode常用操作快捷键
快捷键描述shift+alt+↓快速复制当前行到下一行ctrl+enter新起一行ctrl+shift+k删除当前行
ant-design-pro的react由版本16升级到版本17
本文介绍如何将ant-design-pro的版本由react16升级到react17。1、升级react版本npminstall--savereact@17.0.22、升级react-dom版本npminstall--savereact-dom@17.0.23、升级types/react版本npminstall--save-dev@types/react@17.0.374、升级types...
React非标准attribute异常告警：warning: React does not recognize the xxx prop on a DOM element
1、错误提示Warning:ReactdoesnotrecognizethedisableValueproponaDOMelement.IfyouintentionallywantittoappearintheDOMasacustomattribute,spellitaslowercasedisablevalueinstead.Ifyouaccidentallypasseditfromapare...
vscode远程开发和调试
**通过vscode发布的远程编程与调试的插件RemoteDevelopment，可以在很多情况下代替vim直接远程修改与调试服务器上的代码，同时具备代码高亮与补全功能，就和在本地使用vscode一样。**1、安装插件RemoteDevelopment安装成功后vscode左下角会有远程连接的图标展示2、远程连接点击左下角的远程连接图标，或者使用cmd+shift+p快捷键打开命令输入窗口，输入R...
ant-design-pro使用umi build打包内存溢出解决办法
1、内存溢出错误提示FATALERROR:Ineffectivemark-compactsnearheaplimitAllocationfailed-JavaScriptheapoutofmemory2、错误原因分析这个报错的原因就是Node内存不足所导致的，Node是基于V8引擎，在一般的后端开发语言中，在基本的内存使用上没有什么限制，但是，在Node中通过JavaScript使用内存时只能使用...
vscode安装包下载速度太慢解决办法
本文介绍如何解决在国内通过官网下载vscode安装包速度过慢的问题。1、访问vscode官网访问vscode的官方网站：https://code.visualstudio.com/2、点击下载进入下载页面3、更换下载地址用国内的镜像服务器地址替换官网下载地址。点击右键复制下载地址如：https://az764295.vo.msecnd.net/stable/7db1a2b88f7557e0a4...
React使用puppeteer实现e2e自动化测试
本文主要介绍如何在React中使用puppeteer给你讲实现e2e自动化测试。e2e端到端测试也叫冒烟测试，用于测试真实浏览器环境下前端应用的流程和表现，相当于代替人工去操作应用。1、引入puppeteer组件引入puppeteer作为E2E测试的工具，puppeteer是GoogleChrome团队官方的无界面（Headless）Chrome工具。它默认使用chrome/chromium作...
微信开发者工具更换存储目录将C盘数据User Data迁移到D盘
本文介绍如果将微信开发者工具的存储目录将C盘数据UserData迁移到D盘，解决C盘占用空间太大的问题。1、在D盘新建文件夹路径首先，需要在D盘下新建一个文件夹用来存放微信开发者工具的数据。如：D:\微信开发者工具2、将C盘的AppData文件夹剪切到D盘打开工具默认的userdata的文件夹C:\Users****\AppData\Local\微信开发者工具\UserData，然后剪切这个目...
将富文本html内容转换为纯文本,并限制展示字数长度
本文简介如果将富文本html的内容转换为纯文本，同时限制展示的字数长度，多余的字数用省略号展示。1、将富文本html内容转换为纯文本formatrichtext=(richtext,len=0)=>{letcontent=richtext.replace(/<.+?>/g,'');content...