随笔分类 - JavaScript
前端技术
摘要：《Web前端开发精华文章推荐》2014年第二期（总第二十三期）和大家见面了。梦想天空博客关注前端开发技术，分享各类能够提升网站用户体验的优秀jQuery插件，展示前沿的HTML5和CSS3技术应用，推荐优秀的网页设计案例，共享精美的设计素材和优秀的Web开发工具，希望这些精心整理的前端技术文章能够帮助到您。
阅读全文
摘要：这篇文章收集了20个免费的 JavaScript 游戏引擎分享给开发者。这些游戏引擎能够帮助游戏开发人员更快速高效的开发出各种好玩的游戏。使用 HTML5、CSS3 和 Javascript 可以帮助面向对象开发者开发拥有各种特性的游戏，比如：3D 动画效果，Canvas，数学，颜色，声音，WebGL 等等。最明显的优势在于使用 HTML5 开发的游戏能在任何现代化流行的设备上运行。
阅读全文
摘要：Remodal 是一个扁平化，响应式，轻量而且容易定制的模态窗口插件，支持使用声明状态和 Hash 跟踪。您可以轻松地定义为模态弹窗定义背景景容器（如模糊效果）。支持所有现代的浏览器。
阅读全文
摘要：
虽然 CSS3 动画功能能够让我们以简单轻松的方式实现动画效果，但是浏览器兼容性问题让人头疼。不过不用担心，我们还有另外的武器——JavaScript，它同样可以帮助你实现各种各样的动画效果，而且借助已有的动画库和框架，也能够让你快速开发。这篇文章挑选了个人认为最好的15个 JavaScript 动画库和开发框架，相信其中一定会有一款是适合你的。
阅读全文
虽然 CSS3 动画功能能够让我们以简单轻松的方式实现动画效果，但是浏览器兼容性问题让人头疼。不过不用担心，我们还有另外的武器——JavaScript，它同样可以帮助你实现各种各样的动画效果，而且借助已有的动画库和框架，也能够让你快速开发。这篇文章挑选了个人认为最好的15个 JavaScript 动画库和开发框架，相信其中一定会有一款是适合你的。
阅读全文
摘要：飞扬的小鸟（Flappy Bird）无疑是2014年全世界最受关注的一款游戏。这款游戏是一位来自越南河内的独立游戏开发者阮哈东开发，形式简易但难度极高的休闲游戏，很容易让人上瘾。这里给大家分享一篇这款游戏的 HTML5 版制作教程，借助 Phaser 框架，只需65行 JavaScript 代码即可实现。
阅读全文
摘要：Node.js 是最流行的 JavaScript 服务端平台，它允许建立可扩展的 Web 应用程序。Node.js 包含不同类型的框架，如 MVC 框架、全栈框架、REST API 以及大量的服务器库，使它能够快速构建 Web 服务器。今天，我们挑选了10个最好的 Node.js MVC 框架分享给 Web 开发人员，它们能够帮助开发人员更轻松的创建 MVC 项目。
阅读全文
摘要：Sticker.js 是一个很小的 JavaScript 库，它允许您在网页中创建漂亮的贴纸效果。没有依赖关系（不需要 jQuery），可以在大多数支持 CSS3 的主流浏览器工作。下面有简单的使用示例，更多功能等着你去发现。
阅读全文
摘要：图表是数据图形化的表示，通过形象的图表来展示数据，比如条形图，折线图，饼图等等。可视化图表可以帮助开发者更容易理解复杂d数据，提高生产的效率和 Web 应用和项目的可靠性。在这篇文章中，我们收集了35款值得网站开发者收藏的 JavaScript 图形图表库，适合各种图表需求。
阅读全文
摘要：XMLHttpRequest Level 2 添加了一个新的接口——FormData。利用 FormData 对象，我们可以通过 JavaScript 用一些键值对来模拟一系列表单控件，我们还可以使用XMLHttpRequest的 send() 方法来异步的提交表单。与普通的 Ajax 相比，使用 FormData 的最大优点就是我们可以异步上传二进制文件。
阅读全文
摘要：ScrollReveal.js 用于创建和管理元素进入可视区域时的动画效果，帮助你的网站增加吸引力。只需要给元素增加 data-scrollreveal 属性，当元素进入可视区域的时候会自动被触发设置好的动画。
阅读全文
摘要：Progress.js 是一个 JavaScript 和 CSS3 的库，它帮助开发人员为网页上的每个对象创建和管理进度条效果。你可以设计自己的模板，进度条或者干脆定制。您可以使用 Progress.js 为网页中的任何加载中内容（图片，视频等）向用户呈现进度条。它可以用在所有的元素，包括文本输入框，文本域，甚至整个页面。
阅读全文
摘要：《Web 前端开发精华文章推荐》2014年第一期（总第二十二期）和大家见面了。梦想天空博客关注 前端开发 技术，分享各类能够提升网站用户体验的优秀 jQuery 插件，展示前沿的 HTML5 和 CSS3 技术应用，推荐优秀的 网页设计 案例，共享精美的设计素材和优秀的 Web 开发工具，希望这些精心整理的前端技术文章能够帮助到您。
阅读全文
摘要：Mondrian 是一个免费矢量图形 Web 应用程序，类似 Adobe Illustrator 或 Inkscape。Mondrian 提供所有所需的工具来创建、修改和导出简单的 SVG 文件，过历史文件 API 来支持撤销/重做以及存储操作。整个应用程序是用 Coffeescript 写。
阅读全文
摘要：InstantClick 是一个 JavaScript 库，大大加速你的网站响应速度。在访问者点击一个链接之前，鼠标会悬停在链接上面，这两个事件之间通常有200ms~300ms的间隔，InstantClick 利用这个时间间隔预加载页面。这样当你点击页面的时候，其实页面已经加载到本地了，呈现当然也就会很快。
阅读全文
摘要：ImageLightbox.js 是一款很简洁的用于显示图片灯箱效果（Lightbox）的插件，没有字幕，导航按钮或默认背景。如果默认功能不够用的话，你可以很容易地自定义 JavaScript 函数扩展插件，更改设置或者使用一些很有用的功能函数。最重要的是，图片适应任意大小的屏幕，并提供在触摸设备中使用的支持。
阅读全文
摘要：CountUp.js 无依赖的、轻量级的 JavaScript 类，可以用来快速创建以一种更有趣的动画方式显示数值数据。尽管它的名字叫 countUp，但其实可以在两个方向进行变化，这是根据你传递的 startVal 和 endVal 参数判断的。
阅读全文
摘要：CodePen 是一个在线的 HTML、CSS 和 JavaScript 代码编辑器，能够编写代码并即时预览效果。你在上面可以在线展示自己的作品，也可以看到其他人在网页中实现的各种令人惊奇的效果。今天这篇文章就为大家挑选出8个超炫的 Web 效果演示，这些 Demo 可以说都是艺术品，让小伙伴们都惊呆了！
阅读全文
摘要：当需要在网站中添加拖放排序功能的时候，jQuery UI 的排序组件可能是最流行的解决方案。今天给大家介绍另一款简单灵活的 JavaScript 拖放排序插件——Sortable，它使用 HTML5 原生的拖放 API 来实现拖放，并支持在触屏设备上使用。
阅读全文
摘要：这篇文章介绍十款让 Web 前端开发人员生活更轻松的实用工具。对于每一项工作，开发人员需要特定的辅助工具，所以如果下面这些工具对于你来说都是新的领域，那么这篇文章是非常有用的，因为这些实用的工具将让你的工作更有效率。
阅读全文
摘要：我们通常使用鼠标和键盘（在移动端使用触摸）来操作网站，如今 Voix.js 能够让我们使用声音控制网站，很酷吧？它可以启动和停止侦听麦克风，在检测到一个给定的关键字时触发绑定的特定事件。Voix.js 使用很简单，不过目前只支持 Chrome 浏览器。
阅读全文