前端基础

10 篇文章
深度解析 JavaScript 作用域与作用域链

深度解析 JavaScript 作用域与作用域链

概述 作用域(Scope)与作用域链(Scope Chain)是 JavaScript 的核心概念,它们决定了变量的可访问范围、生命周期,以及代码运行时变量查找的规则,理解这两个概念,可以回答我们 “变量在这里为什么能访问”,“为什么这里访问到的变量值是 undefined” 等诸多疑问,同时还能帮

JavaScript 原型/原型链

JavaScript 原型/原型链

JavaScript原型链深度剖析:原型设计模式、__proto__与prototype区别、基于原型继承实现、class语法糖本质、instanceof检测机制。从LeetCode实例题到MDN规范,前端核心知识详解。

深入浅出 SPA/MPA

深入浅出 SPA/MPA

前端架构选型指南:深入浅出对比SPA单页应用与MPA多页应用,涵盖路由机制、首屏加载、交互性能、SEO友好度、状态管理等核心维度,附完整对比表格及典型场景选择建议。

深入浅出 ES Module

深入浅出 ES Module

深入浅出ES Module:JavaScript模块化标准方案详解,涵盖静态化设计、独立作用域、值引用、异步加载等核心特性。对比CommonJS/AMD/UMD方案差异,含export/import完整语法指南及Tree-Shaking优化原理。

JavaScript 沙箱

JavaScript 沙箱

JavaScript沙箱技术深度解析:IFrame原生隔离、作用域限制、new Function执行、Proxy代理拦截、快照沙箱保存恢复三大实现方式详解。涵盖浏览器安全防护、XSS攻击防范、微前端应用隔离场景,助力安全编码。

浅浅的聊一下 WebSocket

浅浅的聊一下 WebSocket

第一次看到 ws:// 和 wss:// 时候,感觉好高级啊,还有这种协议。 Websocket 历史 WebSocket 是在2008年6月诞生的1。经由 IEFT 标准化后,2009年 chrome 4 第一个提供了该标准支持,并默认启用。于2011年由 IEFT 标准化为 RFC 6455。

浅谈前端水印

浅谈前端水印

前端水印技术深度解析:明水印Canvas实现与防御(MutationObserver防DOM篡改)、暗水印隐写术(追加文件内容/修改RGB分量编码解码)、低透明度防截图方案,适用于内网系统信息追踪与泄密溯源。

简单聊两句 XSS

简单聊两句 XSS

XSS(跨站脚本攻击),聊两句,五毛的。 XSS的危害: 窃取Cookie,盗用用户身份信息 这玩意儿是大多数XSS的目标,也好解决,可以先治个标,直接设置HttpOnly=true ,即不允许客户端脚本访问,设置完成后,通过js去读取cookie,你会发现document.cookie 无法读取到

前端缓存技术概述

前端缓存技术概述

前端缓存技术完整指南:浏览器缓存、HTTP强缓存与协商缓存、DNS缓存及CDN缓存原理解析。详解Cache-Control、ETag、Last-Modified字段作用,涵盖客户端与服务器缓存机制及Manifest离线缓存方案。