web前端共22篇
前端性能优化-www.131417.net

前端性能优化

一、优化加载速度压缩和合并文件:将多个CSS或JavaScript文件合并成一个文件,减少网络请求次数,使用压缩工具减小文件大小图片优化:使用合适的图片格式、压缩图片大小、懒加载和延迟加载图片...
本人18的头像-www.131417.net本人181年前
010713
前端优化方案-www.131417.net

前端优化方案

一、无损压缩图片大小,提升页面加载速度使用工具如TinyPNG压缩PNG和JPEG格式的图片,调整图片质量参数以获得最佳压缩效果。使用CSS Sprites将多个小图片合并成一张大图,减少HTTP请求,将多个...
本人18的头像-www.131417.net本人181年前
010215
前端性能优化-页面渲染流程-www.131417.net

前端性能优化-页面渲染流程

一、浏览器渲染流程网页的生成过程,大致可以分成五步。很快:       解析HTML【遇到标签加载图片】 —> 构建DOM树很快:       加载样式 —> 解析样式【遇到背景图片链接不加载...
本人18的头像-www.131417.net本人181年前
07414
学习笔记──React──状态管理-www.131417.net

学习笔记──React──状态管理

1. 状态管理的基本概念在 React 中,状态(state)是指影响组件渲染的数据。状态可以是组件本地的(本地状态)或全局的(应用状态)。管理这些状态的方法有很多,从 React 内置的状态管理到第三...
本人18的头像-www.131417.net本人181年前
07814
学习笔记──搭建脚手架(三)──Ceate功能-www.131417.net

学习笔记──搭建脚手架(三)──Ceate功能

今天研究Create功能fs-extra:fs-extra是fs的一个扩展,提供了非常多的便利APIpath:Node.js path 模块提供了一些用于处理文件路径的小工具chalk:chalk,可以给终端的字体加上颜色inquirer:in...
本人18的头像-www.131417.net本人181年前
03955
学习笔记──React──集成测试-www.131417.net

学习笔记──React──集成测试

集成测试(Integration Testing)在 React 应用中至关重要,通过模拟多个组件或模块之间的交互和用户行为,可以确保整个系统的稳定性和可靠性。结合 Jest 和 React Testing Library,可以编写高...
本人18的头像-www.131417.net本人181年前
0769
学习笔记──React──基本概念-www.131417.net

学习笔记──React──基本概念

1. JSX描述JSX 是一个 JavaScript 的语法扩展,长得很像 HTML。它被用来描述 UI 的结构,React 元素使用 JSX 来创建。详细解释JSX 看起来像模板语言,但它充分利用了 JavaScript 的能力。每个 J...
本人18的头像-www.131417.net本人181年前
0738
学习笔记──搭建脚手架(二)──List功能-www.131417.net

学习笔记──搭建脚手架(二)──List功能

由于时间原因,今天实现了一个简单的功能 —— list 功能。当前文件结构cli-table2:内容以表格形式呈现。chalk:色彩丰富的终端工具,可以给终端的字体加上颜色。1、安装依赖cli-table2,cha...
本人18的头像-www.131417.net本人181年前
033110
学习笔记──React──生命周期-www.131417.net

学习笔记──React──生命周期

1. React 组件生命周期概述React 组件的生命周期可以分为三个主要阶段:挂载(Mounting):组件被创建并插入到 DOM 中。更新(Updating):组件的状态或属性发生变化。卸载(Unmounting):组件...
本人18的头像-www.131417.net本人181年前
04515
浅谈Web实时通信-SSE(Server-Sent Events)技术及简单演示-www.131417.net

浅谈Web实时通信-SSE(Server-Sent Events)技术及简单演示

一、什么是SSEServer-Sent Events (SSE) 是一种用于实现服务器主动向客户端推送数据的技术,也被称为“事件流”(Event Stream)。这种技术的核心思想是服务器通过HTTP连接持续推送数据到客户端...
本人18的头像-www.131417.net本人181年前
05811