JavaScript基础

在掌握了 Canvas 的基础 API 后，实现一个具备生产力的画板工具是进阶的最佳实践。本文将带你实实现一个支持实时绘图、无限撤销和丝滑橡皮擦功能的网页画板。

在数据可视化（ECharts）、在线文档、H5 游戏等领域，Canvas 都是不可或缺的核心技术。不同于 DOM 操作，Canvas 提供了立即模式的绘图能力。

在大型项目开发中，最头疼的莫过于“样式污染”。你在 A 组件写了一个 .title，结果 B 组件的标题也变色了。Shadow DOM 正是为了解决这个问题而生的。

在网页中实现类似 Trello 或 Jira 的任务看板拖拽效果，并不一定需要复杂的第三方库。HTML5 原生提供的拖放（Drag and Drop）API 已经非常强大。

在前端开发中，埋点系统是必不可少的一环。我们经常需要在用户关闭页面、刷新或跳转路由时，向服务器发送最后一条统计数据（比如用户停留时长、页面跳出率）。

在前端开发中，我们需要了解用户到底在用什么设备、网络状况如何、甚至物理位置在哪里。这时，navigator 对象就是我们派出的“侦探”。它存储了浏览器的版本、操作系统、设备能力等关键信息。

在现代前端开发中，我们习惯了页面不刷新但 URL 却在变化的体验。这背后除了 Hash 模式，最核心的功臣就是 History 对象。

在 Web 2.0 时代之前，跳转页面意味着漫长的白屏等待。而 SPA（Single Page Application）的出现，彻底改变了 Web 应用的交互方式。

很多刚接触 Vue 或 React 的同学经常会问：为什么我点击了导航栏，URL 变了，内容也变了，但浏览器顶部的刷新图标却没有转圈？这就是前端路由跳转与原生页面刷新的本质区别。

在前端开发中，无论是获取 URL 参数、实现页面跳转，还是处理锚点定位，都离不开 location 对象。它既是 window 的属性，也是 document 的属性，是连接用户与网页地址的核心。

在浏览器环境中，window 对象扮演着双重角色：它既是 JavaScript 访问浏览器窗口的接口。理解 window 的属性与方法，是掌握浏览器环境开发的第一步。

JavaScript 的继承不像类类型语言（如 Java）那样直观。它是通过原型链机制实现的。理解各种继承方式的演进过程，不仅能帮你应对面试，更能让你深入理解 JS 的底层设计。

在 ES6 之前，JavaScript 开发者必须通过构造函数和原型链来模拟“类”的行为。ES6 引入了 class 关键字，虽然它本质上是语法糖，但它让面向对象编程变得更加清晰和标准。

在处理对象或数组时，我们经常遇到“改了 A，结果 B 也变了”的情况。这背后涉及到了内存地址、引用传递以及拷贝的深度问题。理解浅拷贝与深拷贝，是处理复杂数据流和状态管理关键。

在 JavaScript 中，遍历数据是我们每天都在做的事情。但是，你真的用对了吗？为什么有时候遍历数组会出现奇怪的属性？为什么对象不能用 for...of？本文带你从底层机制区分这两个“双胞胎“

在 JavaScript 面试中，有两座大山：一座是作用域链（管变量查找），另一座就是我们今天要讲的原型链（管属性查找和继承））。

在 JavaScript 开发中，我们无法保证代码永远不出错。网络请求失败、数据格式错误、甚至是 unexpected token 都可能导致程序崩溃。为了让我们的应用更健壮，学会“优雅地失败”。

从回调地狱到 Promise 链式调用，JavaScript 异步编程一直在进化。async/await 的出现，让我们能用编写同步代码的方式来写异步逻辑，它不仅是语法糖，更是对异步流程控制的一次革命

前言 在 JavaScript 中，函数一旦开始执行，通常会一走到底。但 Generator（生成器） 的出现打破了这一规则。

在 Web 开发中，“跨域”是每个前端开发者绕不开的坎。当你看到控制台报出 Access-Control-Allow-Origin 错误时，其实是浏览器的同源策略在起作用。