摘要：
计算属性（Computed）： computed 是基于依赖关系进行缓存的。只有当相关的响应式依赖发生改变时，才会重新求值。适合于执行更复杂的数据操作。 computed 属性是计算出来的，不会对原始数据造成任何副作用。 computed 属性可以具有 setter 和 getter 方法，可以更灵 阅读全文
摘要：
在JavaScript中，this 是一个特殊的变量，它引用了调用对象。它的指向在不同的上下文中有不同的变化。以下是一些常见的 this 指向的情况： 1.全局上下文：在全局作用域中，this 指向全局对象。在浏览器中，这通常是 window 对象。 console.log(this); // wi 阅读全文
摘要：
如何写好代码其实是一个很大的话题，本次仅分享一些自己的经验之谈，有其他idea的欢迎交流 在我看来，写好代码更多的是逻辑思维的体现，而这，紧靠一两次分享是无法提高的，我只能尽可能的将可能可以复制的经验进行分享 本次分享不会涉及太多你使用的框架的具体使用细节，技术选型总是千变万化的，我们需要的是抓住不 阅读全文
摘要：
使用到ahooks里面的 useFullscreen， https://ahooks.js.org/zh-CN/hooks/use-fullscreen/#usefullscreen-demo2 直接上代码了 import { useFullscreen } from 'ahooks'; impor 阅读全文
摘要：
支持表单受控和非受控使用，基于antd upload 进行的二次封装， 使用场景如下图： 1.组件文件夹 2. index.tsx贴代码 import React, { useEffect, useMemo, useState } from 'react'; import { ImageFilesW 阅读全文
摘要：
记录一下： 根据后台接口返回的文件流，前端实现导出下载，使用（react+ts） 1.请求方法 (这里写法绕开拦截器) // 导出日志 export async function exportLog(data: ILogparams) { const url = getRequestUrl(API. 阅读全文
摘要：
一、什么是Webpack？ 一个基于node.js的前端模块化/预处理/扁平化处理器。 二、为什么要使用Webpack？ 解决业务代码中的各种依赖，模块加载,静态文件引入问题(重复依赖/强依赖，阻塞加载，资源整合) 使浏览器支持众多样式预处理器(sass, less, stylus) 使浏览器支持众 阅读全文
摘要：
关于文件下载： 1. 贴一下现在项目现有写法： 2. 改进后写法(推荐使用)： import { saveAs } from 'file-saver'; saveAs(url,fileName) 3. 其他 （1）同域 <a download=”xxx.xlsx” href="/xxx.xlsx"> 阅读全文
摘要：
一、key的作用： 1. 主要是对DOM渲染的性能优化，用来减少没必要的diff算法对比。当列表顺序发生改变时，如果不加key，不管数据是否发生改变，所有列表元素都会重新渲染，当列表元素没有发生改变时，值是在末尾产生新的元素，此时key的值加不加都是可以的，React只会渲染最后一个元素。如图： 假 阅读全文
摘要：
问题1.多次触发请求，且存在潜在的竞态问题 const [page, setPage] = useState(1); const [keyword, setKeyword] = useState(''); useEffect(() => { // do request }, [page, keywo 阅读全文