用JavaScript编写推箱子拼图游戏

有一天,我用JavaScript做了一个推箱子益智游戏的实现。 游戏由一堵墙、一个可玩的角色、积木和地面上作为存储位置的点组成。游戏的目的是将所有的积木推到所有的存储位置。这是很有挑战性的,因为很容易出现积木不能再移动的情况,现在你必须重新开始游戏。 代码演示地址 DEMO地址 这是我做的一个。 原版游戏的画面稍好 在我的版本中,大蓝点是角色,粉红点是存储位置,橙色块是箱子。 我在几个小时内飞

- 阅读全文 -

为网页设计者提供的代码提示

你可能听说过,你应该对你的代码进行 "linting"。那是什么意思?你为什么要这样做? 什么是linters? 类似于Kleenex成为面巾纸的通用术语和Xerox成为复印机的通用术语,Lint是一个通用术语,始于一个特定术语。最初的Lint是一个Unix工具,用于检查C代码是否有问题。 术语 "Lint "来自于衣服上脱落的微小纤维和绒毛的名称,因为该命令应该像烘干机的绒毛陷阱一样,检

- 阅读全文 -

用accent-color简化表单样式

新的CSS accent-color属性使得我们可以通过利用用户代理样式,快速而简单地将品牌颜色推广到某些表单输入。在这篇文章中,我们将看看它的作用,以及如何将它与color-scheme一起用于简单的、可访问的复选框和单选按钮--并想象一下我们将来会如何使用它。 我不知道你怎么想的,但我喜欢新的CSS属性的出现,它使我们作为开发者的日常生活变得更简单,并使我们能够删除大量的冗余代码。aspe

- 阅读全文 -

解除webpack的 "导入 "功能:使用动态参数

虽然它是webpack的一个流行的卖点,但导入函数有很多隐藏的细节和功能,很多开发者可能不知道。例如,导入函数可以接受动态表达式,并且仍然能够实现众所周知的功能,如懒惰加载。你可以把动态表达式理解为任何不是原始字符串的东西(比如import('./path/to/file.js'))。动态表达式的几个例子是:import('./animals/' + 'cat' + '.js'),import('

- 阅读全文 -

JavaScript中的货币计算

当你用钱做计算时,每一分钱都需要被计算出来。不幸的是,JS的Number类型并不能胜任这项工作。在这篇文章中,Julio Sampaio告诉我们原因,并教我们如何在JavaScript中以正确的方式进行货币计算。 现代编程语言最令人好奇的一点是,当有人决定创建一个新的编程语言时,会对所接受的数据类型和内部辅助库进行大量的思考。 想一想你以前使用过的所有编程语言。他们有多少种处理日期和时间的方

- 阅读全文 -