前端性能优化-CSS部分
加载层面为了避免让用户看到长时间的白屏时间,我们应该尽可能的提高css加载速度,比如可以使用以下几种方法:使用CDN(因为CDN会根据你的网络状况,替你挑选最近的一个具有缓存内容的节点为你提...
VS Code Remote Dev
什么是VS Code Remote Dev?VS Code Remote Development 是 Visual Studio Code 提供的一组远程开发扩展,允许你在远程环境(如服务器、容器或 WSL)上运行代码,而在本地 VS Code 编辑器中无缝...
学习笔记──React──端到端测试
端到端(E2E)测试是一种重要的测试方法,用于确保整个应用从用户界面到后台服务都能正常工作。对于React应用来说,E2E测试可以模拟用户行为,验证应用的各个功能模块是否协同工作。本文将详细...
学习笔记──搭建脚手架(一)──系统创建
前言通过借鉴同事的一个脚手架一步步实现如何去做一个脚手架。Node.js:整个脚手架的运行环境。es6:JavaScript的新语法。commander:TJ大神开发的工具,可以自动的解析命令和参数,用于处理用...
前端性能优化
一、优化加载速度压缩和合并文件:将多个CSS或JavaScript文件合并成一个文件,减少网络请求次数,使用压缩工具减小文件大小图片优化:使用合适的图片格式、压缩图片大小、懒加载和延迟加载图片...
Live Share
什么是Live Share?Visual Studio Live Share 是一款实时协作工具,允许多个开发者同时编辑和调试代码,而无需克隆代码仓库或安装额外的 SDK。它支持跨语言、跨环境的协作,让团队成员可以在自...
学习笔记──React──集成测试
集成测试(Integration Testing)在 React 应用中至关重要,通过模拟多个组件或模块之间的交互和用户行为,可以确保整个系统的稳定性和可靠性。结合 Jest 和 React Testing Library,可以编写高...
学习笔记──React──单元测试
单元测试可以针对组件的各个部分进行测试,包括组件的渲染、状态管理、事件处理、生命周期方法等。常见的单元测试内容渲染测试:确保组件能够正确地渲染到 DOM 中。验证组件的静态输出是否符合...
远程使用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...
从0到1搭建Flutter项目
1.安装 Flutter 开发环境开发环境:Mac 1.1 下载sdkhttps://docs.flutter.cn/release/archive?tab=macos 将下载的 SDK 解压到本地目中文文档:https://docs.flutter.cn/community/china/ 1...