1518409521

制作canvas游戏
by 1518409521 keys JS学习 Html5 1411479797380
在我上一篇创造<canvas>艺术的帖子中,我介绍了使用HTML5< canvas>API来创建一个随机生成的“北极光”动画。产生动画的效果完全是审美。除了生成颜色和形状它没有提供交互性。在这篇文章中,我们将使用相同的技术介绍原文,但扩展我们的例子介绍键盘输入和操作以创建一个完整的互动游戏。    
我们将创建一个游戏我将他称之为Space。这是一个简单的游戏,你可以使用键盘操作一个二维地图的恒星和行星。为了简便起见,完整的脚本将在这篇文章的底部,我将从脚本片段解释这些到底是什么。
Go 语言基础教程:10分钟入门
by 1518409521 keys 技术前沿 开源 1410794537832

Go是你可以信任的聪明的人设计的一个可爱小巧的编程语言 ,并且由一个不断增长的巨大开源社区进行持续的完善和提高 。

Go意味着简单, 但有时它的约定可能有点难以理解。 我想告诉你我如何开始我的Go项目,以及如何使用Go的常规用法。 让我们构建一个web应用程序的后端服务。

创造canvas的艺术
by 1518409521 keys 编程技巧 Html5 1409578158655
知道<canvas>吗?如果你愿意,将你的注意力集中在这个web文档的顶部。我的网站的头部区域包括一系列的“北极光”动画,是用HTML5′新的JavaScript渲染引擎<canvas>生成的。点击页面任何地方产生新的亮光,每个亮光都带着随机颜色和改变网站头部外观的轨迹,这条轨迹慢慢移动穿过整个页面。
如果你不熟悉<canvas>,学习他的最好方法是去看一个简单的例子。下面的HTML和JavaScript将在<canvas>域内生成一个橙色的矩形区域。
LowDB - 基于Node的纯Json文件数据库
by 1518409521 keys JS开源 Node.JS 1409063011715
LowDB 基于Node的纯Json文件数据库
  • 无需服务器
  • 快速
  • 事件触发
  • 来自Lo-Dash的50多种方法
JavaScript中怪异的地方
by 1518409521 keys JS学习 JavaScript 1408807630369

—经历语言奇怪特性的旅程

在这篇文章中我想总结一下我们在1月YYCJS聚会讨论的一些事情。这都是关于JavaScript的怪异的部分。你可以在Youtube上找到这个视频, 在yycjs.com/the-weird-parts 找到一些幻灯片,在 JSBin 找到在线编码的部分。

进入我们所谈论的内容。我们可以使用(点)或[](方括号)操作符访问对象和对象属性,点操作符只接受有效的JavaScript变量名而方括号可以采用任何字符串:

为什么是HTML5?
by 1518409521 keys 行业动态 Html5 1408204672910
曾经有一段时间就是不久之前,当万维网的概念还没有贯穿我们的思想,书还是从纸上读,电影在影院观看。我们买的杂志告诉我们最喜欢的节目什么时候将出现在电视上。我们挤在小小的,模糊,扭曲的屏幕周围享受简单的快乐。那一年是1989年,那一年一个奇妙的事情发生了。变革的种子渗入我们生活的方方面面,我们所有的人,最终被这个神奇的技术革命感动。
有可能将CSS应用到一个字符的一半吗?
by 1518409521 keys 编程技巧 前端 1407080078469

我在寻找

给一个字符的一半设置样式。(在本例中,字符的一半是透明的)

下面是目前我所寻找和尝试的:

  • 将样式应用于字符或者字母的一半的方法
  • 用CSS或JavaScript给字符部分设置样式
  • 给字符的50%应用CSS

下面是一个例子,我想要获得的效果。

CSS字体大小: em与px、pt、百分比之间的对比
by 1518409521 keys 心得体会 前端 1405687703167

CSS样式最混乱的一个方面是应用程序中文本扩展的font-size属性。在CSS中,你可以用四个不同的单位度量来显示在web浏览器中的文本大小。这四个单位哪一种最适合Web? 这个问题引起了广泛的争论。找到一个确定的答案是困难的, 因为这个问题,本身就是如此难以回答。

当你动态地观察他们就很容易理解字体大小单位之间的区别。

一般来说:1 em = 12 pt = 16 px = 100%

当使用这些font-size, 增加基础本字体大小(使用CSS选择器)从100%到120%,让我们看看会发生什么。

Express.JS指南
by 1518409521 keys 编程技巧 Node.JS 1405465805160

安装了node(下载)之后, 在你的机器上创建一个目录,开始你的第一个应用程序。$ mkdir hello-world

在这个目录中你将定义应用程序“包”,这和任何其他node的包没有什么不同。文件目录中的json文件,明确定义了一个依赖项。你可以用npm命令获取express最新版本,你喜欢这样做,而不是安装“3.x”以外的版本,以防止任何未知的惊喜。

在JavaScript数组中找到最小元素的位置
by 1518409521 keys JS学习 JavaScript 1402212268378

注*  之前有篇文章介绍过数据遍历的性能比较: for in 比for loop慢至少20倍 ,这是另外一篇比较数组查找性能的例子,通过对手工/indexOf/reduce三者的比较,再次映证,内置函数不一下比手工写的函数快。

给定一个非空的JavaScript数字数组,找到最小值的索引。


 近期热门 - 点击最多
  1. SpringBoot+Spring6入门指南: 使用命令行快速搭建restful web api模板
  2. 如何通过 winax 的 ActiveXObject 或 Excel.Application 往 excel 中插入一张图片
  3. node.js用activex/com+自动化读写excel时查询接口、参数的调试方法
  4. TypeScript定义数字范围类型即仅包含【小时:分钟】的时间类型,每天指定时间点执行任务
  5. 比较测试:用百度文心一言和阿里通义千问写删除文件目录并且是async/await代码
  6. node.js使用TensorFlow入门教程二:什么是张量神经网络运算与矩阵的关系及基本入门代码
  7. node.js使用TensorFlow入门教程一:简介及工作原理环境安装及初始化
  8. node.js用saml2连接Identity Provider服务器完成Azure AD/Active Directory域帐号身份认证
  9. node.js中用typescript连接mongodb数据并设置断开后自动重启连接
  10. git 将本地仓库关连并push远程

  全端社区 - 最新回复
  1. Springboot+Gradle+Mysql+Jpa最简单实例教程
  2. SpringBoot+Spring6入门指南: 使用命令行快速搭建restful web api模板
  3. Paddle/abbyy等ocr比较:如何将图片生成可选择文字版PDF
  4. 如何通过 winax 的 ActiveXObject 或 Excel.Application 往 excel 中插入一张图片
  5. 如何用JavaScript获取某个元素copy selector的CSS选择器
  6. 青否数字人5.0上线,支持真人接管实时驱动!
  7. 遥遥领先!青否数字人直播系统5.0发布,支持真人接管实时驱动!
  8. 比fs.watch更加优秀的Chokidar文件变化检测库
  9. HTML页面嵌入部分使用Vue3,在jQuery应用中用类似Vue2使用Vue3
  10. 克隆自己的数字人形象需要几步?

  开源的 OurJS
OurJS开源博客已经迁移到 OnceOA 平台。

  关注我们
扫一扫即可关注我们:
OnceJS

OnceOA