一些你不知道的JavaScript Console调试命令 并不是第个人都知道,除了用来记录日志的简单的console.log之外。Console对象还有很多其它有用的功能。我选择了5个最有意思但是还不是那么流行的功能,你马上就可以在你的日常工作中使用。
注* 这些命令包括: assert, table, profile, group, and time
Debug调试Node.JS:我们是如何定位内存泄漏和无限循环的 在Storify,我们用Node.js驱动后台。对于大多数生产环境上的问题(像未捕获的异常),我们使用日志来调试。然后我们看到了一些其他的BUG,像内存泄漏和无限循环,这些漏洞无法通过debugging工具来调试。
过去,当我们的服务变得很慢时,我们使用Monit 去重启他们。当我们上线了Livefyre之后,我们决定不要重启,尝试去修复这些缺陷。经过几个月的尝试,我们在Node.JS的调试技巧方面学到了很多。
理解JavaScript中的事件路由冒泡过程及委托代理机制 当我用纯CSS实现
这个以后。我开始用JavaScript和样式类来完善功能。
然后,我有一些想法,我想使用Delegated Events (
事件委托)但是我不想有任何依赖,插入任何库,包括jQuery。我需要自己实现事件委托了。
我们先来看看事件委托到底是什么?他们是怎么工作的,怎么去实现这种机制。
为什么你应该抛弃Express的视图渲染引擎 Nodejs
Express框架一个被人们广为使用的特性是它的渲染引擎。Express视图渲染引擎允许Controller提供一个视图名称和视图模型对象给
Express,然后返回由HTTP响应流输出的一些字节。基于为eBay的Nodejs技术栈提供支持的经验,我们发现了这个方法的缺点并决定彻底的弃用它。我们这么做了之后,能明显看到页面加载速度的提升、更好的模块性以及开发者生产力的提高。本文将解释为什么你不应该使用Express视图渲染引擎,并提供一个推荐的替代方案。
Walkway用简单的方法为SVG元素添加动画效果 这个库的作用是将SVG矢量图中的一些基本元素(目前仅支持路径Path和线Line)以线性动画的方式展示出来。 类似于PS4首页所展示的动画效果,示例:
var svg = new Walkway('#test'); //#test通常为一个svg元素
svg.draw(function () {
console.log('Animation finished');
});
用JavaScript制作HTML5动画基础 这是《Foundation HTML5 Animation with JavaScript》一书的附属范例,多达200多个基础动画的示例,由浅入深,由简单到复杂,适合系统学习。这里你可以找到所有关于在浏览器使用JavaScript移动元素的相关知识。这是创建HTML5游戏,动画和页面效果的基础。
它提供了所有相关的数学知识,和你需要了解的物理概念,如加速度,速度,淡入淡出(easing),弹簧(springs),碰撞检测,动量守恒,3D,以及正向和反向运动。帮助所有Web开发人员从Flash切换到HTML 5创建符合标准的游戏,应用和动画,兼容现代浏览器和大多数的移动设备,包括iPhone,ipad,Android设备等。
SpiderMonkey的JavaScript引擎[Firefox]性能超越V8[Chrome] 我们够快了吗?是的,我们是最快的。在Octane性能测试中,Spidermonkey的性能已经超过了V8,看看这个
测试, 在Octane上的性能已经超过了V8(Chrome),JSC(Safari),Sunspider()和Kraken();
注*: JavaScript引擎的竞争从未停止,
Octane 性能测试(2.0)是一组现代化的评价JavaScript引擎的性能的测量基准。由Google提出,你可以在线测试浏览器的性能。
基于 Web 的 Go 语言 IDE Wide 的由来,团队的IDE:
安全可靠:项目源代码实时保存在服务器上,开发者的机器崩溃不会丢失任何源代码
统一环境:服务器统一配置开发环境,开发者本机无需任何额外配置
开箱即用:5 分钟搭建服务器;开发者打开浏览器即可开发、调试
版本控制:每个开发者拥有自己的源代码仓库,随时可和主干保持同步
怎样用纯HTML和CSS更改默认的上传文件按钮样式 用纯CSS样式加HTML实现统一的上传文件按钮可能会很麻烦。看看下面的不同浏览器的截图。很明显的,他们长得很不一样。
我们的目标是创造一个简洁,用纯CSS实现的,在所有浏览器里的样子和布局是一样的上传文件按钮。最后的效果可能是这样的:
