sg_knight的专栏

在Web开发中，我们经常需要处理HTML内容，但有时为了特定的目的，比如文本处理、搜索或显示在非HTML环境中，我们可能希望将富文本HTML转换为纯文本。这里，我们将探讨如何使用JavaScript来实现这一功能。

在Web开发中，我们经常需要获取当前页面的URL路径，以便进行导航、数据加载或其他与页面相关的操作。JavaScript提供了几种方法来帮助我们实现这一功能。

随着前端项目的越来越多，不同项目使用的nodejs版本可能不一样，导致在切换不同项目时需要更换不同的nodejs版本，非常麻烦。本次推荐使用nvm进行多个nodejs版本的统一管理。

本文介绍如何通过修改配置文件解决yarn安装依赖速度太慢的问题。

在react中可以通过引入react-bmapgl包来使用百度地图。本文介绍如何在react中按需引入百度地图，减小引入包文件的大小。 通过npm运行以下命令安装react-bmapgl包。2、默认引入方式 如果按如下的导入方法会直接把整个包导入进来，打包文件会非常大。 按需引入后，打包文件大小减少很明显：新时代农民工 （QQ：277718357）...

1、全局配置 在global.less文件添加如下配置/*定义滚动条高宽及背景 高宽分别对应横竖滚动条的尺寸*/::-webkit-scrollbar { width: 5px; height: 10px;}/*定义滑块 内阴影+圆角*/::-webkit-scrollbar-thumb { background: rgba(0,0,0,0.2); border-radius: 10px;}/*定义滚动条轨道 内阴影+圆角*/::-webkit-scrollbar..

1、升级react版本npm install --save react@17.0.22、升级react-dom版本npm install --save react-dom@17.0.23、升级types/react版本npm install --save-dev @types/react@17.0.374、升级types/react-dom版本npm install --save-dev @types/react-dom@17.0.11新时代农民工...

1、错误提示Warning: React does not recognize the `disableValue` prop on a DOM element. If you intentionally want it to appear in the DOM as a custom attribute, spell it as lowercase `disablevalue` instead. If you accidentally passed it from a parent c...

e2e端到端测试也叫冒烟测试，用于测试真实浏览器环境下前端应用的流程和表现，相当于代替人工去操作应用。1、引入puppeteer组件引入puppeteer作为 E2E 测试的工具，puppeteer 是 Google Chrome 团队官方的无界面（Headless）Chrome 工具。它默认使用 chrome / chromium 作为浏览器环境运行你的应用，并且提供了非常语义化的 API 来描述业务逻辑。import puppeteer ...

1、引入开源文件TrackAnimation_min.js在react中使用react-load-script加载scrip文件1.1 在package.json文件中引入react-load-scrip"react-load-script": "^0.0.6",1.2 在文件中导入react-load-scripimport Script from 'react-load-script';1.3 加载rackAnimation_min.js文件render() {

1、创建基本地图<Map center={{ lng, lat }} zoom="11" style={{ height: '39vh'}} enableScrollWheelZoom ref={this.mapRef}> </Map>2、实现驾车规划const driving = new BMapGL.DrivingRoute(this?.mapRef?.current?.map, { rend

获取当前页面路由路径：const urlParams = new URL(window.location.href);const pathname = urlParams?.pathname;console.log("pathname:", pathname);

1、问题描述：Can't perform a React state update on an unmounted component. This is a no-op, but it indicates a memory leak in your application. To fix, cancel all subscriptions and asynchronous tasks in the componentWillUnmount method2、解决办法： componentWil

1、安装style-loader和css-loader依赖cnpm i style-loader css-loader -D2、在webpack.config.js文件增加loader配置module: { //所有第三方模块的配置规则 rules: [ {test: /\.js|jsx$/, use: 'babel-loader...