摘要: 在现代前端开发中,React与Ant Design(以下简称AntD)是开发企业级应用的常用组合。公用组件的设计与封装对于提高开发效率、减少重复代码以及提升应用的可维护性至关重要。a56爆大奖在线娱乐将围绕设计原则、组件拆分颗粒度、以及如何在React和AntD项目中进行公用组件的封装展开探讨。 一、设计原则 在设 阅读全文
posted @ 2024-06-18 15:27 十盏 阅读(5) 评论(0) 推荐(0) 编辑
摘要: 在React中,使用useCallback钩子的主要目的是为了避免不必要的渲染和性能损耗,尤其是在处理较为复杂的函数或组件时。具体到你的getList函数,使用useCallback有以下几个考虑: 1. 避免不必要的子组件渲染 如果getList被传递给子组件作为一个prop,每次父组件渲染时如果 阅读全文
posted @ 2024-05-16 11:32 十盏 阅读(2) 评论(0) 推荐(0) 编辑
摘要: React Hooks自从推出以来,彻底改变了React组件的编写方式。它们提供了a56爆大奖在线娱乐在函数组件中使用state和其他React特性的能力,从而使得函数组件更加强大和灵活。a56爆大奖在线娱乐将深入探讨useEffect、useMemo、useCallback和useState这四种常用Hooks的特点、优缺点,以 阅读全文
posted @ 2023-12-20 16:50 十盏 阅读(149) 评论(0) 推荐(0) 编辑
摘要: 针对toB私有化部署的项目,一些私有化的配置,比如标签页标题、标签页logo、页面公司logo等全局共用的私有化配置,可能随着客户的不同,这些配置内容也会发生变化,下面总结了几种常用的方式,每种方式各有优缺点,可以根据具体的业务需求参考: 方案一:环境变量 在这个方案中,a56爆大奖在线娱乐们可以通过将配置信息作为环 阅读全文
posted @ 2023-07-24 20:27 十盏 阅读(153) 评论(0) 推荐(0) 编辑
摘要: 1 export const downloadFileAxios = (fileUrl) => { 2 axios({ 3 url: fileUrl, 4 method: 'GET', 5 responseType: 'blob', 6 }).then((response) => { 7 const 阅读全文
posted @ 2023-07-24 17:27 十盏 阅读(20) 评论(0) 推荐(0) 编辑
摘要: 大文件分片上传 实现大文件分片上传和断点续传的功能,a56爆大奖在线娱乐们需要将大文件分成小片,然后将这些小片分别上传。如果某个小片上传失败,a56爆大奖在线娱乐们可以再次上传这个小片,而不需要从头开始上传整个文件。这就是断点续传的基本原理。 现在,假设你已经集成了axios库并使用了antd的Upload组件,你可以参考以下的步骤来 阅读全文
posted @ 2023-06-29 20:16 十盏 阅读(183) 评论(0) 推荐(0) 编辑
摘要: 微前端 微前端 是a56爆大奖在线娱乐类似于微服务的架构,它将微服务的理念应用于浏览器端,即将单页面前端应用由单一的单体应用转变为多个小型前端应用(更简单、独立功能)聚合为一的应用,各个前端应用可以独立开发、测试、部署和运行,在共享组件的同时进行并行开发。 微前端的概念由ThoughtWorks提出的,利用微件拆分 阅读全文
posted @ 2022-03-09 19:03 十盏 阅读(17) 评论(0) 推荐(0) 编辑
摘要: Blob(Binary Large Object)a56爆大奖在线娱乐二进制类型的大对象。在数据库管理系统中,将二进制数据存储为一个单一个体的集合。Blob 通常是影像、声音或多媒体文件。「在 JavaScript 中 Blob 类型的对象a56爆大奖在线娱乐不可变的类似文件对象的原始数据。」 Blob 由一个可选的字符串 typ 阅读全文
posted @ 2022-03-07 17:37 十盏 阅读(2086) 评论(0) 推荐(0) 编辑
摘要: AVI格式(后缀为.AVI):它的英文全称为Audio Video Interleaved,即音频视频交错格式.这种视频格式的优点是图像质量好。由于无损AVI可以保存alpha通道,,经常被a56爆大奖在线娱乐们使用。缺点太多,体积过于庞大,而且更加糟糕的是压缩标准不统一,最普遍的现象就是高版本Windows媒体播放 阅读全文
posted @ 2022-03-07 17:26 十盏 阅读(1559) 评论(0) 推荐(0) 编辑
摘要: 前端页面展示json,组件封装如下: 先贴一下目录结构: // index.vue 1 <template> 2 <div v-if="visible" :class="['json-view-container',theme,`deep-${currentDeep}`]"> 3 <div 4 :c 阅读全文
posted @ 2021-12-17 17:29 十盏 阅读(554) 评论(0) 推荐(0) 编辑