学习笔记──React──基本概念
1. JSX描述JSX 是一个 JavaScript 的语法扩展,长得很像 HTML。它被用来描述 UI 的结构,React 元素使用 JSX 来创建。详细解释JSX 看起来像模板语言,但它充分利用了 JavaScript 的能力。每个 J...
从零搭建Vue SSR应用
准备安装node(我当前环境版本 v22.2.0)安装yarn或者npm(我当前版本 yarn 1.22.18)安装 Create Nuxt AppCreate Nuxt App 是 Nuxt.js 官方提供的脚手架工具,可以快速生成 Nuxt.js 项目的基础...
Podman 需要额外配置 Docker API 兼容模式
vscode使用 Remote-Containers 连接 podman容器,遇到 zsh: command not found: docker 的原因是 Podman 没有提供 docker 命令,你需要手动创建 docker 兼容的符号链接或使用 alias。💡 解决方...
VS Code Remote Dev
什么是VS Code Remote Dev?VS Code Remote Development 是 Visual Studio Code 提供的一组远程开发扩展,允许你在远程环境(如服务器、容器或 WSL)上运行代码,而在本地 VS Code 编辑器中无缝...
前端性能优化-CSS部分
加载层面为了避免让用户看到长时间的白屏时间,我们应该尽可能的提高css加载速度,比如可以使用以下几种方法:使用CDN(因为CDN会根据你的网络状况,替你挑选最近的一个具有缓存内容的节点为你提...
学习笔记──React──端到端测试
端到端(E2E)测试是一种重要的测试方法,用于确保整个应用从用户界面到后台服务都能正常工作。对于React应用来说,E2E测试可以模拟用户行为,验证应用的各个功能模块是否协同工作。本文将详细...
学习笔记──搭建脚手架(一)──系统创建
前言通过借鉴同事的一个脚手架一步步实现如何去做一个脚手架。Node.js:整个脚手架的运行环境。es6:JavaScript的新语法。commander:TJ大神开发的工具,可以自动的解析命令和参数,用于处理用...
学习笔记──搭建脚手架(三)──Ceate功能
今天研究Create功能fs-extra:fs-extra是fs的一个扩展,提供了非常多的便利APIpath:Node.js path 模块提供了一些用于处理文件路径的小工具chalk:chalk,可以给终端的字体加上颜色inquirer:in...