OurJS


OurJS-我们的JS, 我们的技术-IT文摘; 专注JS相关领域;
我们热爱编程, 我们热爱技术;我们是高大上, 有品味的码农;

欢迎您订阅我们的技术周刊


我们会向您分享我们精心收集整理的,最新的行业资讯,技术动态,外文翻译,热点文章;
我们使用第三方邮件列表向您推送,我们不保存您的任何个人资料,注重您的隐私,您可以随时退订,

欢迎分享您的观点,经验,技巧,心得

让我们一起找寻程序员的快乐,探索技术, 发现IT人生的乐趣;


本网站使用缓存技术每次加载仅需很小流量, 可在手机中流畅浏览;
如果您发现任何BUG,请即时告知我们: ourjs(at)ourjs.com

1518409521

制作canvas游戏

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

Go 语言基础教程:10分钟入门

开源 by 1518409521 1411621593294

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

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

创造canvas的艺术

Html5 by 1518409521 1409711768597
知道<canvas>吗?如果你愿意,将你的注意力集中在这个web文档的顶部。我的网站的头部区域包括一系列的“北极光”动画,是用HTML5′新的JavaScript渲染引擎<canvas>生成的。点击页面任何地方产生新的亮光,每个亮光都带着随机颜色和改变网站头部外观的轨迹,这条轨迹慢慢移动穿过整个页面。
如果你不熟悉<canvas>,学习他的最好方法是去看一个简单的例子。下面的HTML和JavaScript将在<canvas>域内生成一个橙色的矩形区域。

LowDB - 基于Node的纯Json文件数据库

Node.JS by 1518409521 1409108863930
LowDB 基于Node的纯Json文件数据库
  • 无需服务器
  • 快速
  • 事件触发
  • 来自Lo-Dash的50多种方法

JavaScript中怪异的地方

JavaScript by 1518409521 1408930505877

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

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

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

为什么是HTML5?

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

有可能将CSS应用到一个字符的一半吗?

前端 by 1518409521 1407217040367

我在寻找

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

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

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

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

CSS字体大小: em与px、pt、百分比之间的对比

前端 by 1518409521 1405734565208

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

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

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

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

Express.JS指南

Node.JS by 1518409521 1405475245547

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

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

在JavaScript数组中找到最小元素的位置

JavaScript by 1518409521 1402235351819

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

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



分享到