浏览器
-
网页变灰、黑白的的代码示例 HTML CSS filter
在HTML中让网页变黑白、变灰有一个最佳的解决方案，就是通过CSS来调整。 在CSS3中有一个属性filter，翻译中文过滤器的意思，开源调整网页元素包括图像的效果。 网页灰色黑白 这样使整个页面的灰度100%，也就变成灰色、...
-
css 强制换行与强制不换行的属性
white-space white-space 属性设置如何处理元素内的空白。 值 描述 normal 默认。空白会被浏览器忽略。 pre 空白会被浏览器保留。其行为方式类似 ...
-
科研论文写作利器：文献管理软件大比拼！
科研论文写作利器：文献管理软件大比拼！ 科研论文写作中，文献管理是必不可少的一环。繁杂的文献信息，如果没有一个得力的助手，简直是噩梦！这时候，文献管理软件就成了科研人员的“神器”。 市面上琳琅满目的文献管理软件，究竟哪款最适合你？...
-
windows资源管理器已停止工作怎么解决
当遇到“Windows资源管理器已停止工作”的问题时，可以通过多种方法来解决这一问题。以下是根据不同的原因和解决方案整理的一系列步骤，希望能帮到您： 1. 重启或关闭程序 这是最基本的解决方式之一。当遇到“Windows资源管理器...
294 windows -
如何使用 ZAP 对 Web 应用进行安全测试？
如何使用 ZAP 对 Web 应用进行安全测试？ ZAP（Zed Attack Proxy）是一款开源的 Web 应用安全扫描工具，它可以帮助你发现 Web 应用中的安全漏洞，例如 SQL 注入、跨站脚本攻击、文件包含漏洞等。ZAP ...
-
如何使用ZAP进行安全测试的详细步骤
在当今数字化时代，网站和应用程序的安全性变得愈发重要。作为一名网络安全爱好者，我发现使用OWASP ZAP（Zed Attack Proxy）这个开源工具进行安全测试是一个非常好的选择。接下来，我将详细介绍如何利用ZAP进行一次全面的安全...
-
如何识别钓鱼网站与邮件
在如今这个数字化时代，钓鱼网站和钓鱼邮件层出不穷，让人防不胜防。今天，我们就来聊聊如何识别这些潜藏在网路中的陷阱。 1. 针对网址进行细致检查 当你收到某个链接时，首先要注意的是网址是否正确。很多时候，钓鱼网站会使用与真正网站极为...
-
VP9编码算法的优缺点分析：H.265相比较，VP9在哪些方面具备优势？哪些场景更适合使用VP9？
VP9编码算法简介 作为Google开发的一种开放源代码的视频编解码器， VP9 是针对高效视频传输和存储而设计的，相比于它的前身 VP8 ，在压缩比和画质方面都取得了显著提升。而当我们将其与另一个广泛应用的视频编码标准——**H.2...
-
Burp Suite实战：如何揪出那些隐藏的XSS漏洞？
Burp Suite实战：如何揪出那些隐藏的XSS漏洞？ XSS（跨站脚本攻击）是Web应用中最常见也是最危险的漏洞之一。攻击者可以利用XSS漏洞在受害者的浏览器中植入恶意脚本，窃取用户的敏感信息，甚至控制用户的电脑。所以，学会使用专...
-
如何生成功能齐全的ZAP测试报告：详细步骤解析
在现代网络环境中，安全是每一个应用程序开发者必须重视的问题。使用ZAP（Zed Attack Proxy）等工具，可以有效地测试Web应用的安全性，并生成详细的测试报告。本文将详细介绍如何生成功能齐全的ZAP测试报告，以便帮助大家更好地理...
-
事件绑定对页面性能的影响有哪些？
在Web开发中，事件绑定是提高交互性的重要手段。然而，事件绑定对页面性能的影响也不容忽视。本文将探讨事件绑定对页面性能的影响，并提供一些优化建议。 事件绑定对页面性能的影响 内存占用 ：每个事件绑定都会占用一定的内存空间。...
-
从jQuery到现代JavaScript：事件处理技术的十年进化之路
2006年的web开发困局 在IE6仍占据65%市场份额的年代，开发者需要为简单的事件绑定编写兼容代码： if (element.addEventListener) { element.addEventListener(&#...
-
页面跳动惹人烦？Web Vitals指标CLS计算原理全解析！
大家好！今天我们来聊聊Web Vitals中的一个重要指标——CLS (Cumulative Layout Shift)，也就是累计布局偏移。相信大家都有过这样的体验：浏览网页时，突然页面内容跳动，本来想点击的按钮或者链接，结果点到了别的...
-
VAPID密钥对生成指南：OpenSSL与web-push库实战对比
你是不是也对Web Push推送消息时，那个神秘的VAPID密钥对感到好奇？别担心，今天咱们就来揭开它的神秘面纱，手把手教你生成VAPID密钥对，还会对比两种主流方法：OpenSSL命令行工具和Node.js的web-push库。看完这篇...
-
告别RTL布局错乱！Playwright轻松搞定阿拉伯语/希伯来语网页渲染
网页开发中，处理从右向左 (Right-to-Left, RTL) 的语言（如阿拉伯语、希伯来语）的渲染，常常让开发者头疼不已。布局错乱、文字显示异常等问题层出不穷，严重影响用户体验。但有了 Playwright，这些难题将迎刃而解！本文...
-
Playwright 联手 Lighthouse，性能报告自动化升级攻略！
各位前端er，你是否也曾为了优化网页性能，对着 Lighthouse 的报告抓耳挠腮？手动跑 Lighthouse 固然能发现问题，但效率实在感人。今天，我就来分享一下如何将 Playwright 和 Lighthouse 完美结合，让性...
-
告别枯燥！Houdini Paint API：自定义背景图案，让你的网页“活”起来！
作为一名资深前端开发，我深知页面视觉效果的重要性。一个吸引人的网站，往往能在第一时间抓住用户的眼球。你是否也曾苦恼于CSS背景图案的单调，想要实现更炫酷、更具个性化的视觉效果？今天，我就带你一起探索CSS Houdini的Paint AP...
-
告别卡顿！用Intersection Observer轻松实现图片懒加载，速度提升不止一点点
网页加载速度慢，图片太多是元凶之一！特别是那种长长的页面，一堆高清大图，用户还没滚动到，它们就嗷嗷待哺地开始加载，白白浪费流量不说，还卡得人怀疑人生。今天，我就要跟你聊聊如何用Intersection Observer API，这个“黑科...
-
前端性能优化，Webpack还能这么玩？代码分割、懒加载、Tree Shaking一个都不能少！
电商前端性能优化？Webpack表示：这题我会！ 大家好，我是你们的电商公司技术负责人老李。最近啊，咱们网站的用户体验反馈不太好，页面加载慢，用户流失严重。痛定思痛，我决定对前端代码进行一次彻底的性能优化。经过一番调研，我发现 Web...
-
前端监控方案设计与实践-性能、错误与用户行为，如何用数据驱动优化？
各位前端开发者，你是否遇到过这样的情况？用户反馈页面卡顿、报错，但你本地却一切正常；线上 Bug 频发，修复后又出现新的问题；用户体验差，但你却找不到原因所在。这些问题都指向一个核心需求：我们需要更全面、更深入地了解线上应用的状态。 ...
