学习笔记──React──生命周期
1. React 组件生命周期概述React 组件的生命周期可以分为三个主要阶段:挂载(Mounting):组件被创建并插入到 DOM 中。更新(Updating):组件的状态或属性发生变化。卸载(Unmounting):组件...
学习笔记──React──搭建
方法一:使用 create-react-app 搭建 React 项目1. 确保电脑已经安装 Node.js 和 npm2. 安装 create-react-appcreate-react-app 是一个全局命令行工具,可以帮助你创建一个新的 React 项目。npx...
学习笔记──React──端到端测试
端到端(E2E)测试是一种重要的测试方法,用于确保整个应用从用户界面到后台服务都能正常工作。对于React应用来说,E2E测试可以模拟用户行为,验证应用的各个功能模块是否协同工作。本文将详细...
从0到1搭建Flutter项目
1.安装 Flutter 开发环境开发环境:Mac 1.1 下载sdkhttps://docs.flutter.cn/release/archive?tab=macos 将下载的 SDK 解压到本地目中文文档:https://docs.flutter.cn/community/china/ 1...
前端性能优化-CSS动画性能
一、浏览器渲染流程网页的生成过程,大致可以分成五步。很快: 解析HTML【遇到标签加载图片】 —> 构建DOM树很快: 加载样式 —> 解析样式【遇到背景图片链接不加载...
Taro | 多端统一开发解决方案
Taro是一个多端统一开发框架,可以帮助开发者使用一套代码同时适配多个小程序和Web平台,如微信小程序、支付宝小程序、百度小程序、字节跳动小程序、QQ 小程序、快应用、H5等。一、特点优势多端...
前端优化方案
一、无损压缩图片大小,提升页面加载速度使用工具如TinyPNG压缩PNG和JPEG格式的图片,调整图片质量参数以获得最佳压缩效果。使用CSS Sprites将多个小图片合并成一张大图,减少HTTP请求,将多个...
学习笔记──React──依赖安装
一、一些必要的依赖# 安装 Babel 和相关插件npm install @babel/core @babel/preset-env @babel/preset-react @babel/preset-typescript babel-loader# 安装 ESLint 和相关插件npm install esli...
学习笔记──React──状态管理
1. 状态管理的基本概念在 React 中,状态(state)是指影响组件渲染的数据。状态可以是组件本地的(本地状态)或全局的(应用状态)。管理这些状态的方法有很多,从 React 内置的状态管理到第三...
学习笔记──搭建脚手架(三)──Ceate功能
今天研究Create功能fs-extra:fs-extra是fs的一个扩展,提供了非常多的便利APIpath:Node.js path 模块提供了一些用于处理文件路径的小工具chalk:chalk,可以给终端的字体加上颜色inquirer:in...