position:sticky纯css实现粘性定位让元素滚到顶部固定

想要让某些元素(例如导航,概要)滚动到顶部后就悬停在顶部固定,可以通过postion:sticky纯css简单实现,而不用使用js使得代码很复杂。关于postion: stickyMSDN关于sticky的描述是这样的:元素按照文档的正常流定位..

javascript || 逻辑或 非布尔值用法

Logical OR (||) 概念当且仅当其一个或多个操作数为真时,一组操作数的逻辑或 (||) 运算符(逻辑析取)为真。 它通常与布尔(逻辑)值一起使用。 如果是,它返回一个布尔值。 然而,|| 运算符实际上返回指定操作数之..

@testing-library userEvent和fireEvent的区别

写react项目UT的时候@testing-library userEvent和fireEvent都能实现触发事件的功能,那么它们的区别是什么?fireEvent官方建议大多数项目都有一些 fireEvent 的用例,但大多数时候你应该使用@testing-library/user-..

npm ci和npm install的区别

关于npm cinpm ci命令和npm install类似,但是它更适用于自动化环境,比如测试平台、持续集成和部署——或者任何需要确保对依赖项进行全新安装的情况。npm ci和npm install的主要区别使用npm ci时,项目必须具有一个..

javascript使用正则RegExp匹配到的值replace替换

有这么一个需求,有一个文档列表,我通过输入关键字筛选出查找的文档。constregex=newRegExp(value,"gi");letnewList=articles.filter((x)=>{returnx.title.match(regex);});接着我希望将匹配的关键字通过样式设置问..

@testing-library/react单元测试getBy queryBy和findBy的区别

关于查询查询是测试库提供的在页面上查找元素的方法。 有几种类型的查询(“get”、“find”、“query”); 它们之间的区别在于,如果没有找到元素,查询是否会抛出错误,或者它是否会返回一个 Promise 并重试。 根..

Quartz.Net来实现C#中的定时任务

首先,你需要通过NuGet包管理器或手动下载并添加Quartz.Net库到你的项目中。using Quartz;using Quartz.Impl;public class MyJob : IJob{public Task Execute(IJobExecutionContext context){// 在这里编写你的任务..

Windows 下 exe 服务注册到 service 服务中

1添加服务sc create "Service name" binpath="D:\vv_test.exe" start=autovv_test.exe install2删除服务sc delete "Service name"3开启服务sc start "Service name"注册服务命令:sc create ServiceName binPath= 程..

GitHub Copilot 已沦为编程考试作弊的神器,正在“摧毁”初级开发者?

自 2021 年 6 月,微软发布 AI 代码建议工具 GitHub Copilot 以来,业界关于它的争议就没有断过。这不,继 Copilot 相继宣布收费、代码版权引发软件自由保护协会怒批之后,来自美国马萨诸塞大学阿默斯特分校计算机科..

Linux下执行的Shell脚本如何判断当前脚本执行是否有root权限

我们写Linux下执行的shell脚本,有时候我们需要在root权限下执行,如果当前没有root权限,则给出提示,并直接退出。可以使用如下代码实现:if [ $(id -u) != 0 ]; then echo You must run this script as root 12 ex..

如何使用js格式化json、css和scss

使用JavaScript格式化JSON要使用JavaScript格式化JSON,可以使用内置的JSON.stringify()函数。该函数将JavaScript对象转换为JSON字符串,并且可以传递参数来使输出的JSON字符串更具可读性。以下是使用JSON.stringify..

React获取url参数的几种方法

在React中获取URL参数的方法有以下几种:使用window.location.searchconst searchParams = new URLSearchParams(window.location.search);const id = searchParams.get('id');使用react-router-dom如果使用了react-r..

如何判断file input的文件来自存储还是相机?

在前端中,可以使用 JavaScript 来判断 file input 的文件是来自存储还是相机。可以通过判断文件的元数据信息以及文件的 lastModified 属性值来判断文件的来源。以下是一个示例代码,演示如何使用 JavaScript 判断 f..

progress设置颜色

<progress>标签是 HTML5 中用来表示进度条的元素,它通常用于显示任务的进度或者表单提交的进度。今天需要修改一个progress的样式,在谷歌浏览器的Element>Styles工具里找不到它的颜色的css样式。查了一下文档应该这..

js如何获取urlrefer

要获取浏览器中的引荐 URL,可以使用 JavaScript 中的 document.referrer 属性。以下是一个示例代码片段,它将打印出当前页面的引荐 URL:console.log(document.referrer);请注意,refer url 可能不可用,这取决于用..

ajax提交表单数据和上传文件

想要通过ajax异步提交表单,表单内包含要上传的文件。正常提交Post提交表单没有问题,那么通过jquery的ajax方法如何构建提交数据呢?下面以jquery的$ajax方法为例:letformData=newFormData(document.getElementById..

URL.createObjectURL上传图片生成blob预览链接

上传图片时,一般先让用户预览图片。现在通过URL.createObjectURL方法可以非常简单地获取一个blob的预览图片url。而不需要把文件转为base64或者其他的方法。它在各个主流浏览器也都兼容。下面用简单的例子实现一个上..

js对象自动属性绑定html模版插件

对于一些不是用React, Vue框架的前后端不分离的老网站,通过ajax请求数据后输出html页面比较繁琐,一般使用拼接html的方式。于是写了一个插件减少拼接html的工作量。Object.prototype.bindList=function(tpl,options..

angular switchMap的用法

Angular 中的 switchMap 是一个非常有用的操作符,它用于处理 Observable 流中的数据转换。在 Angular 中,当我们订阅一个 Observable 流时,它会返回一个 Subscription 对象,该对象用于取消订阅。而 switchMap 操..

js生成二维码 qrcode.js使用方法

在 JavaScript 中,可以使用第三方库来生成二维码,其中最常用的是 qrcode.js。以下是使用 qrcode.js 生成二维码的示例代码:首先,在 HTML 文件中引入 qrcode.js 库文件:<script src="https://cdn.staticfile.org/..
返回顶部

微信分享

微信分享二维码

扫描二维码分享到微信或朋友圈

链接已复制