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

推荐

资讯

基础

前端

后端

人工智能

Android

iOS

Rust

Flutter

Shell

RFC文档

前端

一个Level 0富文本编辑器的进化历程

富文本编辑器是我们在生活中常用到的编辑工具，本文将为大家介绍富文本编辑器技术成长的历程，在最后会带大家利用document.execCommand实现一个简单的传统编辑器。

发表于 2天以前 · 阅读量：35

前端

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

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

发表于 4天以前 · 阅读量：60

React JavaScript

前端

【5000字】带你了解透彻浏览器缓存！

如果没有缓存机制，刷新页面的时候，不管是以什么样的形式刷新（前进/后退/普通刷新/强制刷新），那么每次浏览器都会去请求服务器的资源，想想是有多么的可怕，这样会大大的增加服务器的压力和带宽。

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

前端

Web 端 RTL 适配实践

在业务全球化的进程中，我们会面对产品本地化的需求。在中东地区，许多国家使用阿拉伯语、希伯来语等语言，其书写和阅读习惯是从右向左（简称 RTL），与我们日常使用的中、英文环境中的从左向右（简称 LTR）阅读习惯相反。为了确保我们的产品在 RTL 语言用户中依然能够提供良好的体验，需要进行 RTL 适配。

发表于 7天以前 · 阅读量：61

前端

前端与AI的结合：识别图像中的物体

当前端与人工智能（AI）相结合，可以实现一系列强大的图像处理和分析功能。通过利用现代浏览器的能力以及强大的AI模型，我们可以开发出能够识别图像中的物体、场景和特征的前端应用程序。

发表于 7天以前 · 阅读量：67

人工智能（AI）

前端

MongoDB索引使用总结

MongoDB 是目前最流行的文档型数据库。MongoDB 的采用类 json 的存储格式对开发者来说非常友好。本文梳理了 MongoDB 索引的底层结构以及使用经验，不足之处欢迎大家指正。

发表于 9天以前 · 阅读量：81

前端

前端面试：你以为这只是一个简单的数组去重吗？

之前面试过程被问到数组去重有哪些方式？心想这个问题我会，随便也能说出好几种，也不带多思考的。巴拉巴拉巴拉巴拉。说完，面试官好像不太满意的样子，还问了句，没了吗。我想，咋滴，就这些还不不够用吗。然后就下一题了。

发表于 17天以前 · 阅读量：101

面试

前端

JS程序设计的常用套路

亲尝百草，方知甘苦。套路，通常有助于提升代码的可读性、扩展性和效率。以下是作者工作中总结出来的一部分代码套路，分享给大家。

发表于 17天以前 · 阅读量：102

前端

使用React Context的一些优化建议

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

发表于 17天以前 · 阅读量：208

React JavaScript

前端

面试心得分享：手写前端面试题全记录

几个面试题目，分享给大家。

发表于 17天以前 · 阅读量：184

面试

前端

面试官居然要我用JS代码计算LocalStorage容量！

`localStorage`的容量大家都知道是`5M`，但是却很少人知道怎么去验证，而且某些场景需要计算`localStorage`的剩余容量时，就需要我们掌握计算容量的技能了~~

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

前端

实践总结｜前端架构设计的一点考究

本文总结了作者在日常/大促业务的“敏捷”开发过程中产生的疑惑，并尝试做出思考得到一些解决思路和方案。在前端开发和实践过程中，梳理了一些简单设计方案可以缓解当时 “头疼” 的几个敏捷迭代问题，并实践在项目迭代中。

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

前端

解读vue中的solt

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

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

Vue JavaScript

前端

Redux Toolkit

阅读本文章前，需要先了解下 redux 的基本概念与用法，Redux Toolkit 是建立在 Redux 基础之上的工具包，因此需要对 Redux 的基本概念有一定的了解，包括 Action、Reducer、Store、Middleware 等。理解 Redux 的工作原理和数据流程有助于更好地理解和使用 Redux Toolkit。

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

前端

昨天的题目是最近字节面试的手写题，实现有些问题，现配上相应的注释、码上掘金的 Playground 以及相关源码，修正如下

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

面试

前端

Webpack 动态设置 devServer 的 proxy 配置项

在本地进行项目开发时候，有些时候需要使用代理来访问某些测试环境的数据，这就要在 Webpack 对 devServer 的 proxy 做相关的配置。

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

前端

年度代码翻车现场｜前端代码评审问题总结

代码评审于技术团队的工程师文化建设非常有意义，它是形成团队统一代码风格最有效的方式，作者把自己团队在一年的CR中常见的那些小问题做了一些梳理，希望能对大家起到一点小帮助。

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

前端

快速打开Nest.js的世界

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

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

Node.js JavaScript

前端

【面试题】1970- 移动端适配介绍

目前市面上移动端屏幕尺寸非常的繁多，很多时候我们希望一个元素在不同的屏幕上显示不同的大小以此来更好的还原效果图。

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

前端

一个SSE（流式）接口引发的问题

最近我们公司也是在做认知助手，大模型相关的功能，正在做提示词，机器人对话相关功能。想要提高用户体验，使用SSE请求模式，在不等数据完全拿到的情况下边拿边返回。

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

前端

【滴滴】如何判断某一个值是数组

完美实现一个月下载量超过一个亿的包: isarray。

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

前端

基于Animate.css让你的网站眼前一亮吧

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

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

