web前端 第2页
学习笔记──React──搭建
方法一：使用 create-react-app 搭建 React 项目1. 确保电脑已经安装 Node.js 和 npm2. 安装 create-react-appcreate-react-app 是一个全局命令行工具，可以帮助你创建一个新的 React 项目。npx...
10个月前浅谈Web实时通信-SSE（Server-Sent Events）技术及简单演示
一、什么是SSEServer-Sent Events (SSE) 是一种用于实现服务器主动向客户端推送数据的技术，也被称为“事件流”（Event Stream）。这种技术的核心思想是服务器通过HTTP连接持续推送数据到客户端...
8个月前
前端性能优化-CSS动画性能
一、浏览器渲染流程网页的生成过程，大致可以分成五步。很快： 解析HTML【遇到标签加载图片】 —> 构建DOM树很快： 加载样式 —> 解析样式【遇到背景图片链接不加载...
1年前
学习笔记──搭建脚手架(二)──List功能
由于时间原因，今天实现了一个简单的功能 —— list 功能。当前文件结构cli-table2：内容以表格形式呈现。chalk：色彩丰富的终端工具，可以给终端的字体加上颜色。1、安装依赖cli-table2，cha...
1年前学习笔记──React──单元测试
单元测试可以针对组件的各个部分进行测试，包括组件的渲染、状态管理、事件处理、生命周期方法等。常见的单元测试内容渲染测试：确保组件能够正确地渲染到 DOM 中。验证组件的静态输出是否符合...
10个月前学习笔记──React──集成测试
集成测试（Integration Testing）在 React 应用中至关重要，通过模拟多个组件或模块之间的交互和用户行为，可以确保整个系统的稳定性和可靠性。结合 Jest 和 React Testing Library，可以编写高...
10个月前学习笔记──React──基本概念
1. JSX描述JSX 是一个 JavaScript 的语法扩展，长得很像 HTML。它被用来描述 UI 的结构，React 元素使用 JSX 来创建。详细解释JSX 看起来像模板语言，但它充分利用了 JavaScript 的能力。每个 J...
10个月前从零搭建Vue SSR应用
准备安装node（我当前环境版本 v22.2.0）安装yarn或者npm（我当前版本 yarn 1.22.18）安装 Create Nuxt AppCreate Nuxt App 是 Nuxt.js 官方提供的脚手架工具，可以快速生成 Nuxt.js 项目的基础...
8个月前前端性能优化-CSS部分
加载层面为了避免让用户看到长时间的白屏时间，我们应该尽可能的提高css加载速度，比如可以使用以下几种方法:使用CDN(因为CDN会根据你的网络状况，替你挑选最近的一个具有缓存内容的节点为你提...
1年前
学习笔记──搭建脚手架(三)──Ceate功能
今天研究Create功能fs-extra：fs-extra是fs的一个扩展，提供了非常多的便利APIpath：Node.js path 模块提供了一些用于处理文件路径的小工具chalk：chalk，可以给终端的字体加上颜色inquirer：in...
1年前