由初中生实现的 Windows 12 网页版!

大家好,我是 Java陈序员

这几天,逛 Github 的时候,看到了一个项目 win12 ------ 仿 Windows12 网页版!被它实现的页面功能震撼到了,大家可以一起来感受下!

首先是登录页面。

登录后,再看看 "电脑桌面",这风格完全和 Windows 操作系统的一模一样!默认的应用程序有 "此电脑"、"Microsoft Edge 浏览器"、"设置" 等等。

更绝的是,"此电脑" 能打开,里面可以对文件资源进行管理!

"Microsoft Edge 浏览器" 也能完美的访问网页!

还有 "设置" 功能也是支持的!

再看看 "开始菜单",里面有我们常用的应用程序。计算器、Windows Power Shell、记事本、任务管理器等等。

最绝的是,这些应用程序都是能打开使用的!

还有,上班经常刷新闻的小组件功能!

搜索功能!

任务栏管理功能!

大家有没有这个界面功能震撼到呢!反正我是被震撼到了!

更令人意想不到的是,这个项目是由一名初三的学生实现的!

犹记得,上初三的时候,我还在调戏女同桌呢。人家已经可以完整地实现出一套开源项目了,真是长江后浪推前浪,后生可畏啊!

win12 并没有使用什么高大上的编程技术框架,只用 Html + CSS + JavaScript 前端三大件技术栈实现!

如果我们想本地部署,只需要把项目下来克隆下来,打开 desketop.html 即可。

最后,贴上项目地址:

arduino 复制代码
https://github.com/tjy-gitnub/win12

在线体验地址:

bash 复制代码
https://tjy-gitnub.github.io/win12/desktop.html

最后

推荐的开源项目已经收录到 GitHub 项目,欢迎 Star

bash 复制代码
https://github.com/chenyl8848/great-open-source-project

或者访问网站,进行在线浏览:

bash 复制代码
https://chencoding.top:8090/#/

大家的点赞、收藏和评论都是对作者的支持,如文章对你有帮助还请点赞转发支持下,谢谢!

相关推荐
一只小风华~1 分钟前
Vue:条件渲染 (Conditional Rendering)
前端·javascript·vue.js·typescript·前端框架
博客zhu虎康1 小时前
React Hooks 报错?一招解决useState问题
前端·javascript·react.js
灰海2 小时前
vue中通过heatmap.js实现热力图(多个热力点)热区展示(带鼠标移入弹窗)
前端·javascript·vue.js·heatmap·heatmapjs
码上暴富3 小时前
vue2迁移到vite[保姆级教程]
前端·javascript·vue.js
伍哥的传说4 小时前
Lodash-es 完整开发指南:ES模块化JavaScript工具库实战教程
大数据·javascript·elasticsearch·lodash-es·javascript工具库·es模块·按需导入
@菜菜_达4 小时前
Lodash方法总结
开发语言·前端·javascript
GISer_Jing4 小时前
低代码拖拽实现与bpmn-js详解
开发语言·javascript·低代码
YAY_tyy4 小时前
基于 Vue3 + VueOffice 的多格式文档预览组件实现(支持 PDF/Word/Excel/PPT)
前端·javascript·vue.js·pdf·word·excel
Yvonne爱编码4 小时前
AJAX入门-AJAX 概念和 axios 使用
前端·javascript·ajax·html·js
果壳~5 小时前
【Python】爬虫html提取内容基础,bs4
爬虫·python·html