现代浏览器里提供的新的API越来越倾向于移动手机应用，而不是传统的桌面应用，比如JavaScript地理位置信息API。另外一个只针对手机应用的JavaScript API就是振动(Vibration) API。很明显，这个API就是允许mobile程序员使用JavaScript调用手机的振动功能，并且能设定振动的方式和时长。

Prism插件的代码组成就是一个js文件和一个CSS文件。经过对这两个文件的修改，我就可以用简单的方法标注pre里的是什么编程语言的代码，Prism能根据这些语种提示个性化的高亮其中的代码，让这些代码显得更清晰，更适合读者阅读。

对于Web程序员来说，处理简单的URL格式也许会成为一场噩梦。试想一下，一个网址里有很多组成部分都会影响你对它的解析方法： 是否以/字符开头 是否以//开头 是否以?号开头 是否以#号开头 …等等

HTML5的革命，现代浏览器的诞生，JavaScript的升级，这些给我们提供了使用Javascript和input[type=file]元素获取上传文件过程信息的能力。下面就来看看这些上传文件API是如何使用的！

在浏览器里用JavaScript获取地理位置信息API在很多移动应用里是最常见的API运用，作为Web程序员，它应该是你必须具备的一项知识技巧。幸运的是，目前所有流行的浏览器都支持了这种技术。

这个新fetch API相比起XMLHttpRequest更简单，更易读，是很好的Ajax替代方法；fetch有很明显的优势，相信很快会流行起来！

随着技术的发展，这个电池状态信息API有了变化升级，它现在变成了基于promise方式的API，你可以在最新版的谷歌浏览器里使用它。下面让我们来看看这个最新的API的用法！

这里介绍的一个小技巧是如何用JavaScript获取页面上被选中的文字的方法

我们最常见到的带有多图的文章页面中，图的大小通常是和页面的宽度一致，这样看起来，页面就是一个直筒形，这样的布局看多了就会觉得很单调。之所以形成这样的局面，我想很大程度上是因为老式浏览器的限制。但随着现代浏览器(火狐/谷歌/IE11)的普及，浏览器对页面设计的限制越来越少，Web程序员的想象能力能够得到极大的发挥。

在我的开发工作中经常会遇到需要判断一个函数是否是JavaScript原生函数的情况，有时候这是一个很必要的工作，你需要知道这个函数是浏览器自身提供的，还是由第三方封装、伪装成原生函数。

最近我在研究开发一个火狐插件，具体的功能是将网页内容截屏并分享到微博上。目前基本功能已经实现，大家可以在 @程序师视野 里看到用这个截图插件分享的微博的效果。

在很多视频网站或提供了网址分享功能的网站上，你会发现当你点击分享组件后网址或分享代码会自动的粘贴到你的系统剪贴板里。这种能将网页内容自动粘贴到剪贴板的功能会给用户带来很大的方便。不幸的是，Flash 10毁掉了大部分所有的完成这个任务的方法。而幸运的是，还有一个工具叫做ZeroClipboard。ZeroClipboard使用了一个替换的Flash，并和JavaScript交互，能让你把任意内容通过JavaScript拷贝到系统剪贴板板里。

HTML5让我兴奋的一个最大的原因是，它里面实现的新功能和新特征都是我们长久以来一直期待的。比如，我以前一直在使用placeholders，但以前必须要用JavaScript实现。而HTML5里给JavaScript标记提供的async属性，使JavaScript能异步加载执行。之前我需要各种的JavaScript插件来实现这种功能，但现在这个新属性能让我们轻松的实现异步加载。

我一直对人工智能识别技术非常感兴趣，因为我无法想象这究竟是一种什么样的算法，什么样的分析过程。无论是声音识别、人脸面部识别或其它种识别，人们的外貌、说话的方式都是如此不同，一种图片你可以用不同的方式、从不同的角度拍摄，我不能理解这些识别技术是如何做到的。

当第一次听说nude.js的时候，我非常怀疑这种浏览器端的裸体识别技术，有几个理由：正常情况下，裸体识别应该在服务器端进行，这样，那些色情图片或色情视频才能在发送给浏览者前被发现。 我不相信完全依赖计算机能过滤掉所有色情内容(虽然我是个程序员)。

从Mozilla Aurora 11起，火狐浏览器里实现了一些新功能，其中一个就是对电池状态接口的基本实现。这个很简单的接口能提供你关于电池当前电量，是否在充电等信息，以及一些电池状态变化事件。让我们来看看效果！

估计很少人知道HTML5 APIS里有一个window.postMessage API。window.postMessage的功能是允许程序员跨域在两个窗口/frames间发送数据信息。基本上，它就像是跨域的AJAX，但不是浏览器跟服务器之间交互，而是在两个客户端之间通信。让我们来看一下window.postMessage是如何工作的

JavaScript弹出窗口很讨厌，所有人都不喜欢弹出窗口，但很多网站认为弹出框口很有用，需要弹出窗口。对于开发这样的网站的程序员，他们有个棘手的问题，他们不知道这些弹出窗口是否被浏览器或各种浏览器插件给屏蔽了，没有弹出来。当然，浏览器会通知用户，但这些很少会引起用户的注意。下面是一个简单的方法来测试你的弹出窗口是否被阻拦了。

我相信很少人知道JavaScript里还有这样一个很有用的东西：DocumentFragment。程序员可以使用DocumentFragment将一批子元素添加到任何类似node的父节点上，对这批子元素的操作不需要一个真正的根节点。程序员可以不依赖可见的DOM来构造一个DOM结构，而效率高是它真正的优势，试验表明，它比直接操作DOM快70%。

如果当你翻开一本书的时候，里面飞出来一只蝙蝠，或是一条会喷火的龙，你会有什么感觉？惊奇！赞叹！目瞪口呆！我想到了电影《哈利波特》里的那份会动的报纸。这里将会给你带来一种类似的奇观——一本书里的大千世界。随着浏览器技术的不断革新，越来越多的可能成为了现实。这里就是现代网页技术的典型代表。

如今的这个年代，流行在Web页面上使用了大量的JavaScript，我们需要寻找各种方式来优化它们，使它们更快。我们使用事件委托来让事件监听器更有效率，使用降频技术来限定某些方法的使用次数，使用各种JavaScript加载器来动态加载我们需要的资源，等等。

翻滚的海面，摇摇欲坠的灯塔，密布的乌云，暴风雨中的海燕。在加上CSS三维视差效果，虽是童话的世界，但亦真亦幻，令人神往。本作品是使用轻量级的js视差效果引擎parallax.js实现。在智能移动设备上效果更佳。

网页中JavaScript最基本的功能是监听或响应用户的动作，这非常的有用。用户的动作有些频率非常高，有的十分罕见。有些监听器函数的执行如闪电般完成，而有些繁重的会把浏览器拖死。拿浏览器窗口的resize事件来说，这种事件会在浏览器窗口大小的每一尺度变化都触发一次，如果监听器体量很大，你的浏览器很快就会被拖垮。

如今的JavaScript技术界里最火热的一项技术应该是‘事件委托(event delegation)’了。使用事件委托技术能让你避免对特定的每个节点添加事件监听器；相反，事件监听器是被添加到它们的父元素上。事件监听器会分析从子元素冒泡上来的事件，找到是哪个子元素的事件。基本概念非常简单，但仍有很多人不理解事件委托的工作原理。

我喜欢到一些大型网站上去翻阅它们的原代码，期望能找到一些可以应用到自己的代码中的模式，或发现一些之前从未听说过的工具和技巧。可是，在我查看这些大型网站的源代码时，经常会发现一个问题，那就是重复的代码执行，重复的功能应用。