Z_Wonderful的博客

本文介绍了如何为单页应用（SPA）配置Nginx缓存策略。通过四类规则优化：1）HTML文件设为永不缓存，确保获取最新入口；2）带Hash的静态资源设为永久缓存，利用immutable特性；3）其他静态资源设置长期缓存；4）SPA路由处理将所有未匹配请求交由index.html处理。这种配置既保证了应用更新及时生效，又充分利用浏览器缓存提升性能，特别适合React/Vue等框架构建的应用。

Yarn 是 npm 的替代品，提供更快的安装速度和可靠的依赖管理。基础使用包括：yarn init初始化项目，yarn add添加依赖，yarn remove移除包，yarn install安装所有依赖。支持全局包管理（yarn global add）和缓存清理（yarn cache clean）。Yarn 工作区可管理多包依赖，常用命令与 npm 类似但更高效，适合大型项目管理。

React 实现老虎机滚动动画效果实例

本文介绍了如何使用html2canvas和print-js实现前端HTML页面的局部打印功能。通过html2canvas将指定HTML元素转换为图片，再利用print-js进行打印。代码示例展示了如何配置html2canvas的参数，如宽度、高度、背景颜色等，并通过printJS打印生成的图片。文章还指出了在打印多页内容时可能出现的空白页问题，并提供了两种解决方案：通过设置body{margin:0}或调整@media print样式来消除边距影响，从而避免空白页的出现。

本文介绍了如何使用html2canvas库实现前端HTML页面的局部打印功能。通过导入html2canvas库，开发者可以捕获指定HTML元素的内容并将其转换为Canvas图像。代码示例展示了如何配置html2canvas以捕获高分辨率图像，并处理跨域图片和背景色等细节。捕获的图像随后被转换为数据URL，并通过新窗口打开进行打印。打印窗口在图像加载完成后自动触发打印操作，并可选择在打印后关闭窗口。这一功能适用于需要将网页特定部分转换为图像并打印的场景。

在React/Vue移动端项目中，使用history路由模式时，页面刷新会导致404错误。这是因为React Router是客户端路由，刷新时服务器无法定位资源。单页应用（SPA）只有一个index.html入口文件，其他路由通过JS跳转，刷新时URL与服务器资源不匹配，导致404错误。解决办法有两种：一是将路由模式改为hash路由；二是在IIS服务器中配置web.config文件，使用重定向规则将所有请求重写到index.html，确保刷新时仍能正确加载页面。具体配置可参考相关文档。

axios导航守卫统一设置 接口超时时间后，额外给 特殊上传下载接口设置超时时间。

XMLHttpRequest，使用原生发送接口请求。

辅助生成唯一索引：文件上传断点续传、等

严格模式 <StrictMode > 这可以确保在 内的所有组件都经过检查。如果两个团队在一个产品上工作，并且对于这些检查是否有价值存在分歧，他们需要达成共识或将 下移到树的较低层级tsconfig.json。帮助你在开发过程中尽早地发现组件中的常见错误。

vue react文档在线预览API

项目更新版本，前端如何通知用户刷新页面

React 远程仓库拉取项目部署，二次开发。

react yarn安装sass

react 安装使用 antd+国际化+定制化主题+样式兼容

yarn webpack脚手架 react+ts搭建项目

react 不使用eject暴露配置（配置less或@/路径），使用react-app-rewired + customize-cra或@craco/craco

React 发现无webpack相关的配置的目录，进行创建， 安装插件需要进行配置react脚手架将webpack相关的配置隐藏起来了，如果想要看到webpack的配置可以执行，操作不可逆。

yarn React+Vite +TypeScript 搭建项目,git初始化,局域网预览 vite项目

2、确保初始化函数initData不会在组件卸载后继续执行。

iframe嵌套项目后，接口跳出登入页面（会出现画中画的场景）若想页面跳出 iframe 在里面加上下面这段代码。JavaScript 跳出iframe框架。

axios post body传数组参数。

在`不知道变量类型`的情况下定义： 如果要求 first 输入的类型，second 必须一样 这时候下面这个代码就不能做到了

React nginx配置,一个端口代理多个项目（转发后找不到CSS，JS及图片资源问题解决）

window.location.search取不到值

【代码】react mobx action同步。

location 无法获取最新。

将table封装成一个公共组件使用，columns在父组件内传参table子组件。

new Map()使用

1.假设请求 127.0.0.1/home# 2.nginx配置的location# 变量解释try_files 固定语法$uri 指代home文件(ip地址后面的路径，假如是127.0.0.1/index/a.png，那就指代index/a.png)$uri/ 指代home文件夹/index.html 向ip/index.html 地址发起请求尝试解析下列2个文件/文件夹(自动分辨出，IP后面的路径是文件还是文件夹)， $uri/$uri/，如果解析到，返回第一个，

react antd Input鼠标悬浮时显示已输入内容

useState多次渲染页面卡顿

模糊搜索，子级与其上级，或区域父级。2、根据需求进行数据处理。

当请求数据量过大时，接口返回数据时间会很长，数据回显时间长，Dom 的渲染会有很大的性能压力。组件中有提到一个滚动加载的组件库。

在页面滚动的时候，infiniteScroll 页面数是自动+1。举个例子，页面加载到第三页，infiniteScroll 无法在重新开始计数，而在某些场景中需要重新开始计数，比如切换月份等（按照需求），page number 需要重新计数。2、容器一定要被撑开并触底，这样才会触发v-infinite-scroll上绑定的方法。1、overflow属性是一定要有的，可以加到父节点或者自身上，否则会报错。改变 infiniteScroll 的 key 值，或加在父级元素上。1.使用useRef。

【代码】JS(react)图片压缩+图片上传。

【代码】React安装依赖 node_modules中有下载依赖项但package.json文件中没有依赖。

设置定时器1000ms后，定时器里的函数会被加入到宏任务队列里，并执行。此时，设置的只执行一次的定时器已经生效过了，清除定时器没有意义。清除定时器要在定时器触发前调用才有意义。了解相关知识：定时器，事件循环。

【代码】react useEffect 内存泄漏。

问题描述：React死循环问题