# WindowsXP模拟器

**Repository Path**: Serio/ByteDance-CodeOK

## Basic Information

- **Project Name**: WindowsXP模拟器
- **Description**: 第二届字节跳动青训营前端场基础班第7名作品
前端使用纯原生三件套:HTML CSS JavaScript，
为了使模拟QQ能够运作，建立了一个NodeJS后端
- **Primary Language**: JavaScript
- **License**: GPL-2.0
- **Default Branch**: dev
- **Homepage**: http://my-hexo-7gvgz220880379ee-1306658948.tcloudbaseapp.com/
- **GVP Project**: No

## Statistics

- **Stars**: 7
- **Forks**: 0
- **Created**: 2022-02-02
- **Last Updated**: 2023-07-23

## Categories & Tags

**Categories**: Uncategorized

**Tags**: HTML, CSS, JavaScript, WebSocket

## README

# WindowsXP模拟

## 简介

原生HTML CSS JS前端小项目，无依赖，轻量小巧

模拟WindowsXP的基本功能，重温一代经典

![](https://p.qlogo.cn/hy_personal/3e28f14aa0516842928527a4579abcaf87c9d5032e48d4ba2aa46ed61539d7df/0.png)

> 主要是一开始了解到几名队友都是前端刚起步，担心使用框架出现各种不和谐的问题，所以决定用原生开发。

## 主要功能



使用前端代码模拟了桌面应用软件，比如`我的电脑`,`浏览器`,`贪吃蛇`等

双击可打开相应的窗口，然后使用响应的功能

具体功能如下：

### 我的电脑

展示了一些信息

### 浏览器

出于多方面考虑这里只访问掘金社区

### 虚拟机

由于浏览器的一些限制，所以一些特殊的效果需要在"虚拟机"上才能更好地表现

### 贪吃蛇

是经典的贪吃蛇小游戏！

### 记事本

在关闭窗口前能保存记录当前内容（出于多方面考虑没有做成本地保存）

### 计算器

能实现一些简单的计算，非法计算会得到相应的提示。但是仍然可能存在一些特殊情况没考虑到，可以在issue中进行反馈。

### 模拟QQ

利用websocket进行群聊（后端代码暂未上传）



## 更新日志

说是更新日志，但实际上就是为了凑字数而生的小记录

> **2022/02/04**
> 创建好了Git仓库(好累哦休息会儿)
>
> **2022/02/06**
> 创建好了本地文件夹(大雾)
> 创建了界面、窗口及其相关事件等
>
> **2022/02/07**
> 优化了窗口部分事件，添加浏览器、虚·虚拟机、贪吃蛇等
>
> **2022/02/08**
> 更新部分图标（自己画的，太难了）
>
> ![虚拟机](./img/icon/虚拟机.png)
>
> ![贪吃蛇](./img/icon/贪吃蛇.png)
>
> ![浏览器](./img/icon/浏览器.png)
>
> (写了一下午JS结果误操作合并一下没了，但是好在又补回来了)
> 更新了最小化窗口、菜单窗口、工具栏时间
>
> **2022/02/09**
> 添加了记事本及其图标、计算器等
> 优化了界面
>
> **2022/02/10至2022/02/13**
> 持续开发
> **2022/02/14**
> 部署上线

## 问题反馈

并不完美，bug总是会有的，如果遇到问题，请在如下地址进行反馈

[问题反馈入口](https://gitee.com/Serio/ByteDance-CodeOK/issues)

当然，也可以通过邮箱直接联系我们进行反馈

2779066456@qq.com