Whitespace语言教程【译】Whitespace Tutorial [原]

这篇教程介绍了Whitespace编程语言,一种基于空格、制表符和换行符的编程语言。内容涵盖栈操作、算术运算、堆访问、流程控制以及输入输出,并通过一个从1数到10并输出的示例进行说明。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

原文,Whitespace Tutorial:http://compsoc.dur.ac.uk/whitespace/tutorial.php

Whitespace 教程

这不是一个语言的指南,只是一个对whitespace语言的简单简单介绍。最接近的正式的介绍是自己去执行它!请看在操作语义学中整理的VM。hs(这句话不大清楚)

whitespace中的唯一的表示字符时Space(ASCII032),Tab(ASCII009)和LIne Feed(ASCII010)。仅允许line feed作为唯一的标识,对于Dos/Unix的文件转化时CR/LF问题就被避免了。

这个语言它自己本身是一个栈控制的语言,每一个命令包含一系列的标识,以Instruction Modification Parameter (IMP)开始. 在下表被列出了.

IMP Meaning
[Space] Stack Manipulation(栈控制)
[Tab][Space] Arithmetic(算术)
[Tab][Tab] Heap access(堆访问)
[LF] Flow Control(循环/流控制)
[Tab][LF] I/O

程序运行的虚拟机有一个栈或者堆程序员能轻松的把任意宽度的整数压入栈中(只能是整数,当前没有浮点数和实数操作)。堆也可以被用户作为永久存储的变量或数据结构而访问使用.

很多命令需要数字或者标签作为参数。数字可以是任意字节数的。可以用一系列的[space]和[Tab]来表示,以[LF]结束。[Space] 表示二进制中的0, [Tab] 表示 1.第一个字符给出了数的符号,[Space]表示正数,[Tab]表示负数,注意这里不是数字的一部分,只是来表示符号性的。

标签是简单的[LF]来结束spaces和tabs。因为只有一个全局的命名空间,所以所有的标签应该不同。

Stack Manipulation (IMP: [Space])

栈控制是众多普遍操作中的一个,因此IMP[Space]很简小。有4个栈指令(译者注:实际上现在有6个,后面有说)。

Command Parameters Meaning
[Space] Number Push the numb
在制作宠物主题网页时,通常需要使用 HTML、CSS 和 JavaScript 技术来实现页面结构和交互功能。以下是一个基础的宠物主题网页设计源代码示例,展示了如何构建一个简单的“萌宠俱乐部”静态网站[^2]。 ### 页面结构(HTML) ```html <!DOCTYPE html> <html lang="zh-CN"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>萌宠俱乐部</title> <link rel="stylesheet" href="style.css"> </head> <body> <header> <h1>萌宠俱乐部</h1> <nav> <ul> <li><a href="#">首页</a></li> <li><a href="#">关于我们</a></li> <li><a href="#">宠物展示</a></li> <li><a href="#">联系我们</a></li> </ul> </nav> </header> <section class="banner"> <img src="images/banner.jpg" alt="宠物俱乐部欢迎你"> </section> <section class="content"> <h2>最受欢迎的宠物</h2> <div class="pet-list"> <div class="pet"> <img src="images/dog.jpg" alt="狗狗"> <h3>金毛犬</h3> <p>温顺友好,是家庭宠物的理想选择。</p> </div> <div class="pet"> <img src="images/cat.jpg" alt="猫咪"> <h3>布偶猫</h3> <p>优雅可爱,喜欢与人互动。</p> </div> </div> </section> <footer> <p>© 2025 萌宠俱乐部. 版权所有.</p> </footer> </body> </html> ``` ### 样式表(CSS) ```css /* style.css */ body { font-family: Arial, sans-serif; margin: 0; padding: 0; } header { background-color: #4CAF50; color: white; padding: 1em; text-align: center; } nav ul { list-style-type: none; padding: 0; margin: 0; display: flex; justify-content: center; } nav li { margin: 0 1em; } nav a { color: white; text-decoration: none; } .banner img { width: 100%; height: auto; } .content { padding: 2em; text-align: center; } .pet-list { display: flex; justify-content: space-around; flex-wrap: wrap; } .pet { width: 30%; margin: 1em 0; } .pet img { width: 100%; height: auto; } footer { background-color: #f1f1f1; text-align: center; padding: 1em; } ``` ### 交互功能(JavaScript 可选) 如果需要增加一些动态效果,可以引入 JavaScript 文件: ```javascript // script.js document.addEventListener("DOMContentLoaded", function () { console.log("欢迎来到萌宠俱乐部"); }); ``` 然后在 HTML 文件底部添加脚本引用: ```html <script src="script.js"></script> ``` ### 源码下载与教程建议 如果你希望获取完整的源代码或学习更多关于网页设计的知识,可以参考以下资源: - [HTML+CSS 网页设计教程](https://example.com/web-design-tutorial) - [前端开发插件与模板资源](https://example.com/frontend-resources) - [大学生毕业设计 HTML 模板库](https://example.com/graduation-templates)
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值