web技术 共 90 篇

前端如何判断用户是否离开了当前页面?

有几种方法可以检测用户是否离开了当前页面:1. visibilitychange 事件2. pagehide  事件  3. unload 事件4. beforeunload 事件5. 监听鼠标离开窗口
2025-07-02
0 429 0

JS 实现 div 自由拖拽

实现鼠标可以自由拖拽页面中的元素(比如div,图片等),首先为要拖动的元素设置 css 为绝对定位(或者使用transform,但使用绝对定位更常见),然后需要用到三个事件:mousedown, mousemove 和 mouseup。
2025-07-02
0 430 0

如何判断用户是否离开了当前页面?

在现代 Web 开发中,我们常常需要知道用户是否还停留在当前页面。这个看似简单的需求,背后却关联着用户体验、数据分析和系统性能等多个重要方面。
2025-06-26
0 551 0

js统计网站运行时长

js统计网站运行时长,显示年,天,时分秒
2025-05-30
0 625 0

50 个实用前端 JavaScript/CSS 代码片段

50 个实用前端 JavaScript/CSS 代码片段
2025-05-26
0 499 0

在 Vue 中获取当前域名主机(协议+域名+端口)

在 Vue 中获取当前域名主机(协议+域名+端口)可通过多种方式实现,以下是具体方法及适用场景的总结: 一、使用 window.location 对象(通用方法)
2025-04-15
0 649 0

纯 JavaScript 逐字显示效果

纯 JavaScript 逐字显示效果(循环打字机效果) 通过 setInterval 实现逐字输出,支持动态速度控制
2025-04-15
0 594 0

div css 让内容自动铺满可视窗口高度

div css 让内容自动铺满可视窗口高度
2025-03-28
0 648 0

nginx配置代理服务

一、基础代理配置优化 代理头信息传递 通过proxy_set_header确保后端服务器获取真实客户端信息,需补充Host和X-Forwarded系列头信息,避免后端服务因IP或协议识别错误导致异常:
2025-03-27
0 584 0

平板、手机、电脑分别如何设置css自适应@media screen and

针对 iPad、手机和电脑的媒体查询(@media screen)设置需根据设备屏幕尺寸和特性进行适配。以下是具体分类及推荐参数,结合主流设备的常见断点:
2025-03-27
0 714 0

vue垮域问题,打包大小报错,访问css文件错误处理

vue垮域问题,打包大小报错,访问css文件错误处理
2025-03-19
0 543 0

不用 var!let 和 const 的正确用法,被忽略的细节

目前,let 和 const 关键字已经取代了传统的 var,带来了更合理的作用域规则和更严格的使用限制。然而,即使是有经验的开发者,也会忽略一些微妙的细节。
2025-03-03
0 476 0

2025最新超多实用且免费调用的API 接口(建议收藏)

API(Application Programming Interface)接口,简单来说是一套预先定义的规则和协议,用于不同软件系统之间进行通信和交互。
2025-03-03
0 881 0

一行代码实现这些复杂功能,JavaScript太强大了!

JavaScript 以其灵活性和强大的表达能力而闻名,分享一些值得使用的 JavaScript 一行代码解决方案,这些代码简洁优雅却能实现复杂的功能。
2025-02-26
0 461 0

高并发场景下,如何提升Nginx并发性能?

在高并发场景下,优化Nginx的并发性能需要从架构设计、配置调优、操作系统参数调整等多个维度入手。以下是一个系统化的解决方案和案例分析:
2025-02-26
0 448 0

9个 JavaScript 单行代码提升你的编程水平

在不断发展的 Web 开发世界中,效率和优雅至高无上。作为 JavaScript 开发人员,我们一直在寻找编写更干净、更简洁的代码的方法,而不会影响可读性。进入:JavaScript 单行代码的神奇世界!
2025-02-26
0 406 0

10 个非常有用的 CSS 单行代码

CSS 是设计网站的工具之一。许多开发人员只了解 CSS 的基础知识,他们花了数小时才弄好布局,或者设计出总觉得缺少点什么的设计。
2025-02-18
0 393 0

Nginx性能优化

1.1 配置Nginx并发连接数:调整worker_processes和worker_connections参数以充分利用服务器资源,提高并发连接数。
2025-02-18
0 527 0

HTML+JAVASCRIPT+CSS打造动态网页!90%的人不知道的萤火虫特效秘诀!

HTML,JAVASCRIPT+CSS打造动态网页!90%的人不知道的萤火虫特效秘诀!
2024-11-28
0 608 0

霓虹灯文字效果(附源码)

纯css霓虹灯文字效果
2024-11-28
0 579 0