随地大小学的码农

该篇主要是分享一个前端工程师学习 AI 的历程。你将学习到：如何选择学习路线、学习 AI 相关的基础概念、学习 AI 应用开发的基本技术方案、学习基于 LLM 开发一个简单...

在当今的技术环境中，人工智能（AI）与前端开发的融合越来越普遍。其中一个显著的应用是在图像识别中，AI算法可以检测和标记图像中的对象，增强用户体验，并在网站或应用程序上实现...

Promise是异步编程的一种解决方案，比传统的回调函数或事件更合理和更灵活。本文主要展示Promise提供的方法列表，以及基本的实现原理。通过本文，我们能加深Promis...

Hooks篇 什么是React hooks React hooks 解决了哪些痛点 第一，在组件之间复用状态逻辑很难 比如，你使用redux创建了一个状态仓库，而这段代码好...

前言 大家好，我是林三心，在日常面试中，Diff算法都是绕不过去的一道坎，用最通俗的话，讲最难的知识点一直是我写文章的宗旨，今天我就用通俗的方式来讲解一下Diff算法吧？L...

其中dom-diff算法是虚拟dom的核心，重点，难点。 DOM 全称为“文档对象模型”（Document Object Model），JavaScript 操作网页的接口...

大文件上传第三篇：图文并茂，手把手实现大文件上传-秒传续传功能的前后端逻辑（Vue + Express）...

EventBus EventBus （事件总线）是一种组件通信方法，基于发布/订阅模式，能够实现业务代码解耦，提高开发效率 发布/订阅模式 发布/订阅模式是一种设计模式，当...

二次封装 我们开发中经常需要封装一些第三方组件，那么父组件应该怎么传值，怎么调用封装好的组件原有的属性、插槽、方法，一个个调用虽然可行，但十分麻烦，我们一起来看更简便的方法...

本文实践了Vue3组件二次封装的三个实用技巧:实现双向数据绑定、向子组件传递插槽、获取子组件ref。通过实际代码示例,展示了使用defineModel、h函数和Proxy等...

使用$attrs透传属性。我将分别从单一根元素、多个根元素、Options API、Composition API 3.0 和 3.2 语法 这5个角度讲解如何使用 $at...

代理服务器是部署在客户端和服务器之间的服务器，可以代替客户端和服务器发送或接收消息 正向代理 定义 正向代理，也是客户端代理，当客户端要访问目标服务器时，会先发送请求到代理...

前言 浏览器是一个多进程多线程的架构，以 Chrome 为例，每一个 tab 页都是一个单独的渲染进程。在这个渲染进程下，有 JS 执行线程和渲染线程。 JS 执行线程与渲...

自己实现一个大文件切片上传+断点续传 PM：喂，那个切图仔，我这里有个100G的视频要上传，你帮我做一个上传后台，下班前给我哦，辛苦了。 我：。。。...

在前端开发项目中，处理和操作二进制数据是非常常见的任务，无论是上传文件、处理图像、音频还是视频，都需要一种灵活而强大的工具来应对。JavaScript中的new Blob(...

前言 在现代网页开发中，图片作为内容的重要组成部分，往往占据了大量的带宽和加载时间。尤其是当网页中包含大量图片时，如果不进行适当的优化，很可能导致页面加载速度变慢，从而影响...

性能优化是所有前端人的追求，在这条路上，方法多种多样。这篇文章，说一下可以怎样定义性能指标及上报。 FP，全称 First Paint，翻译为首次绘制,是时间线上的第一个时...

对于一些特别复杂的交互，快速呈现一些初始视觉反馈作为用户提示正在发生某些事情非常重要，下次绘制的时间是执行此操作的最早机会...

本文探讨了useEffect和useLayoutEffect的区别，以及他们对应的应用场景，结合官方文档进行总结，旨在对面试的同学有所帮助。...