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

JavaScript

当你想要吸引用户的注意力，动画是一个强大的工具。Animate.css是一个功能丰富的库，用于在网页上快速轻松地添加动画。无需深入JavaScript或复杂的CSS，你可以给元素添加预设的动画效果。本文将指导你如何使用Animate.css为你的网站增添活力。

发表于 9月以前 · 阅读量：537

JavaScript

前端最轻量级的精度计算工具库！

今天和同事聊起计算机中精度的话题。于是想起一个小巧的，快速的JavaScript库：big.js。它可用于任意精度的十进制算术运算。这里分享给大家。

发表于 11月以前 · 阅读量：640

JavaScript

Chrome 插件开发指南和实践

阅读本文你将了解到:Chrome 插件整体架构；如何开发一个 Chrome 插件（Popup 和 Devtools）；如何使用前端框架（React/Vue）进行开发；如何调试插件；如何使用 Puppeteer 对插件进行 E2E 测试（本地和 CI 环境）。

发表于 11月以前 · 阅读量：1127

JavaScript

Vue 项目 SEO 优化的关键

最近在一个 Vue 项目中，发现了许多在开发前、中、后期需要特别注意的细节，以确保性能和 SEO 的最佳结合。本文将聊聊 Vue 项目要做 SEO 优化方向侧的一些相关内容.

发表于 3月以前 · 阅读量：273

JavaScript

React 中条件渲染的 N 种方法

条件渲染在React开发中非常重要的功能，它允许开发人员根据条件控制渲染的内容，在创建动态和交互式用户界面方面发挥着至关重要的作用，本文总结了常用的的条件渲染方法。

发表于 11月以前 · 阅读量：760

JavaScript

React之Context 深层传递参数

通常情况下，我们使用Context来避免通过props一层一层地传递数据，特别是当应用程序变得复杂时。深层传递参数是指在React应用程序中将数据从一个祖先组件传递到较深层的后代组件。

发表于 10月以前 · 阅读量：549

JavaScript

Vue之nextTick原理与作用

在 Vue.js 中，$nextTick 方法的底层原理涉及 Vue 的更新队列以及浏览器的异步任务队列（微任务和宏任务）。它的主要目标是在下次 DOM 更新循环结束后执行回调函数，确保能够访问到更新后的 DOM。

发表于 9月以前 · 阅读量：574

JavaScript

一篇文章带你看懂Node.js

Node.js 是一个开源与跨平台的 JavaScript 运行时环境。在浏览器外运行 V8 JavaScript 引擎（Google Chrome 的内核），利用事件驱动、非阻塞和异步输入输出模型等技术提高性能。可以理解为 Node.js 就是一个服务器端的、非阻塞式I/O的、事件驱动的JavaScript运行环境。

发表于 9月以前 · 阅读量：537

JavaScript

我知道你想用useEffect，但你先别急

useEffect是React提供给我们的一个“逃生舱”，是React 的纯函数式世界通往命令式世界的“逃生通道”，选择合适的时机使用useEffect会让我们的代码既优雅又高效，反之会造成不必要的负担。

发表于 10月以前 · 阅读量：799

JavaScript

浅析 5 种 React 组件设计模式

作为一名 React 开发者，你可能会面临下面几个问题：如何构建一个高复用度性的组件，使其适应不同的业务场景？如何构建一个具有简单 API的组件，使其易于使用？如何构建一个在 UI 和功能方面具有可扩展性的组件？为解决上述问题，下面介绍五种 React 组件设计模式，并对比它们的优缺点。

发表于 10月以前 · 阅读量：880

JavaScript

React Router v6 实践

React Router 是 React 应用程序中用于处理路由的标准库。随着版本的不断更新，React Router v6 引入了许多重要的新特性和改进。

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

JavaScript

逃离 HTML + CSS

当下，构建交互式应用程序的主流技术是 Web 技术，其中包括 HTML、CSS 与 JavaScript。在过去的 10 年，Web 技术生态发生了翻天覆地的变化，包括层出不穷的开发框架，诸如 React、Vue、Svelte，也包括日新月异的前端工程化工具，比如 Webpack、esbuild、Vite 等等。但归根结底，他们都逃不开 HTML、CSS、JavaScript 三剑客的范畴。

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

JavaScript

React之Effect详解

在React中，Effect是一种用于处理副作用的机制，它允许我们在组件生命周期中执行诸如数据获取、订阅事件、手动操作DOM等副作用操作。

发表于 10月以前 · 阅读量：791

JavaScript

React之条件渲染

条件渲染是指根据特定条件选择性地渲染React组件或元素。这可以通过JavaScript中的条件语句（如`if`语句或三元运算符）来实现。在React中，条件渲染通常与组件的`render`方法结合使用，根据某些条件返回不同的React元素。

发表于 10月以前 · 阅读量：693

JavaScript

快速打开Nest.js的世界

从引用官方介绍开始： Nest（NestJS）是一个用于构建高效、可扩展的Node.js服务器端应用程序的框架。它使用渐进式JavaScript，使用TypeScript构建并完全支持TypeScript（但仍然允许开发人员使用纯JavaScript编码），并结合了OOP（面向对象编程）、FP（功能编程）和FRP（功能反应编程）的元素。

