当前位置:

首页 > 硬件相关 > 不用JavaScript与WASM!有开发者仅用CSS 竟能跑虚拟电脑

不用JavaScript与WASM!有开发者仅用CSS 竟能跑虚拟电脑

一位开发者仅用CSS构建了可在浏览器中运行的x86CPU模拟器,无需JavaScript或WASM。该虚拟电脑支持屏幕显示、键盘输入,内置计算器和Wordle游戏,但无法运行《Doom》。项目未使用AI工具,通过CSS变量、伪类与动画实现状态机逻辑。

本文目录

    想象一下,一台完整的电脑,没有操作系统,没有Ja vaScript引擎,甚至连一行C语言代码都没有,却能在浏览器里跑起来。你猜怎么着?一位叫Rebane的开发者,愣是只用CSS这种网页样式语言,就鼓捣出了一台能在浏览器里运行的虚拟电脑——一个x86 CPU模拟器。整个项目全程没碰Ja vaScript、WebAssembly这些传统上用来做逻辑运算的技术,完全是CSS的“孤军奋战”。

    这台虚拟电脑还挺像那么回事,不仅整合了屏幕显示和键盘输入功能,还内置了两款可以直接上手操作的应用:一个基础数学计算器,以及那个曾经火遍全球的猜词游戏Wordle。你只要用最新版的Chrome,或者其他基于Chromium内核的浏览器,打开链接就能立刻玩起来,连安装都省了。

    那么,能不能在这台CSS电脑上跑经典游戏《Doom》呢?Rebane坦言,现阶段还不行。虽然x86css模拟器已经能解析一部分基础的x86指令集,但它还缺不少关键的系统机制,比如处理中断、I/O设备通讯,还有内存管理。要知道,《Doom》原生依赖32位处理器架构,并且至少需要4MB的RAM空间——目前的CSS模拟器在硬件抽象层级上,还远远达不到这个规格。不过,Rebane公开了一份完整的技术指南,详细说明了如何把C语言写的程序,通过手动编译和指令映射,转换成这个CSS虚拟机能够识别和执行的格式。

    值得留意的是,Rebane特别强调,这个项目从头到尾没有借助任何AI辅助工具。CSS,这玩意儿通常被看作纯排版语言,对吧?但Rebane偏不信邪。他通过巧妙运用CSS变量、:checked伪类、@keyframes动画,以及这些元素,构建了一个状态机,愣是实现了具备记忆性和流程控制能力的运算逻辑。从这个角度看,AI工具目前还很难自主推导和建构出这种非常规的编程路径——这才是真正的技术魔术。

    这个创意的灵感,其实源自开发者Jane Ori发起的「CSS CPU Hack」计划。不过,有资安研究者也提出了一个值得警惕的担忧:这类纯前端、无需服务器执行环境的技术,未来会不会被滥用于构造新型攻击手段?尤其是当恶意CSS结合精心设计的HTML结构时,确实存在潜在风险。但话说回来,正因为这项技术高度实验性,且限制颇多(比如必须完全离线部署、没有网络请求能力),它反而促使业界重新审视HTML和CSS作为“非典型编程语言”的底层潜力与边界。这或许才是它最大的价值所在。

    本站声明:本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系bd@zhengruan.com
    作者最新文章
    硬件相关 JavaScript
    相关文章 更多
    JS中Math.round与toFixed实现四舍五入的区别
    JS中Math.round与toFixed实现四舍五入的区别

    深入解析JavaScript中Math.round与toFixed的核心差异:前者返回数字,后者返回字符串。揭示IEEE 754浮点数导致的1.005舍入错误,提供前端显示与后端结算的最佳实践方案,包括使用分为单位整数和decimal.js库。

    JS实现指定小数位标准四舍五入函数
    JS实现指定小数位标准四舍五入函数

    解决JavaScript中1.005四舍五入为1.00而非1.01的精度问题。深入分析IEEE 754双精度浮点数表示误差,提供健壮的roundTo函数实现,涵盖NaN、Infinity及负数处理。对比toFixed与自定义方案,明确显示与结算的场景边界,附带边界用例验证表。

    JS toFixed四舍五入不准的修正方法
    JS toFixed四舍五入不准的修正方法

    深入解析JavaScript中toFixed方法四舍五入不准确的根本原因,提供基于指数表示法与数字偏移的安全修正方案,并配有直观架构图与对比示例。

    JS刷新页面:location.reload()与location.href的核心区别
    JS刷新页面:location.reload()与location.href的核心区别

    详解JavaScript中location.reload()和location.href刷新页面的机制差异。对比两者在HTTP缓存验证、POST请求重复提交警告、浏览器历史记录栈行为上的不同,并提供绕过强缓存、处理Hash变化及避免死循环的实战代码示例。

    typescript是什么语言?一文看懂其定义与用途
    typescript是什么语言?一文看懂其定义与用途

    深入浅出解析TypeScript是什么语言。本文详细介绍TypeScript的语言定义、超集架构、核心运行原理、与JavaScript的核心对比以及四类典型工业级应用场景,帮助读者全面看懂TS的价值与用途。

    JS金额计算怎么避免四舍五入误差
    JS金额计算怎么避免四舍五入误差

    解决JavaScript中0.1+0.2!=0.3的精度问题。深入解析IEEE 754浮点数机制,对比展示用toFixed与结算用整数分计算的适用场景,提供decimal.js库的正确用法与验证方法,帮助开发者在电商与金融场景中实现精确的金额处理。

    uniapp网络请求拦截怎么办解决方法教程
    uniapp网络请求拦截怎么办解决方法教程

    学习如何在UniApp项目中封装网络请求拦截器,实现自动携带Token、统一错误处理和请求日志记录,提升代码维护效率。

    前端文件上传接口怎么传使用FormData提交文件教程
    前端文件上传接口怎么传使用FormData提交文件教程

    详解如何使用原生 JavaScript 和 FormData 对象实现前端文件上传,涵盖单文件、多文件提交及进度监听,无需依赖重型库,提升代码可控性。

    为什么vivo浏览器内核不支持某些最新的JavaScript语法?
    为什么vivo浏览器内核不支持某些最新的JavaScript语法?

    vivo浏览器因系统级冻结WebView内核,版本锁定在89.0.4389.105及以下,不支持可选链、逻辑赋值等ES2022+新语法。可通过chrome://version确认内核版本。临时方案:使用Babel转译代码,或改用KiwiBrowser、CometAI浏览器(自带Polyfill注入)。

    前端:JavaScript中的二叉树算法实现
    前端:JavaScript中的二叉树算法实现

    圣诞快乐接下来,咱们一起深入探讨一下js数据结构中的树。其实呀,这里的树和现实生活中的树很相似,都有树干、树枝。而在程序里,树可是一种非常重要的数据结构哦,对于存储那些需要快速查找的数据来说,它简直太有用啦!它是一种分层数据的抽象模型。一个树结构包含了一系列具有父子关系的节点。每个节点都有一个父节点

    查看更多
    精品专题 更多
    装机必备
    装机必备

    正软商城装机必备专区,精选办公、浏览器、安全防护、影音播放、压缩解压、设计创作和系统工具等电脑常用正版软件,帮助用户快速完成新电脑软件配置。

    Windows
    Windows

    正软商城Windows软件专区,汇集适用于Windows电脑的办公、设计、安全防护、影音播放、开发工具和系统优化软件,提供软件介绍、系统要求、正版授权及购买下载服务。

    PDF教程
    PDF教程

    正软商城PDF教程频道提供PDF编辑、转换、合并、拆分、压缩及格式处理方法,同时介绍常用PDF软件和工具的使用技巧。

    Mac软件 更多
    讯飞智作 网页版
    讯飞智作 网页版
    Windows/ macOS/ Linux

    讯飞智作是一款基于语音合成技术、虚拟人驱动技术与数字人形象声音构建能力的 AI 数字人音视频创作平台。

    火山引擎 网页版
    火山引擎 网页版
    Windows/ macOS/ Linux

    火山引擎是字节跳动旗下企业级云与AI服务平台。聚焦大模型核心能力,依托字节自研豆包多模态大模型,凭借火山方舟一站式平台,提供模型精调、推理部署、智能应用搭建等全链路服务,结合高性能AI算力,助力各行业快速落地大模型数字化与智能化应用。

    Aperty macOS版
    Aperty macOS版
    macOS

    Aperty 是 Skylum 推出的 AI 人像修图软件,支持自然肤质修饰、瑕疵处理、面部与身体调整、预设及批量同步。

    WINDOWS 更多
    讯飞智作 网页版
    讯飞智作 网页版
    Windows/ macOS/ Linux

    讯飞智作是一款基于语音合成技术、虚拟人驱动技术与数字人形象声音构建能力的 AI 数字人音视频创作平台。

    火山引擎 网页版
    火山引擎 网页版
    Windows/ macOS/ Linux

    火山引擎是字节跳动旗下企业级云与AI服务平台。聚焦大模型核心能力,依托字节自研豆包多模态大模型,凭借火山方舟一站式平台,提供模型精调、推理部署、智能应用搭建等全链路服务,结合高性能AI算力,助力各行业快速落地大模型数字化与智能化应用。

    PixTV 网页版
    PixTV 网页版
    Windows

    PixTV 是一款在浏览器中使用的 AI 视觉内容创作平台,提供图片、视频、音频、文字生成、AI 分镜、局部重绘、提示词反推和无限画布等工具,适合短剧、漫剧、广告及社交媒体内容制作。