自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+

我睡醒刚刚

一个程序员的苦胆粉; 喜欢喜欢编程(o(╥﹏╥)o)、历史、看书、看电影,打游戏 座右铭:一念生天涯咫尺,一念灭咫尺天涯 毕业即失业?

  • 博客(221)
  • 收藏
  • 关注

原创 【C#与.net】10.0 学生管理系统开发-学院信息管理页面UI开发

1.0 学员管理-界面设计在项目名称上右键添加一个新的窗体image.pngimage.png修改属性(此时不用设置启动位置,已经控制)-“【学员信息管理】”image.pngimage.png仿照“添加学员”页面,通过各种复制粘贴,完善页面:image.png2.0 DataGridView:表格image.png设置...

2023-07-05 00:36:52 182

原创 5.0 k8s(ubuntu版)-部署前准备(下)——系统初始化(更新、ssh、IP地址、主机名)...

1 更新系统sudo apt updatesudo apt upgrade参考输出:image.pngimage.png更新完成后,提示(Which services should be restarted?)哪些服务需要重新启动这里输入8不用重启image.png2 安装 ifconfig、vimsudo apt install net-too...

2022-12-01 08:02:19 1300

原创 4.0 k8s(ubuntu版)-部署前准备(中)——ubuntu-server-22.04.1系统安装

ubuntu-server安装进入控制台,运行系统,选择第一个:image.png选择English:image.png这里询问是否更新到最新的安装,选择不更新安装即可:image.png键盘布局,默认,下一步Done:image.png询问正常安装还是最小安装,这里我们选最小安装,Done:键盘上下左右箭头按键,或者tab键切换选项,回车键...

2022-11-30 22:05:15 198

原创 3.0 k8s(ubuntu版)-部署前准备(上)——proxmox虚拟机创建

全网最详细的二进制方式部署一个高可用的k8s 1.20集群示例案例将构建3台master节点,2台work节点。PS:外置etcd方案:etcd和控制平面被分离,需要更多的硬件,也有更好的保障能力,Etcd使用RAFT算法选主,节点数量需要为2n+1个。image.pngk8s集群默认不允许将Pod副本调度到Master节点上,因此Master节点配置比Node节点配置...

2022-11-30 22:01:07 307

原创 1.0 k8s(ubuntu版)-Kubernetes总纲

k8s综合性资料网站https://github.com/easzlab/kubeasz第一步,k8s入门需要掌握3个概念核心概念架构设计认证授权第二步,掌握高可用集群。集群搭建主要有2种方式。二进制kubeadm示例案例将构建3台master节点,2台work节点。插件采用目前主流的:calico(网络组件)coredns(灵活可扩展的 DNS 服务器组件,kubern...

2022-11-26 12:31:44 56

原创 5.0 proxmox-创建群晖虚拟机

1.0 规划目前我的物理机是洋垃圾E5 2670V3双CPU,总共是24核心48线程,内存128GB。根据个人需求,目前计划镜像如下:序号核心数(插槽)线程(核心)内存(GB)用途硬盘空间-NVME(GB)硬盘空间-机械(GB)1124web端3202124web端3203248微服务层5004248微服...

2022-11-25 00:07:03 774

原创 4.0 proxmox-挂载磁盘

我目前是三个磁盘。固态硬盘2TB。2个3.5寸机械硬盘,每个12TB。image.png格式化2个12TB的磁盘,一行一行执行。mkfs -t ext4 /dev/sdamkfs -t ext4 /dev/sdb参考输出root@bobokaka:~# mkfs -t ext4 /dev/sdamke2fs 1.46.5 (30-Dec-2021)Found a gp...

2022-11-24 00:41:10 193

原创 3.0 proxmox-物理机部署服务多容器-家用(本地)服务器的安装

内容主要出处:作者:狐狸Nomad https://www.bilibili.com/read/cv17670431 出处:bilibili本转载已经过作者本人同意,原作者博文gitee同步地址:https://gitee.com/callmer/pve_toss_notes以下是正文:Proxmox,全称 Proxmox Virtual Environment,简称 PVE,是一个基于...

