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

推荐

资讯

基础

前端

后端

人工智能

Android

iOS

Rust

Flutter

Shell

RFC文档

前端

三种虚拟列表原理与实现

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

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

React JavaScript

前端

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

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

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

前端

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

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

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

前端

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

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

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

前端

为什么你非常不适应 TypeScript

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

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

前端

译：为什么你应该用 React Query

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

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

React JavaScript

前端

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

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

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

前端

Chrome 118：CSS @scope 规则来了！

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

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

前端

[译]CSS Animations 与 CSS Transitions

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

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

前端

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

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

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

React JavaScript

前端

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

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

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

Node.js JavaScript

前端

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

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

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

前端

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

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

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

前端

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

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

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

前端

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

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

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

前端

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

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

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

前端

TypeChat 入门指南

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

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

人工智能（AI）

前端

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

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

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

前端

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

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

前端

React 和 Vue 全方位对比总结

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

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

Vue React JavaScript

前端

WebAssembly 模块化与动态链接

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

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

Python Rust WebAssembty JavaScript

前端

WebAssembly 常见引擎简介

在本文中，我们将讨论驱动 WebAssembly 程序运行的核心组件——引擎。首先，本文将简要介绍一个语言的引擎包括哪些主要组成部分，它们如何配合完成工作，尝试构建一个概念模型。之后，就几款社区流行的开源引擎，分别介绍各自的特点。

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

WebAssembty

前端

周爱民：告前端同学书

一年前，InfoQ的编辑约请我对前端技术做了些回顾总结，说了三个方面的话题：其一，前端过去的15年大致可以怎样划分；其二，前端的现状以及面临的挑战；其三，前端会有怎样的未来。后来刊发成综述，是《技术15年》。缘于文体变动，访谈的味道十不存一，所以这里再次整理成文，是为《告前端同学书》。

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

前端

如何通过Express和React处理SSE

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

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

React JavaScript 人工智能（AI）

前端

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

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

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

Vue JavaScript

前端

如何保持会话粘性，看看 Nginx 怎么做的

本文旨在说明如何满足需求：来自同一客户端的所有请求都被发送到同一个后端服务器，以确保会话数据或状态在服务器之间保持一致。

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

前端

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

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

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

Vue React JavaScript

前端

JavaScript之观察者模式

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

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

JavaScript

前端

团队把图标方案从iconfont换成iconify了，说说我们的思考

iconfont 的方案其实是在 2016 年公开，到现在也已经有 6 年之久，它确实在这一段时期的设计领域中，独树一帜的解决了图标的问题，这么多年也有了丰富的积累沉淀。但是前端的发展是日新月异的，图标领域其实这些年也出现了很多新起之秀。

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

前端

Nginx 简单入门指北不指南

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

前端

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

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

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

JavaScript

前端

美团面试官：那你讲一讲Vuex吧

周一接到了美团的一面，面试官人很好，基本都是围绕着简历来问，下面就是我重新整理了一下怎么实现Vuex的min简单版本，可以看到Vuex的大致原理。

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

面试

前端

ECMAScript 2023 正式发布，有哪些新特性？

2023 年 6 月 27 日，第 125 届 ECMA 大会正式批准了 ECMAScript 2023 语言规范，这意味着它现在正式成为最新 ECMAScript 标准。下面就来看看 ECMAScript 2023 都有哪些新特性吧！

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

前端

浅谈前后端交互的基本原理

了解前后端交互的基本原理对于从事与Web开发相关的角色的人群是非常重要的。这包括前端开发工程师、后端开发工程师、全栈开发工程师、Web应用程序设计师、项目经理和产品经理等。无论你在开发、设计还是管理层面工作，了解前后端交互的基本原理将帮助你更好地理解和推动Web应用程序的开发和交付。

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

前端

Node.js 项目调试指南

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

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

Node.js JavaScript

前端

深入了解CSS颜色架构：提升你的网页设计技巧

这篇文章深入探讨了CSS颜色架构的重要性和实践方法，以帮助开发人员和设计师创建更具吸引力和一致性的网页设计。作者首先介绍了CSS颜色的基础知识，包括颜色表示法、颜色值和颜色选择工具。接着，他强调了良好的颜色架构对于网页的视觉吸引力和用户体验的重要性。

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

前端

图片加载错误的捕获及处理

前端开发中，图片是我们在网页中加载最多的静态资源类型之一，但是图片加载过程中也有可能出现加载失败的情况，这是十分影响用户体验的。那么如何正确的判断图片是否成功加载，以及图片加载失败的时候，如何处理，就是本篇文章所要讲解的主要内容。

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

前端

5分钟看懂的WebAssembly入门指南

本文是一篇WebAssembly的入门文章，从理论介绍到实战方面有全面的讲述。

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

WebAssembty

前端

小程序实现 ChatGPT 聊天打字兼自动滚动效果

在 ChatGPT 的背景下，我们今天来聊聊在小程序中怎么实现类似 chatGPT 的聊天打字效果，并且实现滚动效果。

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

前端

前端构建工具的未来

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

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

JavaScript

前端

项目规范：让你的代码更上一层楼

详细讲解如何配置前端项目的代码规范。

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

前端

前端加载超大图片(100M以上)实现秒开解决方案

对于几百M或上G的大图而言，不管对图片进行怎么优化或加速处理，要实现秒开也是不太可能的事情。而上面介绍的第二条“图像分割切片”是最佳解决方案。下面介绍下如何对大图进行分割，在前端进行拼接实现秒开。

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

前端

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