JavaScript

首页 标签 JavaScript
# JavaScript #
关注
130107内容
XSS攻击
XSS攻击指攻击者通过注入恶意脚本,利用网站对用户输入过滤不严的漏洞,使脚本在用户浏览器执行,从而盗取数据、劫持会话或进行钓鱼欺骗。主要分为反射型、存储型和DOM型。防御措施包括输入转义、使用CSP策略及富文本白名单过滤,有效降低安全风险。
前端性能监控指标
本文介绍前端性能监控的核心指标及量化方法,涵盖白屏时间、首屏时间、可操作时间与总下载时间的定义,并对比传统注入代码与`window.performance` API两种统计方案。重点解析Performance API中的timing数据,实现对DNS查询、TCP连接、DOM解析等关键节点的精准测速,提升网页性能优化能力。(238字)
重绘回流过程
本文详解浏览器渲染机制,包括DOM树与渲染树的区别、CSS对DOM解析的影响,以及重绘与回流的触发条件和优化策略,帮助前端开发者提升页面性能。
Webpack性能优化
本文介绍Webpack性能优化策略,包括减小打包体积(如按需加载、Tree Shaking、Scope Hoisting)和提升打包速度(如优化Loader、使用HappyPack、DllPlugin、并行压缩等),并对比Webpack3与Webpack4的配置差异,帮助实现高效构建与长效缓存。
前端性能监控指标
前端性能指标包括白屏时间、首屏时间、DOM可操作时间和页面总加载时间。可通过注入代码或`window.performance` API进行量化统计,后者基于浏览器标准接口,提供精确的网络、解析与渲染各阶段耗时数据,助力性能优化。
雅虎14条Web性能优化规则
雅虎军规总结了23条前端性能优化最佳实践,涵盖减少HTTP请求、使用CDN、资源压缩、缓存配置、JS/CSS优化、图片处理等方面,旨在提升网页加载速度与用户体验,是前端性能优化的经典指南。
跨域处理
跨域指不同域名、协议或端口间请求受阻。通过CORS(跨域资源共享)可在HTTP头中设置Access-Control-Allow-Origin,实现安全跨域。Spring Boot可通过@CrossOrigin注解、WebMvcConfigurer全局配置或自定义Filter等方式解决跨域问题,支持细粒度控制允许的域名与请求方式,确保应用安全与灵活通信。
认识OAuth2.0
OAuth2.0是一种开放授权标准,允许第三方应用在用户授权下安全访问资源,而无需获取用户账号密码。它通过令牌机制实现权限控制,广泛用于API授权与单点登录。主要包含四种模式:授权码模式(最安全,适用于Web应用)、简化模式(适合无后端的应用)、密码模式(需高度信任)和客户端模式(服务间调用,与用户无关)。
|
3天前
|
部署网站到Pages,瓜分10万奖金奖励!「阿里云ESA Pages开发大赛」火热报名中!
“阿里云ESA Pages开发大赛”由阿里云ESA主办,聚焦边缘计算、AI与前端工程融合,鼓励全球开发者使用ESA Pages构建实用、创新的边缘原生网站。支持React/Vue框架,一键部署至全球边缘节点,实现毫秒级访问与智能安全防护。总奖池10万元,多作品可叠加获奖,另有丰厚人气奖与邀请奖励,高校学生、独立开发者均可参与,释放技术创意,赢取荣誉与奖金!
免费试用