2022-11-20 20:40:03 734

原创 【Tank】11.0 游戏声音和结束文字处理

游戏开始的声音index.html<!DOCTYPE html><html lang="en"> <head> <meta charset="UTF-8" /> <link rel="icon" type="image/svg+xml" href="favicon.svg" /> <meta nam...

2022-05-16 10:27:49 47

原创 【Tank】10.0 游戏入口、游戏开始和结束

重构游戏入口src/main.tsimport config from './config'import './style.scss'const app = document.querySelector<HTMLDivElement>("#app")// @ts-ignoreapp.style.width = config.canvas.width + 'px'// @...

2022-05-16 10:27:39 76

原创 【Tank】9.0 创建玩家;玩家坦克控制、碰撞检测、子弹、坦克互战

创建玩家首先加载贴图src/config.ts......// 玩家坦克import imgUrlPlayerTop from './static/images/player/top.gif'import imgUrlPlayerRight from './static/images/player/right.gif'import imgUrlPlayerBottom from '....

2022-05-15 14:34:10 107

原创 【Tank】8.0 爆炸效果实现、老巢、boss碰撞检测

爆炸效果实现爆炸效果主要为8张gif图片依次切换显示组成。src/model/abstract/AbstractModel.ts...... /** * 爆炸效果实现 * 原理:8张gif图片依次切换显示。 * @param model 被打炸的模型 * @protected */ protected blast(model...

2022-05-15 10:55:51 107

原创 【Tank】7.0 子弹模型和画布、子弹运动、砖墙打掉

幕布和模型的初始化src/canvas/Bullet.ts/** * 画布 * 子弹 */import AbstractCanvas from "./abstract/AbstractCanvas";import ModelBullet from "../model/Bullet";/** * 画布是单例模式 * 在一个图层,所以只需要new一个实例即可。 */expor...

2022-05-14 20:06:37 86

原创 【Tank】6.0 坦克动起来、渲染次数优化、坦克碰撞检测

坦克动起来src/config.ts// 草地import imgUrlStraw from './static/images/straw/straw.png'// 砖墙import imgUrlWallBrick from './static/images/wall/wall.gif'// 水域import imgUrlWater from './static/images/wat...

2022-05-14 00:17:35 127

原创 【Tank】5.0 水域模型、钢墙模型、坦克模型

水域模型、钢墙模型同砖墙模型的创建。src/config.ts// 草地import imgUrlStraw from './static/images/straw/straw.png'// 砖墙import imgUrlWallBrick from './static/images/wall/wall.gif'// 水域import imgUrlWater from './sta...

2022-05-13 15:21:01 73

原创 【Tank】4.0 位置管理、代码调优、砖墙模型渲染

本篇章最终文件结构如下:image.png模型位置管理服务image.png暂时设定为最顶层为敌方坦克出生区域,底部为我方老巢和我方坦克出生区域。为达到这样的效果,修改src/canvas/abstract/AbstractCanvas.ts优化如下:import config from "../../config";/** * 抽象类 */export ...

2022-05-12 01:04:44 63

原创 【Tank】3.0 坦克大战项目初始化、设计思想、编程思想

创建项目npm create viteOk to proceed? (y) y? Project name: » tank> vanilla> vanilla-ts通过vscode或者webstorm打开项目,并运行:npm installimage.png本篇章最终的文件结构:image.pngpackage.json{ "na...

2022-05-11 07:44:41 132

原创 【Tank】2.0 canvas-画布实现

文件结构image.pngindex.html如下<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"/> <link rel="icon" type="image/svg+xml" href="favicon.svg"/> &l...

2022-05-09 23:39:42 85

原创 【Tank】1.0 canvas-基础使用

1.0 新建一个项目tank,新建一个文件1.html。image.png<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title></head><body>&...

2022-05-09 01:07:24 41

原创 【golang】3.0 指针、数组、range关键字、Slice(切片)

指针指针在go语言中是一个很重要的概念,但比c语言简单多了。指针简单在:指针不能运算参数传递:值传递还是引用传递。go语言只有值传递。值传递验证:package mainimport "fmt"func swap(a, b int) { a, b = b, a}func main() { a, b := 3, 4 swap(a, b) fmt...

2022-05-04 17:04:02 302

原创 【golang】2.0 逻辑控制、函数

ifimage.png新建branch.goimage.pngpackage mainimport ( "fmt" "io/ioutil")func main() { const filename = "abc.txt" contents, err := ioutil.ReadFile(filename) if err !...

2022-05-04 10:39:25 80

原创 【golang】1.0 go语言入门:数据类型、常量、枚举

基础内容:image.pngimage.pngimage.pnggoland下载安装地址:Go下载 - Go语言中文网 - Golang中文社区 (studygolang.com)国内镜像七牛云 - Goproxy.cn打开你的终端并执行$ go env -w GO111MODULE=on$ go env -w GOPROXY=https://goproxy....

2022-05-03 16:27:03 112

原创 【Vue3+Vite+TS】13.0 组件十:强大的表单组件(上)

功能可配置型表单,通过json对象的方式自动生成表单具备更完善的功能:表单验证、自定义验证规则、动态删减表单、集成第三方的插件用法简单,扩展性强,可维护性强能够用在更多的场景,比如弹框嵌套表单准备工作分析element-plus表单能够在那些方面做优化完善封装表单的类型,支持ts封装的表单要具备element-plus原表单的所有功能集成第三方插件:mark...

2022-01-10 19:17:13 221

原创 【Vue3+Vite+TS】12.0 组件九:城市选择

必备UI组件将用到的组件:Popover 气泡卡片Radio 单选框Select 选择器Layout 布局Scrollbar 滚动条组件设计首先初始化项目文件结构。新建src\components\baseline\chooseCity\src\index.vue<template> <div>ChooseCity</div></tem...

2022-01-03 23:05:07 182

原创 【Vue3+Vite+TS】11.0 组件八:时间选择组件

必备UI组件将用到的组件:TimeSelect 时间选择DatePicker 日期选择器时间选择新建src\components\baseline\chooseTime\src\index.vue<template> <div class="bs-wrapper"> <div class="box"> &...

2022-01-02 14:52:05 437

原创 【Vue3+Vite+TS】10.0 组件七:动态加载进度条

必备UI组件将用到的组件:Progress 进度条组件设计新建src\components\baseline\progress\src\index.vue<!-- * @Author: bobokaka * @Date: 2021-12-23 00:07:25 * @LastEditTime: 2021-12-31 18:48:46 * @LastEditors: bobok...

2022-01-01 22:49:11 221

原创 【Vue3+Vite+TS】9.0 改造项目整体结构

优化菜单这里存在一个bug,修复如下:修改src\components\baseline\menu\src\index.vue<template> <div> <el-menu class="el-menu-vertical-demo" :default-active="defaultAct...

2021-12-31 18:14:31 49

原创 【Vue3+Vite+TS】8.0 组件六:导航菜单

必备UI组件将用到的组件:Menu 菜单组件设计新建src\components\baseline\menu\src\index.vue<template> <div>Menu</div></template><script lang="ts" setup>import { PropType } from 'vue'...

2021-12-31 15:57:02 256

原创 【Vue3+Vite+TS】7.0 组件五:通知菜单

必备UI组件将用到的组件:Badge 徽章Popover 弹出框/气泡卡片Tabs 标签页Avatar 头像Tag 标签Scrollbar 滚动条组件设计新建src\components\baseline\notification\index.tsimport { App } from 'vue'import Notification from './src/index.vue'e...

2021-12-29 02:20:58 191

原创 【Vue3+Vite+TS】6.0 组件四:趋势标记

必备UI组件图标选择器将用到的组件:无组件设计新建src\components\baseline\trend\src\index.vue<template> <div> <div class="bs-wrapper"> <div class="text">{{ text }}</div&...

2021-12-24 23:23:41 68

原创 【Vue3+Vite+TS】4.0 组件三:省市区选择组件

必备UI组件省市区选择组件将用到以下几个组件:Select 选择器组件设计修改src\router\index.ts/* * @Author: bobokaka * @Date: 2021-12-19 11:26:38 * @LastEditTime: 2021-12-21 19:49:02 * @LastEditors: bobokaka * @Description: 路由...

2021-12-22 09:35:43 536

原创 【Vue3+Vite+TS】3.0 组件二:图标选择器

必备UI组件图标选择器将用到以下几个组件:Icon 图标Button 按钮Message 消息提示Dialog 对话框组件设计修改路由src\router\index.ts/* * @Author: bobokaka * @Date: 2021-12-19 11:26:38 * @LastEditTime: 2021-12-20 21:17:12 * @LastEditor...

2021-12-21 19:46:24 229

原创 【Vue3+Vite+TS】2.0 组件一:伸缩菜单

必备UI组件伸缩菜单将用到以下几个组件:Container 布局容器Menu 菜单组件设计修改路由:src\router\index.tsimport { createRouter, createWebHistory, RouteRecordRaw } from 'vue-router'import Home from '../views/Home/index.vue'impo...

2021-12-20 01:38:11 111

原创 【Vue3+Vite+TS】1.0 项目搭建

搭建vite项目的命令。npm -v我的目前是6.14.15,升级一下:npm install -g npm目前是8.3.0新建vite项目命令行:npm init vite@latest vue3-element-ui-baseline -- --template vue-tsimage.png需要安装以下软件包:创造-vite@latest可以继续吗?(y)...

2021-12-19 12:12:17 40

原创 【Vite】2.0 Vite构建Vue3项目,CSS使用

vite创建项目,Win+R,cmd:image.png输入vite-vue3image.png这里我们选择vueimage.png教程建议选择vue,后面会切换成vue-ts,这里我们偏不,就选vue-ts:image.png这样,我们项目创建完成。通过vscode打开:image.pngimage.pngvite初始化...

2021-12-12 13:35:38 156

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

官网:https://vitejs.cn/vue3发布时,同时发布了vite,——新一代构建工具。优点:开发时效率极高开箱即用,功能完备社区丰富,兼容rollup超高速热重载预设应用和类库打包模式,减少人工配置前端类库无关,和vue无关esbuild性能对比:image.png知识内容本系列篇章主要体现如下内容:Vite的使用Vite插件开发和实战Vi...

2021-12-10 23:26:47 49

原创 【vue3.0】26.0 某东到家( 廿六)——不同设备适配和项目上线

不同设备适配目前是针对普通手机的屏幕尺寸设计,如果需要适配比如平板电脑,等比例放大,需要进行设备配置。修改public\index.html只需要在title后面增加如下代码:<script> // 设备屏幕的宽度 var width = document.documentElement.clientWidth || document.body.clie...

2021-12-08 14:15:58 51

原创 【vue3.0】25.0 某东到家( 廿五)——真机调试

真机联调方式一种方式是手机和电脑连同一个局域网,也就是同一个WiFi运行项目会在终端显示ip连接的地址:image.png因为目前我的是手机热点,需下面的方式:如果是手机开热点给电脑用,可以win+R键输入ipconfig查询本机ip,然后在手机浏览器上直接打开ip:8080即可image.png比如我的就是需要访问192.168.24.113::8080i...

2021-12-03 22:13:14 38

原创 【vue3.0】24.0 某东到家( 廿四)——订单列表开发

DOM完善修改src\views\orderList\OrderList.vue<template> <!-- 主体内容容器 --> <div class="wrapper"> <!-- 主体商铺展示内容 --> <div class="title">我的订单</div> <div c...

2021-12-03 14:24:27 56

原创 【vue3.0】22.0 某东到家( 廿二)——订单商品列表代码拆分和确认订单弹窗

目前src\views\orderConfirmation\OrderConfirmation.vue已有超过250行代码。这里将此组件进行拆分。src\views\orderConfirmation\TopArea.vue<template> <div class="top"> <div class="top__bgcolor" /> ...

2021-11-29 17:22:35 43

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除