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. 网站集成百度、Bing必应搜索引擎,在网页中实现站内全文搜索
  2. React Hooks入门教程九:在React中集成使用Vue实现数据双向绑定,手动配置Webpack和Babel
  3. node.js性能压力测试入门教程:wrk和loadtest安装使用
  4. JavaScript和node.js内存泄露的原因和避免方法及Chrome调试工具使用教程
  5. Html5网页中用JavaScript调用本地手机摄像头扫描识别微信二维码、条形码:postMessage跨域https传递扫码结果消息
  6. JavaScript设置对象属性只读不可修改、不可枚举、不可删除:Object.defineProperty
  7. CSS教程:图片使用混合模式和颜色叠加filter滤镜,改变PNG图标颜色
  8. CSS教程:如何设置自动显示隐藏scrollbar滚动条,自定义外观样式/宽度,附demo示例大全
  9. node.js通过Error.prepareStackTrace获取上层调用函数的文件名地址和行数位置
  10. JavaScript判断字符串是否为数字类型:Number.isInteger、isNaN、正则表达式比较

  全端社区 - 最新回复
  1. 三步搭建电商企业公众号提升GMV,实现品牌定位、店铺运营以及粉丝变现
  2. 零售企业如何打造私域流量池
  3. 零售企业构建私域流量的价值
  4. 微商城哪个平台做得比较好
  5. 微盟智慧零售:异业连麦直播这样玩,新增会员过万
  6. 销氪助力雄达获取有效商机
  7. 微盟微站如何搭建百度小程序
  8. 销氪智能呼叫中心,助销售提升呼叫效率
  9. React Hooks 入门教程一:开发工具选择、安装配置Yarn,开发环境搭建
  10. JavaScript和node.js内存泄露的原因和避免方法及Chrome调试工具使用教程

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

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

OnceOA