7 种常见的前端攻击
大家都知道，保证网站的安全是十分重要的，一旦网站被攻陷，就有可能造成用户的经济损失，隐私泄露，网站功能被破坏，或者是传播恶意病毒等重大危害。所以下面我们就来讲讲7 种常见的前端攻击。 1\. 跨站脚本 (XSS) 跨站脚本攻击 (XSS) 是一种注入攻击，攻击者通过将恶意脚本注入到网页中，欺骗用户浏览器执行，从而窃取用户敏感信息或破坏网站。XSS 攻击是 Web 应用程序中最常见的安全威胁之一，也是造成重大安全事故的常见原因。 攻击方式...
React | 浏览器刷新，会执行 useEffect 的 卸载函数吗？
React | 浏览器刷新，会执行 useEffect 的 卸载函数吗？ 需求描述 后端在跑一个长期的异步上传任务，在任务执行过程中，用户刷新页面（f5），此时产品希望能够发送一个 kill 任务，杀掉这个任务。 拆解 需求合理性 其他情况是否存在类似：比如关闭 tab，关闭浏览器，突然断网等操作，等浏览器层级或者异常的用户行为 前端是否应该响应这种行为：对于更深层次的需求处理 根本问题点，或者说为什么会存在这个需求：上一个任务会加锁，...
前端安全领域
在前端开发领域，前端安全经常被公司忽视，这些公司大部分都是以业务为中心的公司，认为前端只是页面仔，画个页面调个接口，能有多大安全隐患？下面我将举几个前端安全相关的例子！ 下面这些内容都还是基于前端开发层面的思考和总结，在处理安全漏洞方面，前端是存在一定的局限性，所以前端的防护措施只是第一道防线，后端的安全验证和防护同样很重要。 ### 什么是XSS 它指的是攻击者通过在网页中注入恶意的脚本代码（一般是 JavaScript 代码），当其...
面试官：sessionStorage 能在多个标签页之间共享数据吗？
sessionStorage 能在多个标签页之间共享数据吗？在回答这个问题之前我们先来聊聊另一个存储API localstorage localstorage 与 sessionStorage 经常是放在一起讨论，那他们之间的区别是什么呢？ 只读的 属性允许你访问一个 源（origin）的对象 ；存储的数据将保存在浏览器会话中。 类似 ，但其区别在于：存储在 的数据可以长期保留；而当页面会话结束——也就是说，当页面被关闭时，存储在 的数...
从前端工程师的角度将SEO做到极致
一、前言 SEO 是 Search Engine Optimization 的缩写，即搜索引擎优化。它是一种通过调整网站的内容、结构、外部链接等方面的优化手段，来提高网站在搜索引擎中的自然排名，以求得获得更多的流量，从而达到互联网营销及品牌建设的目标。 作为一名前端工程师，掌握一些 SEO 的相关知识是很有必要的，本文主要介绍 的优化手段，分为三大类，全方位的把 SEO 做到极致🌻！ 二、优化手段(一) 1\. TDK TDK 是 T...
面试常客系列之跨域前言
跨域？什么是跨域呢？我们先来看看一个url的组成, ,这一个url我们可以分成四部分来看 是协议, 是域名, 是端口, 是路径.在浏览器中，我们从一个域名发送请求到另一个域名，如果两个域名的协议，域名，端口三部分只要存在一部分不同就会发生跨域，也就是说只有两个域名的协议，域名，端口都相同才会不会发生跨域，所以我们又如何解决跨域的问题呢？在下文中会给大家介绍几种方法去解决跨域问题. 那么要解决跨域就不得不谈及 ,同源策略是一种安全措施，用...
深入理解浏览器的事件循环机制
在现代Web开发中，JavaScript作为浏览器中最常用的编程语言，其执行机制深刻影响着Web应用的性能和用户体验。事件循环（Event Loop）作为JavaScript处理异步操作的核心机制，是理解JavaScript执行模型的关键。本篇文章从多个维度去分析事件循环的机制，希望可以帮大家更加深入的了解它。 在讨论事件循环之前，理解浏览器的执行环境是至关重要的。浏览器是一个多线程环境，包含以下主要线程： GUI 渲染线程（GUI R...
JavaScript Set有新功能啦，子、交、并、补轻松搞定
背景 本文是一篇翻译文章，看到原文 感觉内容非常不错，而且前端也会用到集合的计算，就决定翻译并整理一下。内容顺序跟原文有所出入，按印象中数学集合的定义进行整理的。 JavaScript Set 添加新功能了，子、交、并、补轻松搞定，一起来看看！ 引言 JavaScript Set 是在 ES2015 规范中被引入的集合结构，但是它的功能并不完整： 1. 创建 2. 增 3. 删 4. 查 除此之外想要实现集合的其他功能，如计算子集、交集...
JS事件循环Event Loop
面试率 90% 的JS事件循环Event Loop，看这篇就够了！! ! 事件循环（Event Loop）大家应该并不陌生，它是前端极其重要的基础知识。在平时的讨论或者面试中也是一个非常高频的话题。 理解 JavaScript 的事件循环往往伴随着宏任务和微任务、JavaScript 单线程执行过程及浏览器异步机制等相关问题，而浏览器和 NodeJS 中的事件循环实现也是有很大差别。熟悉事件循环，了解浏览器运行机制将对我们理解 Java...