十盏

摘要： 随着人工智能技术的飞速发展，尤其是大模型（Large Language Models，LLM）的崛起，前端开发者迎来了全新的工作方式。大模型不仅可以提升研发效率，还能够显著提高代码质量。本文将深入探讨前端开发者如何利用大模型及其相关工具，提升工作效率和代码质量，并探讨未来可能的应用场景和发展方向。 阅读全文

摘要： 在现代前端开发中，React与Ant Design（以下简称AntD）是开发企业级应用的常用组合。公用组件的设计与封装对于提高开发效率、减少重复代码以及提升应用的可维护性至关重要。本文将围绕设计原则、组件拆分颗粒度、以及如何在React和AntD项目中进行公用组件的封装展开探讨。 一、设计原则 在设 阅读全文

摘要： 在React中，使用useCallback钩子的主要目的是为了避免不必要的渲染和性能损耗，尤其是在处理较为复杂的函数或组件时。具体到你的getList函数，使用useCallback有以下几个考虑： 1. 避免不必要的子组件渲染 如果getList被传递给子组件作为一个prop，每次父组件渲染时如果 阅读全文

摘要： React Hooks自从推出以来，彻底改变了React组件的编写方式。它们提供了一种在函数组件中使用state和其他React特性的能力，从而使得函数组件更加强大和灵活。本文将深入探讨useEffect、useMemo、useCallback和useState这四种常用Hooks的特点、优缺点，以 阅读全文

摘要： 针对toB私有化部署的项目，一些私有化的配置，比如标签页标题、标签页logo、页面公司logo等全局共用的私有化配置，可能随着客户的不同，这些配置内容也会发生变化，下面总结了几种常用的方式，每种方式各有优缺点，可以根据具体的业务需求参考： 方案一：环境变量 在这个方案中，我们可以通过将配置信息作为环 阅读全文

摘要： 1 export const downloadFileAxios = (fileUrl) => { 2 axios({ 3 url: fileUrl, 4 method: 'GET', 5 responseType: 'blob', 6 }).then((response) => { 7 const 阅读全文

摘要： 大文件分片上传 实现大文件分片上传和断点续传的功能，我们需要将大文件分成小片，然后将这些小片分别上传。如果某个小片上传失败，我们可以再次上传这个小片，而不需要从头开始上传整个文件。这就是断点续传的基本原理。 现在，假设你已经集成了axios库并使用了antd的Upload组件，你可以参考以下的步骤来 阅读全文

摘要： 微前端 微前端 是一种类似于微服务的架构，它将微服务的理念应用于浏览器端，即将单页面前端应用由单一的单体应用转变为多个小型前端应用（更简单、独立功能）聚合为一的应用，各个前端应用可以独立开发、测试、部署和运行，在共享组件的同时进行并行开发。 微前端的概念由ThoughtWorks提出的，利用微件拆分 阅读全文

摘要： Blob（Binary Large Object）表示二进制类型的大对象。在数据库管理系统中，将二进制数据存储为一个单一个体的集合。Blob 通常是影像、声音或多媒体文件。「在 JavaScript 中 Blob 类型的对象表示不可变的类似文件对象的原始数据。」 Blob 由一个可选的字符串 typ 阅读全文

摘要： AVI格式（后缀为.AVI）：它的英文全称为Audio Video Interleaved，即音频视频交错格式.这种视频格式的优点是图像质量好。由于无损AVI可以保存alpha通道,，经常被我们使用。缺点太多，体积过于庞大，而且更加糟糕的是压缩标准不统一，最普遍的现象就是高版本Windows媒体播放 阅读全文