JavaScript - 哈喽比特 - https://www.hellobit.com.cn

JavaScript

虽然有很多关于JavaScript的书籍和资料，但绝大多数都从JavaScript语言本身的角度去分析其语法和语义，很少有与JavaScript具体执行过程相关的分析资料。因此，我邀请大家一起从浏览器的角度来看一下一段JavaScript代码到底是如何执行的。

发表于 6天以前 · 阅读量：76

JavaScript

useEffect 实践案例（一）

对于 useEffect 的掌握是 React hooks 学习的**重中之重**。因此我们还需要花一些篇幅继续围绕它讲解。

发表于 15天以前 · 阅读量：86

JavaScript

「React 进阶」React 优雅的捕获并处理渲染异常

React jsx 在编译阶段，会被 babel 变成 React.Element 的形式，它的执行是在 React 整个渲染的 render 阶段执行的，如果 React.Element 出现了空指针等异常，那么就会中断 render 阶段的执行，当然也不会执行渲染真实 DOM 的 commit 阶段。所以如果是初次渲染，任何渲染动作也就不会执行，最终呈现给我们的视图就是白屏。

发表于 15天以前 · 阅读量：82

JavaScript

[译]JavaScript中Base64编码字符串的细节

Base64编码和解码是一种常见的将二进制内容转换为适合Web的文本的形式。它通常用于data URLs，比如内嵌图片。当你在JavaScript中对字符串应用base64编码和解码时会发生什么？这篇文章探讨了这些细节和需要避免的常见陷阱。

发表于 21天以前 · 阅读量：99

JavaScript

【Web技术】1869- spa 如何达到 ssr 的秒开技术方案——预渲染

SPA（单页应用）在初次加载时，由于需要加载所有必要的 JavaScript 和 CSS 文件，以及应用的主 HTML 文件，因此可能会产生白屏时间较长的问题，对用户体验而言是非常糟糕的。对单页面应用进行预渲染，将页面在打包期间渲染成静态 HTML 文件，可以很好的解决白屏时间过长问题

发表于 21天以前 · 阅读量：92

JavaScript

图解 JS、React、Vue 设计模式

今天来分享一个免费在线学习 JS、React、Vue 设计模式的网站，该网站旨在为 JavaScript 设计、渲染和性能模式带来现代视角，使用普通 JavaScript 或现代框架构建功能强大的 Web 应用！

发表于 25天以前 · 阅读量：97

JavaScript

三种虚拟列表原理与实现

工作中一直有接触大量数据渲染的业务，使用react-window多之又多，所以对虚拟列表有了些浅显的理解。今天，我们就照着react-window的使用方式来实现三种虚拟列表。

发表于 27天以前 · 阅读量：107

JavaScript

译：为什么你应该用 React Query

React Query 为您提供了大量功能，如缓存、重试、轮询、数据同步、预取……以及数以百万计的其他功能，这些功能远远超出了本文的讨论范围。如果你不需要这些功能也没关系，但我仍然认为这不应该阻止你使用 React Query。

发表于 29天以前 · 阅读量：94

JavaScript

二十分钟掌握React核心理念，老鸟快速入门指南

这是一份适合有着前端开发经验，并习惯使用现代前端框架，却还没深入使用过 React 的老鸟快速入门指南，如果你还没有接触过前端框架，那建议直接在官方文档仔细从头看起。

发表于 1月以前 · 阅读量：236

JavaScript

谈谈node架构中的线程进程的应用场景、事件循环及任务队列

Node.js是一个基于Chrome V8引擎的JavaScript运行时环境，nodejs是单线程执行的，它基于事件驱动和非阻塞I/O模型进行多任务的执行。在理解Node.js的工作原理时，我们需要了解进程、线程、事件循环[1]以及消息队列[2]的概念，本篇文章就基于这几点去详细介绍，帮你慢慢理解node的工作原理。

发表于 1月以前 · 阅读量：207

JavaScript

React 和 Vue 全方位对比总结

本文将从渐进式、时间线、跨平台及企业级框架情况多个维度对两个库进行对比。

发表于 1月以前 · 阅读量：268

JavaScript

WebAssembly 模块化与动态链接

模块化编程（modular programming）是一种软件设计模式，它将软件分解为若干独立的、可替换的、具有预定功能的模块，每个模块实现一个功能，各模块通过接口（输入输出部分）组合在一起形成最终程序。当下流行的JavaScript、Python、Rust、Java 等语言都有具有模块(包)管理，甚至 C++20 开始都引入了模块化系统。

发表于 1月以前 · 阅读量：204

JavaScript

如何通过Express和React处理SSE

最近AIGC技术的大热，市面上也出现了许多类似生产的AI工具，其中有一大特色就是对话的输出结果是类似真人的打字效果出现，要呈现出这种效果，最主要的就是要利用SSE技术（Server-Sent Events是一种基于HTTP长连接的“服务器推”技术，其特点在于建立更长时间的连接以等待后续数据的传输。

发表于 1月以前 · 阅读量：328

JavaScript

前端流程图插件对比选型，这一篇就够了

