自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(5)
  • 收藏
  • 关注

原创 JSX代码;随着文章的阅读进度而动态显示百分比

钩子来追踪页面滚动,并在滚动时计算当前的阅读进度百分比。然后,它将百分比值渲染到 JSX 中,并显示在页面上。类添加一些 CSS 样式来实现将其定位在右下角。请确保你在 React 项目中使用此代码,并在 JSX 文件中引入。定位在右下角,你可以使用 CSS 来实现。的值会更新,从而触发组件的重新渲染,进而更新进度条的展示。这样,当用户阅读文章时,进度条将动态显示阅读进度。就会以浮动的形式显示在页面的右下角。上述 CSS 代码中,我们使用了。组件的是一个有效的百分比值。在上述代码中,我添加了一个。

2023-08-19 22:32:16 147

原创 Javascript给网页input,select元素复制后,无法保存地解决方法

赋值后点击有时候会报错有时候不会,一般报错的情况基本上属于这份代码用了某些前端框架,例如Vue之类的,Vue的input弄个双向绑定啥的,此时我们用原生的JS企图去控制输入框的值就会出现无效的情况(明明input上有数字或者字符但是点击按钮就是说你没填内容)。input和change事件默认情况下(作者设计的时候),只有当接收到键盘的按键(随便哪个键盘的按键消息),就会触发input和change事件,进而把输入框中的value赋值给预设的相关变量,到这一步才算走完整个设置value的过程。

2022-11-10 21:51:28 341

原创 Chrome扩展,定时弹出窗口

Chrome 扩展,循环弹出一个窗口,只需在background.js里添加这段号码即可。

2022-11-09 23:53:19 962

原创 chrome扩展

【代码】chrome扩展。

2022-11-09 19:55:12 768

原创 Chrome扩展,一键关闭所有页面

注意:Manifest.json里,如果action里已经定义了"default_popup",则上面功能会失效。“chrome.action.onClicked”事件和default_popu不能同时生效。点击右上角扩展图标时,会把当前所有打开的页面关闭掉。

2022-11-09 16:11:10 1070

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除