XH_jing的博客

轮询技术作为实时通讯的基础方案，虽然在新一代技术面前略显陈旧，但在特定场景下仍具有实用价值。开发者应充分理解各种技术的优缺点，根据实际需求选择最合适的解决方案。随着HTTP/3和WebTransport等新技术的发展，实时通讯领域将迎来更多创新和突破。

在现代 Web 开发中，实时通信是许多应用的核心需求，例如在线聊天、实时协作、游戏对战等。WebSocket 是一种基于 TCP 的全双工通信协议，它允许客户端和服务器之间建立持久连接，并在双方之间高效地传输数据。

在现代 Web 应用中，实时数据推送成为了关键需求之一。例如，在股票行情、天气更新、社交通知等应用场景中，客户端需要能够持续接收服务器端的最新数据。Server-Sent Events (SSE) 是一种基于 HTTP 协议的轻量级实时通信技术，能够让服务器主动向客户端推送消息。

在现代 Web 开发中，组件化开发已经成为一种主流趋势。无论是 React、Vue 还是 Angular，组件化开发都极大地提高了代码的可维护性和可重用性。然而，这些框架的组件通常只能在特定的框架生态中使用，跨框架的组件复用一直是一个挑战。Web Components 的出现为这一问题提供了一个原生解决方案。下面将深入探讨 Web Components 的核心概念、技术细节以及其在实际开发中的应用。

Canvas 是 HTML5 引入的一个用于绘制图形的元素，通过 JavaScript 可以动态地在网页上绘制和操作图像、图形、动画等。Canvas 提供了一块可编程的位图区域，开发者可以通过绘图上下文对其进行绘制

JavaScript 主要用于处理文本数据，但在更复杂的应用（如图像、音频、视频处理）中，二进制数据的操作变得尤为重要。是一种用于表示通用、固定长度的原始二进制数据缓冲区，它是处理二进制数据的基础，可以用于存储各种类型的数据，必须通过。在 JavaScript 中都是用于处理二进制数据的对象，在部分场景两者都能胜任，但擅长的场景有所区别。Blob 代表不可变的二进制数据块，通常用于处理文件、图像、音频等类型的数据。中的数据，允许以任意的字节序（大端或小端）读写不同类型的数据。

不可变对象是 JavaScript 中管理状态的关键概念，特别是在 React、Redux 和函数式编程中。它可以提升代码的可预测性、可维护性，并优化性能。

Fetch API 是 JavaScript 提供的基于 Promise 的现代化网络请求接口，它提供了比 XMLHttpRequest 更加强大和灵活的方式来处理 HTTP 请求。

在 JavaScript 中，Object.defineProperty 和 Proxy 是两种强大的机制，用于拦截和处理对象属性的读写操作。Vue.js 的响应式系统正是基于它们实现的。本文将详细介绍这两者的基础用法、区别以及它们在 Vue 响应式系统中的应用。

「JavaScript深入」熟悉事件循环吗？说说事件循环机制和宏任务微任务

「JavaScript深入」彻底搞懂JS原型与原型链：原因、使用class实现继承、原型、原型链、prototype和proto

「JavaScript深入」聊一聊 new操作符具体干了什么：概念「在JavaScript中，`new` 操作符用于创建一个给定构造函数的实例对象」、流程、手写一个new

谈谈JS的垃圾回收机制：内存管理、可达性、内存回收机制、V8对于垃圾回收机制的优化

「JavaScript进阶」深拷贝与浅拷贝，如何手写实现？浅拷贝：浅拷贝得到的对象会受原对象的影响（同样可以影响原对象）深拷贝：深拷贝得到的对象不会受到原对象影响

一文吃透JS的基本数据类型Symbol：概念、Symbol.prototype.description、作为属性名的Symbol、实例：消除魔术字符串、属性名的遍历、Symbol.for()，Symbol.keyFor()、内置的Symbol值

前端面试题之 计算机通识（基础） 「精选篇」

前端面试题之框架通识「精选篇」

前端面试题之 HTTP 模块「精选篇」