JavaScript

前端

最主流系统权限模块设计？五分钟搞定！

对于后台管理系统，权限控制、千人千面是必须的，例如超级管理员可以看到所有的页面；普通用户能看到A、B页面；VIP用户可以看到A、B、C、D页面，诸如此类，这些业务的逻辑背后就是三种概念的设计。

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

前端

Vue项目构建优化

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

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

Vue JavaScript

前端

【1S 战役】飞天服务平台首页-秒开优化

Web 的性能优化有很多方法论可以来讨论，这里我先介绍一下飞天服务平台首页的业务背景，以及在业务过程中做的有针对性的优化方法。

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

前端

单线程JavaScript为何如此高效

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

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

JavaScript

前端

正则表达式不用背

正则表达式是一个强大的文本匹配工具。但是，对于初学者来说，众多的符号和规则可能让人难以理解。其实，你不需要记住所有的正则表达式语法！本文将分享一些简单而实用的技巧，帮助理解正则表达式的核心概念，轻松使用正则表达式！

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

前端

解决前端跨团队统一的隐性拦路虎

过去多年无论是一款插件推广，还是组件库统一，无论是一次机制流程制定，还是前端工程化体系建设，相信很多同学与我一样，在跨团队方案推广统一过程中，前期无论做好多详实的准备，最终都会有一种未竟全功的感觉。

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

前端

面试官：一套代码如何同时搞定cmd，umd，esm模块代码？

在日常开发中，我们难免会遇到一些重复的工作，例如我们编写的工具函数，可能多个项目之间都有可能使用到，就好像我写的这个脚手架一样，在脚手架中使用到的工具函数和在 webpack 配置中使用到的工具函数是一样的，但是他们一个是使用 cjs 模块开发的，一个是使用 esm 模块开发的，这样的话，我们就需要有一个东西可以使我们在编写工具类库的同时，将一份代码编译成多个不同的模块。

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

前端

使用debug进行Node.js调试

在Node.js开发过程中，调试是一个非常重要的环节。调试工具可以帮助我们快速定位问题、追踪代码执行过程、查看变量值等。而debug是一个轻量级的调试工具，它提供了一套简单而强大的调试功能，可以帮助开发者更加高效地进行调试工作。本文将介绍如何使用debug包进行Node.js调试，并深入解析debug的设计理念和特点。

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

Node.js

前端

前端部署真的不简单

本文介绍大型前端项目的部署，涉及到灰度，缓存等知识点。

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

前端

如何实现一个Canvas渲染引擎(二)：Graphics类

本文将会补充Graphics类支持的所有图形，一些简单的图形，将会使用比较短的篇幅来介绍，重点将会放在曲线等复杂图形的绘制上。鉴于我们已经讲过了矩形的绘制，所以本文将会从圆开始。

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

前端

面试必备HTML知识点

在HTML中，src 和 href 是两个不同的属性，用于引用外部资源，它们有不同的用途和适用于不同类型的HTML元素。

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

面试

前端

刘谦春晚魔术揭秘：约瑟夫环的数学魅力，JS实现下！

今年春晚刘谦的魔术堪称惊艳全场，那么他这个魔术实现的原理是什么呢？今天，就让咱们使用 JS 是实现这个魔术。

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

前端

一看就懂的TypeScript工具类型

TypeScript是一种静态类型检查的编程语言，它内置了许多基本数据类型，如字符串、数字和布尔型等。除了基本数据类型，当某种类型对于大多数代码来说都非常有用时，它们就会被添加到TypeScript中并且被大家使用而无需担心它们的可用性。这些内置在TS中的类型我们称之为工具类型，这些工具类型位于TS安装目录typescript/lib/lib.es5.d.ts，熟悉这些工具类型，可以帮助我们提高开发效率。

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

前端

vue3组件注册

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

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

Vue JavaScript

前端

Promise中这四个API原来这么简单！

不管你是否还学的动，JS语言依然在以自己的节奏飞快的进化。Promise中的any()、race()、all()方法都是比较常见的；转眼间，Promise 的工具包里又多了一个方法Promise.allSettled 供你选择，它看起来像是对 Promise.all 的一种补充，缓解了使用 Promise.all 碰到reject 的痛点问题。

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

前端

你想要的图片优化方案都在这里！

当谈到前端性能优化，不得不提图片资源的优化，图片可谓是网站的主要构成部分，尤其是对于商城类的网站。

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

前端

前端如何生成临时链接？

前端基于文件上传需要有生成临时可访问链接的能力，我们可以通过URL.createObjectURL和FileReader.readAsDataURAPI来实现。

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

前端

如何实现一个Canvas渲染引擎(一)：节点和层级关系

canvas中没有节点和层级的概念，我们通过DisplayObject和Container等类，实现了节点和层级的概念；通过Transform属性实现了类似DOM的transform属性；通过叠加节点相对于父节点的变换(localTransform)和父节点相对于canvas视窗的变换(parent.worldTransform)，得到了每个节点相对于canvas视窗的变换，然后调用ctx.setTransform设置画笔的状态，来进行绘制；通过requestAnimationFrame实现了自动清除画布和重新绘制。

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

前端

一篇文章带你看懂Node.js

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

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

Node.js JavaScript

前端

Vue之nextTick原理与作用

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

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

Vue JavaScript

前端

浅谈JavaScript闭包

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

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

JavaScript