商业网站地方频道,360网址大全,关键词组合工具,电子商务网站建设的步骤一般为(据 MSPoweruser 报道#xff0c;Windows 11虽然刚刚开始步入正轨#xff0c;但最新爆料称微软已经在开启下一个计划#xff0c;Windows 12 的开发将在 去年3 月份开始。德国科技网站 Deskmodder.de 称#xff0c;根据内部消息#xff0c;微软将在 2022年3 月开始开发 Wind… 据 MSPoweruser 报道Windows 11虽然刚刚开始步入正轨但最新爆料称微软已经在开启下一个计划Windows 12 的开发将在 去年3 月份开始。德国科技网站 Deskmodder.de 称根据内部消息微软将在 2022年3 月开始开发 Windows 12 系统尽管 Windows 11 正式版才在去年 10 月份发布。即使 Windows 12 很快进入开发阶段我们也可能要等待相当长的一段时间才会迎来微软的官方宣布毕竟一款系统的开发需要多年的时间。 个人体验
不得不说windows的更新进度太快了记得当年上大学的时候大家用的还是windows xp之后是windows 7然后没有经历windows10现在直接是windwos11。据说微软的系统版本有个特点就是隔代胜出。比如win xp和win7之间的vista还有win7和win10之间的win8都失败了。不知道win12是否能成功。
以下就是win12的体验界面 体验地址https://win12.gitapp.cn
本网页是基于第三方开源项目https://github.com/tjy-gitnub/win12开发的
开发要点
整个项目的开发是基于html5jqueryjavascriptcss实现的目前实现的功能包括
基本功能与应用外观整体优化加入特效窗口功能应用完善添加更多个性化方面的设置添加 Edge 应用为更多应用添加标签页完善小组件添加到桌面等功能动态壁纸
代码结构
该项目结构共分为9个文件夹和主入口文件desktop.html和boot.html。代码结构如下图所示。其中scripts文件夹包含了所有的js文件media文件夹包含了所有的音频文件比如开机启动音乐img文件夹包含了所有的静态图片。 关键代码
启动流程是先进入到boot.html然后进入到desktop.html。
desktop.html关键代码如下
headmeta charsetUTF-8 /meta http-equivX-UA-Compatible contentIEedge /meta nameviewport contentwidthdevice-width, initial-scale1.0, maximum-scale1.0, user-scalableno /meta nameformat-detection contenttelephoneno /link relstylesheet href./desktop.csslink relstylesheet hrefbootstrap-icons.css!-- Apps style --link relstylesheet hrefapps/style/setting.csslink relstylesheet hrefapps/style/explorer.csslink relstylesheet hrefapps/style/calc.csslink relstylesheet hrefapps/style/about.csslink relstylesheet hrefapps/style/notepad.csslink relstylesheet hrefapps/style/terminal.csslink relstylesheet hrefapps/style/edge.csslink relstylesheet hrefapps/style/camera.csslink relstylesheet hrefapps/style/pythonEditor.csslink relstylesheet hrefapps/style/run.csslink relstylesheet hrefapps/style/whiteboard.csslink relstylesheet hrefapps/style/defender.csslink relstylesheet hrefapps/style/taskmgr.csslink relstylesheet hrefwidgets.css!-- 掌声欢迎 Copilot 的 css 引入(bs --link relstylesheet hrefapps/style/copilot.csslink relmanifest hrefpwa/manifest.jsonlink relshortcut icon href./pwa/logo.png typeimage/x-iconlink relstylesheet hrefapps/style/login.css!-- 各个模块 --link relstylesheet hrefmodule/tab.cssbase target_blanktitleWindows 12 网页版/titlemeta namedescription contentWindows 12网页版是一个在线体验Windows 12操作系统的开源项目,使用 HTML、CSS 和 JavaScript 模拟 Windows 12 操作系统的界面与交互。meta namekeywords contentWindows 12, Windows 12网页版, 在线Windows 12meta namekeywords contentWindows 12, Windows 12网页版, 在线Windows 12
/head部署运行nginx
将代码下载到本地后在D盘新建文件夹html然后将源码放到里面然后配置nginx的html根目录即可。nginx配置如下 server {listen 80;server_name localhost;location / {root D:\html; // 你的代码目录index desktop.html;try_files $uri $uri/ /desktop.html;}}
然后浏览器访问 localhost即可
参考知识
github的desktop页面写法javascript学习教程CSS学习教程html学习教程基于jquery开发的Windows 12网页版
