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

推荐

资讯

前端

后端

Android

iOS

Flutter

Shell

RFC文档

前端

浏览器如何运行一段JavaScript代码

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

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

JavaScript

前端

JS如何判断文字被ellipsis了？

如果我们想要当文本被省略的时候，也就是当文本超出指定的宽度后，鼠标悬浮在文本上面才展示popper，应该怎么实现呢？

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

前端

前端“量子纠缠”：multipleWindow3dScene 来了

在量子力学里，当几个粒子在彼此相互作用后，由于各个粒子所拥有的特性已综合成为整体性质，无法单独描述各个粒子的性质，只能描述整体系统的性质，则称这现象为量子缠结或量子纠缠。量子纠缠是一种奇怪的量子力学现象，处于纠缠态的两个量子不论相距多远都存在一种关联，其中一个量子状态发生改变，另一个的状态会瞬时发生相应改变。

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

前端

AI模特换装的前端实现

随着AI的火热发展，涌现了一些AI模特换装的前端工具（比如weshop网站），他们是怎么实现的呢？使用了什么技术呢？下文我们就来探索一下其实现原理。

发表于 12天以前 · 阅读量：90

人工智能（AI）

前端

useEffect 实践案例（2）：自定义 hook

在上一章中，我们巧妙的把大量的 JSX 逻辑处理封装在了 List 组件中，使得在页面组件的代码变得非常简单。这是针对 UI 层的逻辑处理，那么在数据的处理上，是否也能够进行一些封装呢？

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

前端

useEffect 实践案例（一）

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

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

React JavaScript

前端

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

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

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

React JavaScript

前端

[译]装饰器的10年历史

"装饰器是一种结构设计模式，通过将对象置于包含行为的特殊包装器对象中，可以将新的行为附加到对象上"。© https://refactoring.guru/design-patterns/decorator

发表于 20天以前 · 阅读量：120

前端

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

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

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

JavaScript

前端

支持远程调试的 "vConsole"

前阵子一直在做业务需求，是嵌在公司 APP 里的 H5。而且是跨地区协作，我在 A 城市，测试和产品都在 B 城市。由于是 H5 项目，开发的时候一般都会实例化个 vConsole，方便查看项目的上下文信息。同时我想着当程序出现问题之后，测试小姐姐可以直接截个 vConsole 的图给我，可以减少沟通时间。

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

前端

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

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

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

JavaScript

前端

深入前端调试原理

调试是开发者需要掌握的一项重要的技能，它能够帮助我们快速定位和修复代码中的问题。本文主要介绍前端调试的基本原理。

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

前端

Nginx模块现在可以用 Rust 编写了

Nginx是一款高性能、开源的 Web 服务器和反向代理服务器软件，大部分互联网网站都在使用它。NGINX 最初由Igor Sysoev于2002年创建，此后一直在发展，并广泛流行于 Web 托管、内容交付和应用程序部署领域。它的性能、可扩展性和多功能优势闻名于世，也因此成为提供 Web 内容和有效管理互联网流量的网站关键组件。

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

Rust

前端

图解 JS、React、Vue 设计模式

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

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

Vue React JavaScript

前端

Monorepo 仓库代码质量提升实践

Monorepo 是一种项目代码管理方式，指单个仓库中管理多个项目，有助于简化代码共享、版本控制、构建和部署等方面的复杂性，并提供更好的可重用性和协作性。

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

前端

如何使用 Github Action 管理 Issue

很多小伙伴打开 github 上的仓库都只使用Code查看代码，或者只是把 github 当成一个代码仓库，但是 github 还提供了很多好用的功能。其中，GitHub Action就是一个很好用的功能，本文将通过几个管理Issue的示例带大家了解GitHub Action。

发表于 26天以前 · 阅读量：98

前端

Nginx反向代理OpenAI接口

准备条件：一台境外服务器，比如说腾讯云新加坡服务器;安装有Nginx环境，centos可以用yum install nginx安装;一个域名，比如说www.xxxx.com，以及对应的ssl证书（腾讯云可以在这里申请免费的证书）。

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

人工智能（AI）

前端

三种虚拟列表原理与实现

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

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

React JavaScript

前端

前端:从零到一, 轻松把自己的网站部署到服务器

