EchoEcho

一切的开始：第一次使用ChatGPT 我永远记得2022年12月1日（ChatGPT发布第二天）第一次体验了ChatGPT； 我当时在写研究生课题作业，所以很快就感受到了C...

Cookie适合用于在客户端和服务器之间传递数据、跨域访问和设置过期时间,而LocalStorage适合用于在同一域名下的不同页面之间共享数据、存储大量数据和永久存储数据。...

现如今的页面越来越复杂，一个页面往往承载着大量的元素，最常见的就是一些电商页面，数以万计的商品列表是怎么保证渲染不卡顿的，大家在面对这种长列表渲染的场景下，一般都会采用分页...

cookie 在客户端存储用户信息 Web Storage 解决客户端存储不需要频繁发送cookie回服务器的问题 indexedDB 是浏览器中存储结构化数据的一个方案...

XHR 把Ajax推到历史舞台上的关键技术是XMLHttpRequest（XHR）对象。 Fetch API替代了XHR。 WebSocket是与服务器的全双工、双向通信渠...

计算机程序通常由用户用高级语言编写程序，然后将它和数据一起送入计算机内，再由计算机将其翻译成机器能识别的机器语言程序，并将计算结果输出...

JS与HTML的交互是通过事件实现的。 可以使用仅在事件发生时执行的监听器订阅事件。在传统软件工程领域，这个模型叫“观察者模式”，其能够做到页面行为与页面展示的分离 浏览器...

同步行为和异步行为的对立统一是计算机科学的一个基本概念。特别是在JS这种单线程事件循环模型中，同步操作和异步操作更是代码所要依赖的核心机制...

节点类型 文档对象模型（DOM）是HTML和XML文档的编程接口，表示由多层节点构成的文档，通过它开发者可以添加、删除和修改页面的各个部分。 document节点表示每个文...

表单基础 Web表单在HTML中以<form>元素表示，在JS中则以HTMLFormElement类型表示。...

BOM是使用JS开发Web应用程序的核心。 Window对象 BOM的核心是window对象，表示浏览器的实例。 window对象在浏览器中有两重身份，一个是ECMAScr...

函数实际上是对象，每个函数都是Function类型的实例 定义函数的方法有 函数表达式 函数声明 箭头函数 Function构造函数 (不推荐) 函数名 因为函数是对象，所...

ES6规范新增了两个高级特性：迭代器（iterator）和生成器。 使用这两个特性，能够更清晰、高效、方便地实现迭代...

引入概念点 代理 代理是目标对象的抽象。目标对象既可以直接被操作，也可以通过代理来操作。 defineProperty 在proxy之前，使用defineProperty的...

有几种不同的JS操作会调用同一个捕获器处理程序。不过，对于在代理对象上执行的任何一种操作，只会有一个捕获处理程序被调用。不会存在重复捕获的情况。...

JS中的对象是引用值，可以通过几种内置引用类型创建特定类型的对象。 ES6新增了一批引用类型：Map、WeakMap、Set和WeakSet。这些类型为组织应用程序数据和简...

Array Array类型表示一组有序的值，并提供了操作和转换值的能力。 ECMAScript数组是动态大小的，每个元素都可以存储任意类型的数据。 创建数组 使用Array...

理解模块 模块的由来 现代JS开发会遇到代码量大和广泛使用第三方库的问题。解决这个问题的方案通常需要把代码拆分成很多部分，然后再通过某种方式将他们连接起来 理解模块模式 将...