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...

React使用百度地图实现轨迹动画

​本文介绍如何在react中使用百度地图实现轨迹动画。1、使用百度地图实现轨迹动画​在react中使用react-load-script加载scrip文件1.1在package.json文件中引入react-load-scrip"react-load-script":"^0.0.6",1.2在文件中导入react-load-scripimportScript...

React使用百度地图实现驾车路线规划

1、创建基本地图<Mapcenter={{lng,lat}}zoom="11"style={{height:'39vh'}}enableScrollWheelZoomref={this.mapRef}><&...

package.json文件中npm安装依赖版本对应关系

package.json文件中npm安装依赖版本对应关系

React获取当前页面路由路径

获取当前页面路由路径:consturlParams=newURL(window.location.href);constpathname=urlParams?.pathname;console.log("pathname:",pathname);

VUE3 UI框架收藏

1、AntDesignVue官方网站:https://2x.antdv.com/components/overview/2、BalmUI官方网站:https://next-material.balmjs.com/#/3、WaveUI官方网站:https://antoniandre.[github](https://so.csdn.net/so/search?q=github&spm=100...

hexo添加新菜单

本文介绍如何通过hexo添加新的菜单,并在创建文章时选择分配到对应菜单。1、创建新的页面hexonewpagejava2、编辑配置文件_config.icarus.yml,在menu下添加新的菜单#Pagetopnavigationbarconfigurationsnavbar:#Navigationmenuitemsmenu:首页:/java:/categories&#x2F...

vscode通过扩展插件实现流程图绘制

在vscode中可以通过draw.io插件来实现流程图的绘制,支持导出多种类型的图片。1、在vscode扩展库中搜索draw.io2、创建以.drawio为后缀的文件你只要新建一个以.drawio为后缀的文件,你就可以直接在这个文件上全套使用drwaio的功能了,还不需要网站上那一套初始化的流程,使用过程中完成和网站没有任何的区别。3、导出文件或图片选择菜单文件—导出,可以导出文件类型(svg、p...