作为一名前端工程师, 没有个自己的网站怎么行, 接下来我就来带大家介绍一下如何从零到一, 配置并部署自己的网站到服务器.

发表于 28天以前 · 阅读量：75

前端

被 Next.js 的环境变量给坑了一把...

最近在使用 Next.js 时遇到了一个问题，最后原因竟是 .env 取值问题，为这个问题花费了数小时的时间，希望看到这篇文章的朋友，如果遇到类似问题，不要重蹈覆辙吧。

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

前端

微前端时代：打造高效、灵活的前端开发体系

本篇文章全文约 1.5 万字，目的是系统化地介绍微前端及其核心技术，并介绍了什么是微前端以及为什么我们需要它。我们还讨论了在众多微前端框架中如何选择适合自己系统的框架，并分享了一些业界使用微前端的实践案例。最后，我们提到了微前端目前存在的一些局限性和争议点。总之，希望这篇文章能为大家提供有用的信息。

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

前端

为什么你非常不适应 TypeScript

在群里看到一些问题和言论：为什么你们这么喜欢“类型体操”？为什么我根本学不下去 TypeScript？我最讨厌那些做类型体操的了；为什么我学了没过多久马上又忘了？

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

前端

译：为什么你应该用 React Query

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

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

React JavaScript

前端

从浏览器原理出发聊聊Chrome插件

本文从浏览器架构演进、插件运行机制、插件基本介绍和一些常见的插件实现思路几个方向聊聊Chrome插件。

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

前端

Chrome 118：CSS @scope 规则来了！

@scope at-rule 允许我们将样式规则限定到给定的范围内，并根据这个范围的邻近程度设置样式元素。

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

前端

[译]CSS Animations 与 CSS Transitions

在 CSS 中有两种设置动画的方式即 CSS animations 和 CSS transitions。它们看上去有些相似，但了解后会发现他们有很大不同。接下来，我们将探讨两者之间的异同，以及什么情况下更适合选择哪一种。

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

前端

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

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

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

React JavaScript

前端

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

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

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

Node.js JavaScript

前端

原子化真的是现代前端CSS的救星吗

原子化CSS本身的概念和 Tailwind CSS、UnoCSS 设计都比较简单，这里主要想聊一下在现代前端中，原子化CSS到底是不是完美的解决方案，是不是解决CSS问题的正确方向。

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

前端

前端版本过低引导弹窗方案分享

作为 PC 页面为主的业务方，大多数用户在一天的工作中，可能都不太会刷新或者重新打开我们的页面，导致我们在下午或者白天发布的前端版本，往往需要到几个小时甚至第二天，才能覆盖到 98% 以上的用户。

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

前端

实战总结｜记一次迭代需求中的微型代码重构

大家好，我是钉钉业务平台前端技术的单丹。以往，历经考勤、日志、审批、开放平台、工作台等多个钉钉重点业务，分享更多的是偏技术架构或业务思考，这次，仅记录下程序员一次普通的日常需求中的微型重构过程。

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

前端

还原现场 — 前端录制用户行为技术方案

我们需要一种手段来获取用户某一时段连续的操作行为，也就是录制用户行为，包括整个会话中的每一个点击、滑动、输入等行为，同时支持回放录制的操作行为，完整且真实地重现用户行为以帮助我们回溯或分析某些使用场景。

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

前端

精读《算法题 - 编辑距离》

本文讨论解答leetcode上比较难的一道题目：编辑距离。

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

前端

TypeChat 入门指南

TypeChat 是一个革命性的库，它简化了使用 TypeScript 构建自然语言模型界面的过程。传统模式下，创建自然语言模型界面是一项复杂的任务，通常依赖复杂的决策树来确定意图并收集行动所需的输入。随着大型语言模型（LLM）的出现，这个过程变得更加容易，但它也带来了新的挑战，例如限制模型回复的安全性、构建响应以供进一步处理以及确保模型回复的有效性。

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

人工智能（AI）

前端

前端代码Review，一次性掰扯明白！

本文从前端代码关注的代码质量，功能实现，性能优化，安全性，可读性，可复用性，兼容性说明前端代码审核。

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

前端

前端必读书籍推荐（2023年最新版）

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

前端

React 和 Vue 全方位对比总结

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

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

Vue React JavaScript

前端

WebAssembly 模块化与动态链接

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