文章标签
DOM
-
网站XSS漏洞检测与修复实战：从入门到放弃（误）！
网站XSS漏洞检测与修复实战：从入门到放弃（误）！ 最近公司网站又双叒叕爆出了XSS漏洞，作为一名苦逼的程序员，我再次被拉去加班修复漏洞。这次，我决定好好总结一下XSS漏洞的检测和修复方法，顺便吐槽一下这个让人又爱又恨的漏洞。 ...
-
大模型流式输出：如何在前端实现渐进显示提升用户体验
在Web应用中集成大语言模型（LLM）时，一个核心挑战是如何有效管理用户对响应时间的预期。当用户提交一个请求，而LLM需要几秒甚至更长时间才能生成完整答案时，空白的等待界面会严重影响用户体验。 流式输出（Streaming Output）...
-
告别卡顿：Web动画CPU占用过高？CSS动画与WebGL帮你重塑流畅体验
在现代Web开发中，动画效果是提升用户体验、增强页面活力的重要手段。然而，不当的动画实现方式也可能成为性能瓶颈，导致CPU占用率飙升，页面卡顿，严重损害用户体验。正如您所遇到的，大量JavaScript动画很可能正是罪魁祸首。本文将深入探...
-
深入解析：XSS攻击及其潜在危害
什么是 XSS 攻击？ 跨站脚本攻击（Cross-Site Scripting，简称 XSS）是一种常见的网络安全漏洞，它允许攻击者在用户浏览器中注入恶意脚本。通过这种方式，黑客可以窃取用户信息、劫持会话或进行其他恶意操作。 XS...
-
JavaScript中的XSS攻击及防范方法
一、详见 XSS 攻击 XSS (转移性 Script 消息) 是 JavaScript 代码 (或 HTML 标记) ，（１）｝，Location Header, Document.URL, Cookie, Document ref...
-
Chrome 插件开发：网页加载速度自动检测与优化建议，难点解析与实现路径
想开发一个 Chrome 插件，能自动检测网页加载速度，并给出优化建议，比如压缩图片、使用 CDN？这想法很棒！ 网页性能优化一直是前端开发的重要课题，而 Chrome 插件无疑是一个便捷的工具。 那么，实现起来复杂吗？ 答案是： 有...
-
Vue.js开发者前端安全清单：从XSS和CSRF防护说起
你好，作为一名刚入行的前端开发者，你对Vue框架的熟悉程度和对技术的好奇心非常棒！Web安全确实是前端开发中一个容易被忽视但又极其重要的环节。XSS和CSRF是两种最常见的Web攻击，理解并防范它们，是构建健壮应用的第一步。 别担心，...
-
WebAssembly 性能起飞：是时候和低性能的 Web 应用说再见了！
大家好，我是你们的硬核技术宅老 K。 今天咱们来聊聊 WebAssembly（简称 Wasm），一个能让你的 Web 应用性能原地起飞的技术！如果你还在为网页的龟速加载和卡顿操作而烦恼，那么 Wasm 绝对值得你深入了解。 啥是 ...
-
网络安全人员如何配置防火墙以阻止XSS攻击？从入门到实战经验分享
网络安全人员如何配置防火墙以阻止XSS攻击？从入门到实战经验分享 XSS（跨站脚本攻击）是Web应用程序中最常见的安全漏洞之一，它允许攻击者在受害者的浏览器中注入恶意脚本。防火墙虽然不能完全阻止XSS攻击，但它可以作为第一道防线，有效...
-
超轻量级Web UI在资源受限IoT设备上的实践：Web前端能力如何迁移？
在资源极其有限的物联网（IoT）设备上构建用户界面（UI）一直是个挑战，尤其对于习惯了Web前端强大生态的开发者而言。传统的浏览器内核，如Chromium或Gecko，体积庞大，通常需要数百MB的内存和存储空间，这对于只有几MB内存的微控...
-
前端抱怨接口慢，后端自测快：如何定位瓶颈并说服前端？
作为一个后端开发者，你肯定遇到过这样的场景：前端同事急匆匆跑过来抱怨某个接口慢如蜗牛，但当你回到自己的开发环境一测，接口响应速度却快如闪电。你拿着性能报告给前端看，他们却不买账，依然觉得“慢”。这种困惑和沟通障碍，其实是开发团队中非常普遍...
-
Chrome 开发者工具：网页性能分析利器
Chrome 开发者工具：网页性能分析利器 在现代 Web 开发中，网页性能至关重要。一个加载缓慢、响应迟钝的网站，会严重影响用户体验，甚至导致用户流失。为了提升网页性能，开发者需要借助工具进行分析和优化。而 Chrome 开发者工具...
-
OffscreenCanvas 浏览器兼容性避坑指南：Blink、Gecko、WebKit 引擎差异深度解析
你好，我是爱写代码的胖虎。今天咱们来聊聊 OffscreenCanvas 这个在前端圈子里越来越火的技术。 你是不是也遇到过这样的场景：Canvas 动画卡顿、页面掉帧，想尽办法优化却收效甚微？OffscreenCanvas 的出现，...
-
Canvas 游戏开发新思路：Web Workers 赋能复杂计算与流畅体验
“嘿，各位游戏开发者们！今天咱们来聊点儿能让你的 Canvas 游戏‘起飞’的技术——Web Workers！” 你是否也曾遇到过这样的困扰：当 Canvas 游戏变得越来越复杂，大量的计算任务（比如物理模拟、AI 运算）会让主线程不...
-
跨站脚本攻击(XSS)：如何保护用户数据安全？详细阐述XSS攻击的原理、危害，以及从前端、后端、服务器配置等多个层面进行防御的策略，并结合实际案例讲解。
1. 什么是跨站脚本攻击（XSS）？ 跨站脚本攻击（Cross-Site Scripting，简称XSS）是一种常见的网络安全漏洞，攻击者通过在网页中注入恶意脚本代码，以窃取用户数据、劫持用户会话或者进行恶意操作。其基本原理是利用用户...
-
Web蓝牙前端框架选型：STM32数据可视化与控制面板快速构建指南
在Web前端开发中，Web Bluetooth API为我们打开了一扇通往无线设备控制的新大门。想象一下，无需安装任何本地应用，仅通过浏览器就能实时监测和控制你的STM32开发板，是不是很酷？但要实现这一目标，选择合适的JavaScrip...
-
揭开XSS攻击的面纱：如何保护企业网站免受威胁？
1. 什么是XSS攻击？ XSS（跨站脚本攻击）是一种典型的网络安全漏洞。攻击者通过将恶意脚本嵌入到网页中，当用户加载该网页时，脚本便在用户的浏览器中执行。这可能导致用户的cookie、会话令牌等敏感信息被窃取，从而危及用户账户及整个...
-
CSS 选择器优化：提升图片加载速度的秘诀
CSS 选择器优化：提升图片加载速度的秘诀 在网页开发中，图片是不可或缺的一部分，它们可以增强视觉效果，传达信息，提升用户体验。然而，图片也是影响网页加载速度的重要因素之一。如果图片加载速度过慢，会导致用户体验下降，甚至影响网站的 S...
-
几MB内存下的嵌入式UI：Web前端团队如何破局？
几MB内存下，Web前端团队如何打造高性能嵌入式UI？ 您的团队正面临一个在嵌入式领域常见的挑战：如何在资源极度受限（几MB内存）的工业控制面板上设计高性能UI，同时最大限度地利用现有Web前端工程师的宝贵经验。这并非一个简单的技术选...
-
如何将耗时的WebAssembly计算任务放到Web Worker中运行
WebAssembly（简称Wasm）是一种高性能的二进制指令格式，能够在现代浏览器中运行。它通常用于处理计算密集型任务，但如果在主线程中运行这些任务，可能会导致页面卡顿。为了解决这个问题，我们可以将耗时的WebAssembly计算任务放...