从零搭建Vue SSR应用
准备安装node(我当前环境版本 v22.2.0)安装yarn或者npm(我当前版本 yarn 1.22.18)安装 Create Nuxt AppCreate Nuxt App 是 Nuxt.js 官方提供的脚手架工具,可以快速生成 Nuxt.js 项目的基础...
学习笔记──React──基本概念
1. JSX描述JSX 是一个 JavaScript 的语法扩展,长得很像 HTML。它被用来描述 UI 的结构,React 元素使用 JSX 来创建。详细解释JSX 看起来像模板语言,但它充分利用了 JavaScript 的能力。每个 J...
学习笔记──React──端到端测试
端到端(E2E)测试是一种重要的测试方法,用于确保整个应用从用户界面到后台服务都能正常工作。对于React应用来说,E2E测试可以模拟用户行为,验证应用的各个功能模块是否协同工作。本文将详细...
学习笔记──搭建脚手架(一)──系统创建
前言通过借鉴同事的一个脚手架一步步实现如何去做一个脚手架。Node.js:整个脚手架的运行环境。es6:JavaScript的新语法。commander:TJ大神开发的工具,可以自动的解析命令和参数,用于处理用...
学习笔记──React──单元测试
单元测试可以针对组件的各个部分进行测试,包括组件的渲染、状态管理、事件处理、生命周期方法等。常见的单元测试内容渲染测试:确保组件能够正确地渲染到 DOM 中。验证组件的静态输出是否符合...
VS Code Remote Dev和 Live Share结合使用场景分析
场景场景方式结合使用优势远程服务器开发Remote Development在远程服务器开发,避免本地环境限制代码审查/协作开发Live Share代码无需克隆,可直接修改和讨论教学/指导Live Share共享代码环境,...
前端性能优化-页面渲染流程
一、浏览器渲染流程网页的生成过程,大致可以分成五步。很快: 解析HTML【遇到标签加载图片】 —> 构建DOM树很快: 加载样式 —> 解析样式【遇到背景图片链接不加载...
Live Share
什么是Live Share?Visual Studio Live Share 是一款实时协作工具,允许多个开发者同时编辑和调试代码,而无需克隆代码仓库或安装额外的 SDK。它支持跨语言、跨环境的协作,让团队成员可以在自...
远程使用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...