前端面试题之 性能优化模块 「精选篇」

前端面试题之 前端安全模块 「精选篇」

2024 前端面试题之 移动多端开发

2024 前端面试题之前端工程化「精选篇」

2024 前端面试题之Nodejs「精选篇」

2024 前端面试题之 Vue 「精选篇」

2024 前端面试题之React「精选篇」

高级前端面试题之浏览器模块「精选篇」

高级前端面试题之ES6「精选篇」

高级前端面试题之 JS「精选篇」

前端面试题之CSS「精选篇」

2024 前端面试题之HTML「精选篇」

在CSS flex布局中，使用来控制列表的水平对齐方式，使用或者对齐时，如果最后一行的列表的个数不满，就会出现最后一行没有完全垂直对齐的问题。👇 如下示例：

在JavaScript中，事件流和事件模型是处理用户交互的关键概念。深入理解这些概念将使你能够更好地处理和响应用户的动作。本文将详细介绍JavaScript的事件流和事件模型。

Sass 是一种CSS预处理器，它引入了许多增强和扩展CSS的功能，使样式表的编写更加灵活和可维护。与纯粹的CSS相比，Sass提供了嵌套规则、变量 (nesting)、混合器（mixins）、继承等功能，大大提高了样式表的可读性和可维护性。

数组扁平化，就是将一个复杂的嵌套多层的数组，一层一层的转化为层级较少或者只有一层的数组。

requireexports和importexport本质上的区别，实际上也就是 CommonJS 规范与 ES Module 的区别。浏览器在不做任何处理时，默认是不支持import和require；babel会将 ES6 模块规范转化成 CommonJS 规范；webpackgulp以及其他构建工具会对 CommonJS 进行处理，使之支持浏览器环境它们有三个重大差异。CommonJS 模块输出的是一个值的拷贝，ES Module 输出的是值的引用。

在 16.8 版本之后的 React 发布了新特性 Hooks。 本篇文章主要对该新特性进行了详细讲解，并对一些常用的 Hooks 进行代码演示，希望可以对需要的小伙伴提供一些帮助。

时隔一年半之久再次重新学习 React，好多都还是原来的样子，这次我要重新开启 React 的大门，希望各位小伙伴可以一起讨论学习呦～前言今天我们开启第三个专题：React 中函数组件和类组件的区别。一、函数组件 和 类组件1. 函数组件函数组件也称无状态组件，顾名思义就是以函数形态存在的 React 组件。在 hooks 出现之前，react 中的函数组件通常只考虑负责UI的渲染，没有自身的状态，没有业务逻辑代码，是一个纯函数。下面这个函数组件就是一个纯函数，它的输出只由参数props.

时隔一年半之久再次重新学习 React，好多都还是原来的样子，这次我要重新开启 React 的大门，希望各位小伙伴可以一起讨论学习呦～前言今天我们开启第二个专题：React 中生命周期钩子的使用。我们在学习每个框架的生命周期的时候，都不是去死记硬背他们的顺序和作用，而是应该去结合我们在实际应用开发过程中对这些生命周期的需求，来帮助我们完成一些事情。在新环境下，我们默认都是基于 React 16.4 之后的生命周期进行开发学习，下面的内容也是基于 16.4 版本的生命周期钩子，如果觉得有问题，可.

时隔一年半之久再次重新学习 React，好多都还是原来的样子，这次我要重新开启 React 的大门，希望各位小伙伴可以一起讨论学习呦～前言今天我们开始第一个专题：React 中 关于 props 和 state。当然我们不是对 props 和 state 基本用法的介绍，而是尝试由浅入深的来解释 props 和 state，并且归纳使用它们时的注意事项。我们在开发应用时，必然是要与数据进行频繁交互的。React 的核心思想是组件化的思想，所有的页面会被切分成一些独立的、可复用的组件。那么数据.

JavaScript 中常用的数组的方法基本上也就这些了，大概整理了有27个。如果我们能够充分掌握，那么，在我们的项目开发过程中可能会大大提高我们的开发效率。