学习笔记──React──端到端测试
端到端（E2E）测试是一种重要的测试方法，用于确保整个应用从用户界面到后台服务都能正常工作。对于React应用来说，E2E测试可以模拟用户行为，验证应用的各个功能模块是否协同工作。本文将详细...
学习笔记──React──状态管理
1. 状态管理的基本概念在 React 中，状态（state）是指影响组件渲染的数据。状态可以是组件本地的（本地状态）或全局的（应用状态）。管理这些状态的方法有很多，从 React 内置的状态管理到第三...
学习笔记──React──集成测试
集成测试（Integration Testing）在 React 应用中至关重要，通过模拟多个组件或模块之间的交互和用户行为，可以确保整个系统的稳定性和可靠性。结合 Jest 和 React Testing Library，可以编写高...
前端性能优化-页面渲染流程
一、浏览器渲染流程网页的生成过程，大致可以分成五步。很快： 解析HTML【遇到标签加载图片】 —> 构建DOM树很快： 加载样式 —> 解析样式【遇到背景图片链接不加载...
学习笔记──React──基本概念
1. JSX描述JSX 是一个 JavaScript 的语法扩展，长得很像 HTML。它被用来描述 UI 的结构，React 元素使用 JSX 来创建。详细解释JSX 看起来像模板语言，但它充分利用了 JavaScript 的能力。每个 J...
VS Code Remote Dev和 Live Share结合使用场景分析
场景场景方式结合使用优势远程服务器开发Remote Development在远程服务器开发，避免本地环境限制代码审查/协作开发Live Share代码无需克隆，可直接修改和讨论教学/指导Live Share共享代码环境，...
学习笔记──React──性能优化
常见的性能优化策略1. 使用 React.memo 优化函数组件React.memo 是一个高阶组件，可以缓存组件的输出结果，从而避免不必要的重新渲染。它类似于类组件中的 shouldComponentUpdate。它通过对比前...
华为服务器使用笔记
1、登录服务器管理口ip常规登录远程会报错unable to negotiate with ip port 22:no matching key exchange method found.their offer:diffie-he11man-group-exchange-sha1,diffie-he11man-group...
从零搭建Vue SSR应用
准备安装node（我当前环境版本 v22.2.0）安装yarn或者npm（我当前版本 yarn 1.22.18）安装 Create Nuxt AppCreate Nuxt App 是 Nuxt.js 官方提供的脚手架工具，可以快速生成 Nuxt.js 项目的基础...
浅谈Web实时通信-SSE（Server-Sent Events）技术及简单演示
一、什么是SSEServer-Sent Events (SSE) 是一种用于实现服务器主动向客户端推送数据的技术，也被称为“事件流”（Event Stream）。这种技术的核心思想是服务器通过HTTP连接持续推送数据到客户端...