原创 3.0 proxmox-物理機部署服務多容器-家用(本地)服務器的安裝

之前配置ubuntu系統,然後安裝虛擬機方案,後請教運維大佬。直接將proxmox當做系統盤安裝即可。 官網下載 https://www.proxmox.com/en/downloads/category/iso-images-pve 國內

原创 【Tank】8.0 爆炸效果實現、老巢、boss碰撞檢測

爆炸效果實現 爆炸效果主要爲8張gif圖片依次切換顯示組成。 src/model/abstract/AbstractModel.ts ...... /** * 爆炸效果實現 * 原理:8張gif圖片依次切換顯示

原创 【Tank】7.0 子彈模型和畫布、子彈運動、磚牆打掉

幕布和模型的初始化 src/canvas/Bullet.ts /** * 畫布 * 子彈 */ import AbstractCanvas from "./abstract/AbstractCanvas"; import ModelB

原创 【Tank】6.0 坦克動起來、渲染次數優化、坦克碰撞檢測

坦克動起來 src/config.ts // 草地 import imgUrlStraw from './static/images/straw/straw.png' // 磚牆 import imgUrlWallBrick from '.

原创 【Tank】10.0 遊戲入口、遊戲開始和結束

重構遊戲入口 src/main.ts import config from './config' import './style.scss' const app = document.querySelector<HTMLDivElemen

原创 【Tank】11.0 遊戲聲音和結束文字處理

遊戲開始的聲音 index.html <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <link rel="icon" type="ima

原创 【Tank】9.0 創建玩家;玩家坦克控制、碰撞檢測、子彈、坦克互戰

創建玩家 首先加載貼圖 src/config.ts ...... // 玩家坦克 import imgUrlPlayerTop from './static/images/player/top.gif' import imgUrlPlaye

原创 NVM更新管理nodejs

查看版本 node -v #查看當前的版本 nvm version #查看當前的版本 npm -v #查看當前的版本 nvm ls # 看安裝的所有node.js的版本 nvm list available # 查顯示可以安裝的

原创 【vue3.0】0.0 某東到家——項目入口,一切從這裏開始和結束

項目說明 本項目非原創項目,是在學習視頻的同時,自己跟着寫一遍,記錄學習內容的系列文章。 所以,第一,代碼是仿寫;第二,代碼是自己寫的。 項目gitee地址 https://gitee.com/bobokaka/moudong_gohome

原创 【Tank】0.0 坦克大戰——TS項目前言

本項目的gitee地址爲: tank_game: 坦克大戰 (gitee.com) 感謝某音主播“後盾人”大佬的直播學習視頻,當然我是沒耐心聽直播的,花錢買課程。 大家有興趣可以去某音找找看看。 由於我寫的和教程中會有差別,疊加之下,還有一

原创 【Vite】2.0 Vite構建Vue3項目,CSS使用

vite創建項目,Win+R,cmd: 輸入vite-vue3 這裏我們選擇vue 教程建議選擇vue,後面會切換成vue-ts,這裏我們偏不,就選vue-ts: 這樣,我們項目創建完成。 通過vscode打開: vite

原创 【vue3.0】26.0 某東到家( 廿六)——不同設備適配和項目上線

不同設備適配 目前是針對普通手機的屏幕尺寸設計,如果需要適配比如平板電腦,等比例放大,需要進行設備配置。 修改public\index.html 只需要在title後面增加如下代碼: <script> // 設備屏幕的寬

原创 【Vite】1.0 新一代構建工具

官網:https://vitejs.cn/ vue3發佈時,同時發佈了vite,——新一代構建工具。 優點: 開發時效率極高 開箱即用,功能完備 社區豐富,兼容rollup 超高速熱重載 預設應用和類庫打包模式,減少人工配置 前端類庫無關

原创 【vue3.0】24.0 某東到家( 廿四)——訂單列表開發

DOM完善 修改src\views\orderList\OrderList.vue <template> <!-- 主體內容容器 --> <div class="wrapper"> <!-- 主體商鋪展示內容 -->

原创 【vue3.0】23.0 某東到家( 廿三)——下單流程優化

彈窗優化 目前進入訂單頁面後,是直接彈窗,但實際使用效果是點擊“提交訂單”後再彈窗。 優化如下: src\views\orderConfirmation\Order.vue <template> <div class="order">