随笔分类 - JavaScript
前端技术
摘要：
今天我们想与大家分享另一套过渡效果。这一次，我们将探讨如何实现侧边栏的过渡动画，就像我们已经在多级推出菜单中使用的。我们的想法是，以细微的过渡动画显示一些隐藏的侧边栏，其余的内容也是。通常侧边栏滑入，把其他内容推到一边。这个可过程中可以加入很多微妙而奇特的效果，而今天这篇文章能够给你一些启示。
阅读全文
今天我们想与大家分享另一套过渡效果。这一次，我们将探讨如何实现侧边栏的过渡动画，就像我们已经在多级推出菜单中使用的。我们的想法是，以细微的过渡动画显示一些隐藏的侧边栏，其余的内容也是。通常侧边栏滑入，把其他内容推到一边。这个可过程中可以加入很多微妙而奇特的效果，而今天这篇文章能够给你一些启示。
阅读全文
摘要：如果您曾经访问过 Nicolas Zezuka 和 Active Theory 的出色的设计网站，你可能已经注意到在显示新内容之前动感的页面加载动画。这种风格的动画效果最近非常流行，这篇文章想给你带来一些启示。这个效果的核心是让一个形状在页面窗口中动画显示并有展示活动的指示。当新内容被加载时，形状将以动画显示返回显示的页面。
阅读全文
摘要：Vis.js 是一个动态的，基于浏览器的可视化库。该库被设计为易于使用，能处理大量的动态数据。该库由以下几部分组成：一是数据集和数据视图，基于灵活的键/值数据集，可以添加，更新和删除项目，订阅数据集变化；二是时间轴，用于显示不同类型的时间轴数据，在时间轴上项目可以交互移动，缩放和操纵；三是图形，使用节点和边显示一个交互式图形或网络。
阅读全文
摘要：《Web 前端开发精华文章推荐》2014年第3期（总第24期）和大家见面了。梦想天空博客关注 前端开发 技术，分享各类能够提升网站用户体验的优秀 jQuery 插件，展示前沿的 HTML5 和 CSS3 技术应用，推荐优秀的 网页设计 案例，共享精美的设计素材和优秀的 Web 开发工具，希望这些精心整理的前端技术文章能够帮助到您。
阅读全文
摘要：Google Analytics（谷歌分析）不仅仅是一个流量统计工具，你还可以用它来测量广告活动的有效性，跟踪用户多远到所需的页面流，并基于用户的信息设置浏览器和语言环境支持。但是，这一切东西都不是我们开发者所需要的。今天给大家介绍一个很另类的技巧，通过自定义事件跟踪 JavaScript 错误。下面就让我们来看看如何实现的错误检查的。
阅读全文
摘要：键盘事件是 Web 开发中最常用的事件之一，通过对键盘事件的捕获和处理可以提高网站的易用性和交互体验。下面，我们向大家介绍收集的20款优秀的 JavaScript 键盘事件处理库，帮助开发人员轻松处理各种键盘事件，赶紧收藏吧！
阅读全文
摘要：Winjs 是由微软开源技术的开发者推出的一组 JavaScript 组件，包括 ListView、ListView、Tooltip、DatePicker、Ratings 等等，帮助 Web 开发人员使用最好的网站功能解决方案。
阅读全文
摘要：ZeroClipboard 库提供了一种把文本复制到剪贴板的简单方法。Zero 表示该库是不可见的，用户界面则完全取决于你。 该库完全兼容 Flash Player 10.0.0 或以上版本，这就要求剪贴板复制操作需要通过 Flash 影片内部的用户单击事件来初始化。支持 IE7+ 和所有的现代浏览器。
阅读全文
摘要：
网站的加载速度在一定程度上来说是决定网站能否成功的关键。如果您是网站所有者，一定知道网站速度的重要性。因为没有人愿意为了打开一个网页而等老半天，换句话说，如果你的网站打开速度很慢，将流失大量的访客，甚至出现多米诺效应的不良影响。
阅读全文
网站的加载速度在一定程度上来说是决定网站能否成功的关键。如果您是网站所有者，一定知道网站速度的重要性。因为没有人愿意为了打开一个网页而等老半天，换句话说，如果你的网站打开速度很慢，将流失大量的访客，甚至出现多米诺效应的不良影响。
阅读全文
摘要：EpicEditor 是一款可以嵌入到网页中的 JavaScript Markdown 编辑器，支持全屏编辑、在线预览、自动保存草稿，离线支持等等。对于开发人员，它提供了一个健壮的API，可以很容易定制主题并允许你灵活使用绑定的 Markdown 解析器。
阅读全文
摘要：JavaScriptOO.com 集合了目前 Web 开发中最常用的422（截至目前）款 JavaScript 框架，你可以根据功能类别（Ajax，动画，图表，游戏等）进行过滤和排序，快速找到你需要的框架。每个项目都有在线演示，源码下载以及 CDN 链接。
阅读全文
摘要：Web 应用程序有离线功能，如保存大量数据集和二进制文件。你甚至可以做 缓存 MP3 文件 这样的事情。浏览器技术可以保存离线数据和大量的储存。但问题是，如何选择合适技术，如何方便灵活的实现。
阅读全文
摘要：PNotify 是一个 JavaScript 通知插件，前身为 Pines Notify。它旨在提供无与伦比的灵活性，同时很容易使用。它可以提供无阻塞的通知，允许用户无需关闭通知或者提示信息就可以点击通知后面的元素。
阅读全文
摘要：Mithril 是一个客户端的 Javascript MVC 框架。它是一个工具，使应用程序代码分为数据层，UI 层和粘合层。提供了一个模板引擎与一个虚拟的 DOM diff 实现，用于高性能渲染，支持路由和组件化。
阅读全文
摘要：使用 HTML5，CSS3 和 JavaScript 开发移动应用经过实践证明是一种可行的方式。这里收录了几款 iOS 风格的手机应用程序开发框架，帮助您使用擅长的 Web 技术来开发移动应用程序。这些工具大多都基于 HTML & CSS，而另一些则可能需要使用 JavaScript 库。
阅读全文
摘要：HTML5 Dashboard 是一个 Mozilla 推出的项目，里面展示了最前沿的 HTML5，CSS3，JavaScript 技术。每一项技术都有简洁，在线演示以及详细的文档链接。这些技术将成为未来一段时间 Web 开发的顶尖技术，如果不想落伍的话就赶紧来看看吧。
阅读全文
摘要：一个 JavaScript 库是预先编写的 JavaScript 程序，用于简化 Web 应用程序开发，特别是对 Ajax 和其它 Web 为中心的技术。JavaScript 提供了多种方法，通过它来创建交互式网站，Web 应用程序，给您的访客一个更好的用户体验。
阅读全文
摘要：Gremlins.js 是基于 JavaScript 编写的 Monkey 测试库，支持 Node.js 平台和浏览器中使用。Gremlins.js 随机模拟用户操作：单击窗口中的任意位置，在表格中输入随机数据，或者将鼠标移动到特别的元素。
阅读全文
摘要：今天给大家分享的优秀教程来自 Codrops 网站，实现一个内容倾斜的 3D 幻灯片效果。我们平常见到的都是那种水平或者垂直滚动的效果，这个倾斜的内容滑动效果相信会让你眼前一亮。因为使用了 CSS 3D 变换和 CSS 动画，所以支持现代浏览器。赶紧体验一下吧。
阅读全文
摘要：Scroll Depth 是一个小型的 Google Analytics（谷歌分析）插件，可以让你衡量用户在页面上滚动了多远。它可以监控 25%、50%、75% 和 100% 四个滚动点，并发送谷歌分析事件。您还可以跟踪页面上的特定元素是否滚动到视图中。
阅读全文