发表于 9月以前 · 阅读量：518

JavaScript

浅谈JavaScript闭包

当一个函数能够记住并访问它创建时的词法作用域，即使该函数在其词法作用域之外执行，我们称之为闭包。

发表于 9月以前 · 阅读量：544

JavaScript

你为什么需要 useMount 和 useUnmount?

使用 React 类组件时，React 有明显的生命周期方法，可以在确定的生命周期方法里做确定逻辑，自从 React Hooks 推出后，React 没有推出明确的生命周期方法，更多的是使用 useEffect 去模拟生命周期方法，比如 useMount、useUnmount 等等。

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

JavaScript

vue3组件注册

一个 Vue 组件在使用前需要先被“注册”，这样 Vue 才能在渲染模板时找到其对应的实现。组件注册有两种方式：全局注册和局部注册。

发表于 9月以前 · 阅读量：565

JavaScript

解读vue中的solt

在 Vue.js 中，插槽（slot）的原理是利用组件的内容分发机制。当一个组件包含插槽时，Vue.js 会将组件内部的内容根据插槽的定义分发到相应的位置。

发表于 8月以前 · 阅读量：590

JavaScript

更轻巧的状态管理工具——Hookstate

作为 React 开发人员，管理中型应用程序的状态可能很困难。在开发小型应用程序时，将状态从一个组件传递到另一个组件相对简单。当应用程序的规模发生变化时，就会变得不方便，因为你需要无层级关系组件状态的互相访问支持。

发表于 7月以前 · 阅读量：609

JavaScript

JavaScript中的设计模式

JavaScript设计模式是编程世界的智慧结晶，提供了解决常见问题的优秀方案。无论你是初学者还是经验丰富的开发者，掌握这些模式都能让你的代码更清晰、更灵活。本文将为你介绍一些常见的设计模式，帮助你提高代码质量，构建更可维护的应用。让我们一起深入了解这些设计模式的精妙之处吧！

发表于 10月以前 · 阅读量：653

JavaScript

不同打包工具下的环境变量配置方式对比

在现代的JavaScript应用程序开发中，环境变量的配置是至关重要的。不同的应用场景和部署环境可能需要不同的配置，例如开发、测试和生产环境。最常见的需求是根据不同的环境，配置如是否开启sourceMap、API请求地址的切换、是否压缩代码等逻辑。本文主要介绍利用不同的工具：Webpack、Vite、Rollup打包项目的环境变量的配置方式。

发表于 10月以前 · 阅读量：623

JavaScript

React之自定义 Hook

自定义Hooks是一种在React中重用逻辑的方式。它允许我们将组件中的状态逻辑提取到可重用的函数中，并在需要时在不同的组件中使用。

发表于 10月以前 · 阅读量：584

JavaScript

单线程JavaScript为何如此高效

JavaScript 中的异步任务通常是通过回调函数、Promise、async/await 等机制来处理。通过合理使用异步任务和任务队列，可以实现非阻塞的代码执行，提高代码的性能和响应能力。

发表于 9月以前 · 阅读量：602

JavaScript

使用React Context的一些优化建议

Context 提供了一个无需为每层组件手动添加 props，就能在组件树间进行数据传递的方法。

发表于 7月以前 · 阅读量：631

JavaScript

认识&对比 React、Vue2、Vue3 三者的 diff 算法

React 是 Fiber 架构的，Fiber 其实是一个链表的结构，但是由于没有设置反向指针，因此没有使用双端比对的方式去优化 Diff 算法（没有反向指针，从右往左遍历链表会很困难）。这一点在 React 源码 reconcileChildrenArray 函数的注释中也有说明。

发表于 10月以前 · 阅读量：585

JavaScript

React.js快速入门教程

React.js是一个由Facebook开发的用于构建用户界面的JavaScript库。它主要用于构建单页面应用程序（SPA），可以轻松地创建交互性强、快速响应的用户界面。

发表于 10月以前 · 阅读量：469

JavaScript

用TypeScript编写React的最佳实践

如今， React 和 TypeScript 是许多开发人员正在使用的两种很棒的技术。但是把他们结合起来使用就变得很棘手了，有时很难找到正确的答案。不要担心，本文我们来总结一下两者结合使用的最佳实践。

发表于 11月以前 · 阅读量：754

JavaScript

JavaScript 语法问题

本文收集了100多个 JavaScript 的语法选择题，可以试试你是否真的了解这门语言。

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

JavaScript

Vue项目构建优化

在开发大型前端项目时，往往是一个需求对应一个分支，当完成需求后，就需要将代码打包、部署。代码通常需要部署到多个环境中，这些环境包括：日常环境、测试环境、回归环境和生产环境。回归环境用于在发布前进行测试，生产环境是用户访问的版本。随着时间的推移，项目中会不断引入许多新的依赖（如第三方库、插件等）和图片资源，代码数量也会逐渐增多，从而导致构建项目更加耗时，这也意味着部署项目需要消耗更长的时间。

发表于 9月以前 · 阅读量：600

登录后可以享受更多权益