华为服务器使用笔记
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...
前端优化方案
一、无损压缩图片大小,提升页面加载速度使用工具如TinyPNG压缩PNG和JPEG格式的图片,调整图片质量参数以获得最佳压缩效果。使用CSS Sprites将多个小图片合并成一张大图,减少HTTP请求,将多个...
学习笔记──React──集成测试
集成测试(Integration Testing)在 React 应用中至关重要,通过模拟多个组件或模块之间的交互和用户行为,可以确保整个系统的稳定性和可靠性。结合 Jest 和 React Testing Library,可以编写高...
远程使用Podman-指令
1、登录服务器ssh user@ip2、安装podmanapt update apt install -y podman apt-get install -y vim // 安装vim3、拉取镜像podman pull 镜像名 podman pull debian:bullseye podman pull node:14...
前端性能优化-CSS部分
加载层面为了避免让用户看到长时间的白屏时间,我们应该尽可能的提高css加载速度,比如可以使用以下几种方法:使用CDN(因为CDN会根据你的网络状况,替你挑选最近的一个具有缓存内容的节点为你提...
前端性能优化-页面渲染流程
一、浏览器渲染流程网页的生成过程,大致可以分成五步。很快: 解析HTML【遇到标签加载图片】 —> 构建DOM树很快: 加载样式 —> 解析样式【遇到背景图片链接不加载...
前端性能优化-CSS动画性能
一、浏览器渲染流程网页的生成过程,大致可以分成五步。很快: 解析HTML【遇到标签加载图片】 —> 构建DOM树很快: 加载样式 —> 解析样式【遇到背景图片链接不加载...
学习笔记──React──依赖安装
一、一些必要的依赖# 安装 Babel 和相关插件npm install @babel/core @babel/preset-env @babel/preset-react @babel/preset-typescript babel-loader# 安装 ESLint 和相关插件npm install esli...
Live Share
什么是Live Share?Visual Studio Live Share 是一款实时协作工具,允许多个开发者同时编辑和调试代码,而无需克隆代码仓库或安装额外的 SDK。它支持跨语言、跨环境的协作,让团队成员可以在自...
学习笔记──React──路由
基本概念Router:包裹整个应用的路由器组件,常见的是 BrowserRouter 和 HashRouter。Route:定义应用中的各个路由,表示 URL 与组件的映射关系。Link:用于创建可点击的导航链接。Switch:确保...