前端框架

vue项目页面最底部出现乱码起因是我修改了网页的logo原因是 vite.config.ts 文件里这个项目之前的logo是那个头部log.png的文件，就放在icons里面我新拿到的图片就起来个英文名放进去了，结果就报错。另外放了一个文件夹就没事了。我猜测是他不会编译中文文件名的png文件

啃火龙果的兔子

前端八股文-react篇React 类组件的生命周期分为三个阶段：挂载阶段：更新阶段：卸载阶段：虚拟 DOM：工作流程：useState：管理组件状态

什么是 Monorepo ？如何实现？多个项目（或包）的代码放在同一个版本控制仓库中进行管理。Ps：想象一个大房子（一个大的代码仓库），里面住着好几个相关的项目（比如前端的网页 App、后端的服务器程序、共享的工具库），它们不再各自住单独的小房子（单独的仓库），而是共享同一个大空间、同一个地址簿（版本管理）、同一个工具箱（构建工具）。这个大房子就是 Monorepo。

敲代码的苦13

HTML静态网页成品作业(HTML5、CSS3和JavaScript)——旅游网站网页(内包含1个页面)一个包含首页、旅游景点介绍、家乡介绍等页面的旅游网站。该网站采用HTML5、CSS3和JavaScript进行布局和样式设计，确保兼容主流浏览器。网站布局使用了DIV+CSS，实现了简洁大气的设计效果，并包含了导航条、图片插入、表单提交等功能。此外，网站还具备鼠标悬停变色、动态图片切换等交互效果。每个页面都保持了统一的设计风格，以增强整体宣传效果。

前端性能优化：打造极致用户体验用户对网站的耐心是有限的。研究表明，如果一个网页的加载时间超过3秒，超过50%的用户会选择离开。而当加载时间超过5秒时，用户流失率会进一步增加。这不仅影响用户体验，还会对网站的业务指标产生负面影响，例如降低销售额、减少页面浏览量等。

带你手写React中的useReducer函数。(底层实现)在 React 开发中，useReducer 是管理复杂状态逻辑的利器。它类似于 Redux 的简化版，允许我们将状态更新逻辑抽离为独立的 reducer 函数，提升代码的可读性和可维护性。本文将深入探讨手写 React 中的 Reducer，从原理到实践，帮助你彻底掌握这一核心概念。

微前端解决方案-qiankunqiankun 是阿里巴巴开源的一款基于Single-SPA的微前端框架，提供了更完善的沙箱隔离、资源加载和生命周期的管理能力，适用于大型企业级前端应用。

【React】SWR 和 React Query(TanStack Query)它们都是目前非常流行的 React 生态中用于服务端数据获取和缓存管理的库。客户端状态（浏览器内存）：

sunshine_程序媛

在Vue2项目中引入ElementUI详细步骤1.使用npm安装ElementUI，安装好后在package.json文件查找element-ui是否安装好

状态管理库对比总结解决前端应用中组件间状态共享和通信的复杂性，尤其在大型应用中：🔄 避免仅靠组件状态（如 data）和 props 传递导致的数据流混乱

React组件化开发：从"搬砖"到"搭积木"的艺术大家好，我是你们的老朋友FogLetter，今天我们来聊聊React组件化开发这个让前端工程师从"搬砖工"升级为"建筑师"的神奇魔法。

架构个驾驾

前端微服务框架深度对比：无界（Momentum）与乾坤（Qiankun）实战指南在传统单体前端架构中，随着业务复杂度增加，代码臃肿、协作困难、部署效率低等问题愈发突出。微前端通过将项目拆分为多个独立自治的微应用，解决了这些问题：

🔥《刚刚问世》系列初窥篇-Java+Playwright自动化测试-20- 操作鼠标拖拽 - 上篇（详细教程）草稿本文主要介绍两个在测试过程中可能会用到的功能：在selenium中宏哥介绍了Actions类中的拖拽操作和Actions类中的划取字段操作。例如：需要在一堆log字符中随机划取一段文字，然后右键选择摘取功能。playwright同样可以实现元素的拖拽和释放的操作。

探索智能前端语音技术：从交互体验到敏感信息保护在当今人工智能飞速发展的时代，智能前端领域也迎来了诸多变革。语音交互作为一种新兴的交互方式，正逐渐改变着我们与数字世界的互动模式。

React第六十节 Router中createHashRouter的具体使用详解及案例分析createHashRouter 是 React Router 提供的一种特殊路由器，它使用 URL 的哈希部分（#）来处理客户端路由。这种路由方式特别适用于静态网站托管服务（如 GitHub Pages）或无法配置服务器以支持 HTML5 History API 的场景。

react-markdown在React的使用示例首先，在当前目录中创建一个新的React TypeScript项目：执行此命令后，按照提示完成项目初始化。

工作记录：人物对话功能开发与集成本次工作核心是围绕“AI人物对话”功能进行的全方位开发与集成。从后端接口的初步构想到前端两大核心对话场景（独立页面与阅读页悬浮框）的实现，再到一系列的交互优化和Bug修复，最终成功在项目中完整集成了功能强大、体验流畅的人物对话模块。

React Native 导航系统实战（React Navigation）React Navigation 是 React Native 应用中最常用的导航库之一，它提供了多种导航模式，如堆栈导航（Stack Navigator）、标签导航（Tab Navigator）和抽屉导航（Drawer Navigator），帮助开发者构建直观且高效的导航体验。本文将详细介绍如何使用 React Navigation 实现这些导航模式，涵盖堆栈、标签和抽屉导航的设置与使用、动态路由参数传递、自定义导航头部和标签样式，以及页面跳转动画的控制。以下内容基于 React Navigation

React 第五十八节 Router中StaticRouterProvider的使用详解及案例StaticRouterProvider 是 React Router v6.4+ 中用于服务端渲染（SSR）的核心组件。它允许在服务器端处理路由匹配、数据加载和错误处理，然后将结果传递给客户端进行 hydration。