学习笔记──React──依赖安装
一、一些必要的依赖# 安装 Babel 和相关插件npm install @babel/core @babel/preset-env @babel/preset-react @babel/preset-typescript babel-loader# 安装 ESLint 和相关插件npm install esli...
学习笔记──React──搭建
方法一:使用 create-react-app 搭建 React 项目1. 确保电脑已经安装 Node.js 和 npm2. 安装 create-react-appcreate-react-app 是一个全局命令行工具,可以帮助你创建一个新的 React 项目。npx...
学习笔记──React──单元测试
单元测试可以针对组件的各个部分进行测试,包括组件的渲染、状态管理、事件处理、生命周期方法等。常见的单元测试内容渲染测试:确保组件能够正确地渲染到 DOM 中。验证组件的静态输出是否符合...
学习笔记──React──基本概念
1. JSX描述JSX 是一个 JavaScript 的语法扩展,长得很像 HTML。它被用来描述 UI 的结构,React 元素使用 JSX 来创建。详细解释JSX 看起来像模板语言,但它充分利用了 JavaScript 的能力。每个 J...
Podman 需要额外配置 Docker API 兼容模式
vscode使用 Remote-Containers 连接 podman容器,遇到 zsh: command not found: docker 的原因是 Podman 没有提供 docker 命令,你需要手动创建 docker 兼容的符号链接或使用 alias。💡 解决方...
常见代理工具对比
WhistleSwitchHostsFiddlerCharles工具定位与简介定位网络代理调试工具Hosts 管理工具,侧重于本地 DNS 解析网络抓包和调试工具网络抓包和调试工具(更侧重于 macOS 用户)简介支持 HTTP、HTT...
从零搭建Vue SSR应用
准备安装node(我当前环境版本 v22.2.0)安装yarn或者npm(我当前版本 yarn 1.22.18)安装 Create Nuxt AppCreate Nuxt App 是 Nuxt.js 官方提供的脚手架工具,可以快速生成 Nuxt.js 项目的基础...
前端性能优化-页面渲染流程
一、浏览器渲染流程网页的生成过程,大致可以分成五步。很快: 解析HTML【遇到标签加载图片】 —> 构建DOM树很快: 加载样式 —> 解析样式【遇到背景图片链接不加载...
前端性能优化-CSS动画性能
一、浏览器渲染流程网页的生成过程,大致可以分成五步。很快: 解析HTML【遇到标签加载图片】 —> 构建DOM树很快: 加载样式 —> 解析样式【遇到背景图片链接不加载...
VS Code Remote Dev
什么是VS Code Remote Dev?VS Code Remote Development 是 Visual Studio Code 提供的一组远程开发扩展,允许你在远程环境(如服务器、容器或 WSL)上运行代码,而在本地 VS Code 编辑器中无缝...