前端领域有多种流程库可供选择，包括但不限于vue-flow、butterfly、JointJS、AntV G6、jsPlumb和Flowchart.js。这些库都提供了用于创建流程图、图形编辑和交互的功能。然而，它们在特性、易用性和生态系统方面存在一些差异。

发表于 2月以前 · 阅读量：197

JavaScript

动手实现类似Vue的极简前端框架

当然，常规的前端框架不只做到这一步，它们有专门的语法，如 Vue 中的模板语法和 React 中的 JSX，这些语法使得编写复杂的前端页面相对于其他方式更加简洁。

发表于 2月以前 · 阅读量：213

JavaScript

JavaScript之观察者模式

在日常开发中，开发人员经常使用设计模式来解决软件设计中的问题。其中，观察者模式是一种常用的模式，它可以帮助开发人员更好地处理对象之间的通信。

发表于 2月以前 · 阅读量：192

React 组件库都是怎么打包的？

大家都用过组件库，react 流行的组件库有阿里的 ant-design、字节的 semi-design、arco-design 等。那这些组件库都是怎么打包的呢？我们自己写个组件库的话，怎么写打包逻辑呢？这篇文章我们就来探究下。

发表于 2月以前 · 阅读量：119

不一样的懒+预加载带来不一般的用户体验

本文提到的便是一个基于webpack 插件与 react 组件实现的一套研发高度自定义、组件按需加载的资源预加载方案. 简单来说是为了通过配置 webpack 插件及少量业务代码即可实现Code Splitting + 组件懒加载 + 组件预加载。

发表于 2月以前 · 阅读量：160

JavaScript

解锁 PDF 文件：使用 JavaScript 和 Canvas 渲染 PDF 内容

最近研究了 `Web` 的 `FileSystemAccess` Api，它弥补了 Web 长期以来缺少的能力：操作用户设备中的文件；而如今通过这个 Api 我们能够实现常见的文件操作：创建、删除、修改、移动等。

发表于 5月以前 · 阅读量：228

JavaScript

Node.js 项目调试指南

`Node.js` 是一种流行的 `JavaScript` 运行时，与谷歌 `Chrome` 浏览器使用相同的 V8 引擎。它是跨平台的，在创建 Web 服务器、构建工具、命令行工具等方面越来越受欢迎。

发表于 5月以前 · 阅读量：243

JavaScript

前端构建工具的未来

前端构建工具对现代前端开发者的工作流程至关重要，原因有很多，包括改善开发者和用户体验。从开发者的角度来看，前端工具为我们提供了：编写模块的能力、用于本地开发的开发服务器、在开发模式下缩短反馈循环的热模块替换（HMR）、使用polyfills针对传统浏览器的能力、处理除JavaScript以外的一系列文件类型，等等。

发表于 5月以前 · 阅读量：335

JavaScript

React：我们的用法习惯可能是错误的

在我们React的日常开发中一些常用的写法，看似运行的很好，实际可能并不优雅。学习React并不是如何如何使用它，而是如何写出优雅，干净的代码。下面举一些例子，总结了一些React开发中不好的写法及相应更好的写法。

发表于 6月以前 · 阅读量：259

JavaScript

React Fiber技术解读：你需要知道面试官最关心的话题！

关于 React Fiber 出来也有几年了，可最近面试多了才发现，还是有很多人一知半解，所以本文梳理了一下有关 Fiber、以及这个话题环环相扣，可以延伸的点，给大家面试复习、查缺补漏，如果你是面试官也可直接拿去提问。

发表于 6月以前 · 阅读量：354

JavaScript

十个超级好用的Javascript技巧

在实际的开发工作过程中，积累了一些常见又超级好用的Javascript技巧和代码片段，包括整理的其他大神的JS使用技巧，今天筛选了10个，以供大家参考。

发表于 6月以前 · 阅读量：274

JavaScript

JavaScript的事件

使用事件代理的好处不仅在于将多个事件处理函数减为一个，而且对于不同的元素可以有不同的处理方法。假如上述列表元素当中添加了其他的元素节点（如：a、span等），我们不必再一次循环给每一个元素绑定事件，直接修改事件代理的事件处理函数即可。

发表于 6月以前 · 阅读量：262

JavaScript

vue-router 怎么传参

Vue传参的四种方式。

发表于 6月以前 · 阅读量：265

JavaScript

什么是Vuex

Vuex 是一个专为 Vue 应用程序开发的状态管理模式。每一个 Vuex 应用的核心就是 store（仓库）。

发表于 6月以前 · 阅读量：278

JavaScript

v-for中key的作用

Vue在patch过程中判断两个节点是否是相同节点,key是一个必要条件，渲染一组列表时，key往往是唯一标识，所以如果不定义key的话，Vue只能认为比较的两个节点是同一个，哪怕它们实际上不是，这导致了频繁更新元素，使得整个patch过程比较低效，影响性能.

发表于 6月以前 · 阅读量：218

JavaScript

$nextTick

nextTick是Vue提供的一个全局API,是在下次DOM更新循环结束之后执行延迟回调，在修改数据之后使用$nextTick，则可以在回调中获取更新后的DOM

发表于 6月以前 · 阅读量：221

JavaScript

vue 的生命周期

Vue生命周期的主要4个阶段。

发表于 6月以前 · 阅读量：252

登录后可以享受更多权益