🟡React Router6 引言 为什么需要router SPA希望可以记录用户操作(分享链接) 减少服务器请求(跳转时不要刷新页面) 页面管理更方便 推荐链接:你好,谈谈你对前端路由的理解 - 掘金 (juejin.cn) 丐版router 在使用react-router-dom前尝试实现一个丐版的单层router src/layout/index.jsx 12345 2022-10-22 React > Router #React #Router
Apache ECharts 安装 1pnpm i echarts 初始化图表容器 获取一个渲染图表的容器,初始化时可传入图表尺寸,默认为容器尺寸 可订阅窗口的resize事件实现响应式 12345678const CHART_DOM = document.getElementById('chart')const myChart = echarts.init(CHART_DOM, 'dark 2022-10-15 前端工具库 > 图表 #Echarts
CSS定位 定位属性 top,right,bottom,left 控制与定位边界的距离 top与left优先级更高 Static static(静态)即没有定位,定位属性无效 文档流:未脱离 文本流:未脱离 123.static { position: static;} Absolute Relative Fixed fixed使元素相对浏览器可视区位置不变 文档流:脱离 文本流: 2022-10-06
Nestjs框架学习 安装与初始化 1pnpm add @nestjs/cli -g 1nest n nest-demo 路由controller 1234567@Controller('user')export class UserController { @Get() getUserInfo(@Query('id')) { return id 2022-09-06 Node.js > Nest #Node #Nest
GitHub Action前端项目自动部署至阿里云服务器 生成密匙对 在阿里云创建密匙对 创建成功后会下载一个xxx.pem文件 选择绑定密匙对,绑定服务器实例 绑定后重启服务器 此时使用ssh name@xx.xx.xx.xx应会提示拒绝密码登录 123ssh -i <xx.pem路径> <name>@xx.x.xx.x # 使用密匙登录ssh -i ./test.pem test@1.2.3.4 GitHub Acti 2022-09-04
🔵Nginx部署前端项目 操作系统:Windows11ECS: CentOs Stream 9 远程连接 ssh连接服务器 1ssh ecs-user@xxx.xxx.xxx.xxx 安装nginx 12sudo -i # root权限sudo yum update # 更新 安装 1sudo yum install nginx 检测是否安装成功 12ngin 2022-08-30 运维 #Nginx
🔴WSL2 Ubuntu-22.04使用 常用指令 查看可在线安装的Linux版本 1wsl -l -o 123456789101112以下是可安装的有效分发的列表。请使用“wsl --install -d <分发>”安装。NAME FRIENDLY NAMEUbuntu UbuntuDebian Debian GNU/Linuxkali-linux Kal 2022-08-28 Linux > Ubuntu #Linux #Ubuntu
🟡使用Tauri构建桌面应用 开发环境 要使用Tauri开发需要先配置一下开发环境 Windows 1.安装Microsoft C++生成工具 Microsoft C++ 生成工具 - Visual Studio 2.安装rustup Install Rust - Rust Programming Language 下载DOWNLOAD RUSTUP-INIT.EXE (64-BIT)完成后打开.exe文件一路Enter即可 2022-08-16
🔴Vue-i18n的使用 安装 1pnpm i vue-i18n@latest 模块导入 src目录新建locale文件夹存储vue-i18n的初始配置文件 index.ts:基本配置 en-US.ts:文件存储英语 zh-CN.ts:文件存储汉语 还可使用更多的文件来支持多语言国际化,文件名可以参考这篇国际化资源文件命名规范 src/locale/index.ts 12 2022-07-12
Eslint,StyleLint,CommitLint,Prettier安装与配置 Eslint 推荐阅读:《搞懂 ESLint 和 Prettier》(乃乎) 安装 vscode安装eslint插件 1pnpm i eslint vite-plugin-eslint -D 配置文件 使用下三个指令之一即可初始化Eslint配置 123eslint --init # 已全局安装npm init @e 2022-06-12