- 博客(5)
- 收藏
- 关注
原创 JSX代码;随着文章的阅读进度而动态显示百分比
钩子来追踪页面滚动,并在滚动时计算当前的阅读进度百分比。然后,它将百分比值渲染到 JSX 中,并显示在页面上。类添加一些 CSS 样式来实现将其定位在右下角。请确保你在 React 项目中使用此代码,并在 JSX 文件中引入。定位在右下角,你可以使用 CSS 来实现。的值会更新,从而触发组件的重新渲染,进而更新进度条的展示。这样,当用户阅读文章时,进度条将动态显示阅读进度。就会以浮动的形式显示在页面的右下角。上述 CSS 代码中,我们使用了。组件的是一个有效的百分比值。在上述代码中,我添加了一个。
2023-08-19 22:32:16 160
原创 Javascript给网页input,select元素复制后,无法保存地解决方法
赋值后点击有时候会报错有时候不会,一般报错的情况基本上属于这份代码用了某些前端框架,例如Vue之类的,Vue的input弄个双向绑定啥的,此时我们用原生的JS企图去控制输入框的值就会出现无效的情况(明明input上有数字或者字符但是点击按钮就是说你没填内容)。input和change事件默认情况下(作者设计的时候),只有当接收到键盘的按键(随便哪个键盘的按键消息),就会触发input和change事件,进而把输入框中的value赋值给预设的相关变量,到这一步才算走完整个设置value的过程。
2022-11-10 21:51:28 356
原创 Chrome扩展,一键关闭所有页面
注意:Manifest.json里,如果action里已经定义了"default_popup",则上面功能会失效。“chrome.action.onClicked”事件和default_popu不能同时生效。点击右上角扩展图标时,会把当前所有打开的页面关闭掉。
2022-11-09 16:11:10 1127
空空如也
Javascript如何选择Form IO下拉框
2022-11-11
TA创建的收藏夹 TA关注的收藏夹
TA关注的人