随笔分类 - JavaScript
前端技术
摘要：Keypress 是一个强大的 JavaScript 库，用于捕获键盘输入。这是一个有非常特殊的功能的输入捕获库，它是很容易掌握和使用，并且不依赖第三方库。在网站开发中，经常会碰到需要处理键盘输入的场景，处理起来繁琐。现在有了这个键盘输入处理的库就很方便了。
阅读全文
摘要：正则表达式是每个程序开发人员的必备技能。任何开发项目，不管使用什么编程语言，都需要从给定的数据提取值并进行验证。例如对输入内容的验证，过滤 URL 变量等等，正则表达式处理这样的任务很容易，而且只需要很少的代码。另一方面，正则表达式被很多人认为是很难掌握的。但事实不是这样的，他们只是看起来复杂而已。这里有12个伟大的资源，能够帮助你学习和掌握正则表达式。
阅读全文
摘要：FullPage.js 是一个简单而易于使用的插件，用来创建全屏滚动网站（也被称为单页网站）。除了可以创建全屏滚动效果以外，也可以给网站添加一些水平的滑块效果。能够自适应不同的屏幕尺寸，包括平板电脑和移动设备。
阅读全文
摘要：HTML5 规范引进了很多新特性，其中最令人期待的之一就是 Canvas 元素，HTML5 Canvas 提供了通过 JavaScript 绘制图形的方法，非常强大。这里向大家展示一个使用 Canvas 和 JavaScript 创建逼真的下雨效果。
阅读全文
摘要：BackgroundCheck 是一个轻量的 JavaScript 库，能够根据元素后面的图片的亮度自动切换元素样式。例如在图片幻灯片功能中，根据图片亮度调整导航箭头的颜色，这样让图片和导航的颜色形成一定的对比度，更清晰。类似可以使用的地方还有固定导航，在滚动下拉的时候根据文本背面的图片自动修改颜色等等。
阅读全文
摘要：TogetherJS是一个免费、开源的 JavaScript 库，来自 Mozilla 实验室，可以实现基于 Web 的在线协作功能。把 TogetherJS 添加到您的网站中，您的用户可以在实时的互相帮助！当然还有很多其它的可以应用的场合，值得一试。
阅读全文
摘要：在页面中引入 Pace.js 和您所选择主题的 CSS 文件，就可以让你的页面拥有漂亮的加载进度和 Ajax 导航效果。不需要挂接到任何代码，自动检测进展。您可以选择颜色和多种效果，有简约，闪光灯，MAC OSX，左侧填充，顶部填充，计数器和弹跳等等。
阅读全文
摘要：文件上传功能作为网页重要的组成部分，几乎无处不在，从简单的单个文件上传到复杂的批量上传、拖放上传，需要开发者花费大量的时间和精力去处理，以期实现好用的上传功能。这篇文章向大家推荐几款很棒的 JavaScript 文件上传功能增强插件。
阅读全文
摘要：Favico.js 在让你的网页图标显示徽章，图像或视频。你设置可以轻松地在网页图标中使用动画，可以自定义类型的动画，背景颜色和文字颜色。它支持的动画，像幻灯片，渐变，弹出等等。
阅读全文
摘要：Glide.js 是一款响应式和对触摸友好的 jQuery 滑块。基于 CSS3 转换实现，并在低版本浏览器降级处理。Glide.js 简单，重量轻，快速，适用于智能手机，平板电脑和台式机。它支持 swipe 事件，箭头和子弹导航，键盘导航，公共 API 回调，自动播放和悬停暂停功能。
阅读全文
摘要：
《Web 前端开发精华文章推荐》2013年第六期（总第十八期）和大家见面了。梦想天空博客关注 前端开发 技术，分享各种增强网站用户体验的 jQuery 插件，展示前沿的 HTML5 和 CSS3 技术应用，推荐优秀的 网页设计 案例，共享精美的设计素材和优秀的 Web 开发工具，希望这些精心整理的前端技术文章能够帮助到您。
阅读全文
《Web 前端开发精华文章推荐》2013年第六期（总第十八期）和大家见面了。梦想天空博客关注 前端开发 技术，分享各种增强网站用户体验的 jQuery 插件，展示前沿的 HTML5 和 CSS3 技术应用，推荐优秀的 网页设计 案例，共享精美的设计素材和优秀的 Web 开发工具，希望这些精心整理的前端技术文章能够帮助到您。
阅读全文
摘要：Bootstrap Magic 是一款基于 Bootstrap 和 AngularJS 的主题创建工具。您可以轻松地创建您自己的 Twitter Bootstrap 主题，可以立即看到你的内容变化。您还可以添加来自 Google Webfont 的很棒的网页字体。
阅读全文
摘要：Parallax.js 是一个简单的，轻量级的的视差引擎，能够对智能设备的方向作出反应。在没有没有陀螺仪或运动检测硬件可用的时候，使用光标的位置来代替。有很多的行为，你就可以设置为任何给定的视差实例。这些行为既可以通过在标记中指定的数据属性或通过构造函数 和 JavaScript API 调用。
阅读全文
摘要：iosOverlay.js 用于在 Web 项目中实现 iOS 风格的通知和提示效果。为了防止图标加载的时候闪烁，你需要预加载的图像资源。不兼容 CSS 动画的浏览器需要 jQuery 支持。浏览器兼容：IE7+, Google Chrome, Firefox, Opera, Desktop Safari, Mobile Safari — iPhone & iPad。
阅读全文
摘要：jsPDF 是一个基于 HTML5 的客户端解决方案，用于生成各种用途的 PDF 文档。使用方法很简单，只要引入 jsPDF 库，然后调用内置的方法就可以了。浏览器兼容性： IE6+*, Firefox 3+, Chrome, Safari 3+, Opera，对于 IE9 以下的版本会使用 Downloadify 来实现文件下载功能。
阅读全文
摘要：Intention.js 提供一个轻量级的和明确的方式，帮助你动态重组 HTML，成为响应式的方式。操作方法都放在了元素自己里面，所以灵活的布局看起来就似乎不会那么的抽象和凌乱。您可以轻松地增加布局的选择和灵活性，缩短开发时间和减少样式表覆盖媒体查询驱动的必要性。你可以轻松地添加自己的上下文或者创建自己的自定义组。
阅读全文
摘要：在 Web 项目中，浏览器兼容以及跨浏览器测试是最重要的也是最费劲的工作。DalekJS 是一个基于 JavaScript（或 Node.js） 的免费和开源的自动化测试接口。它能够同时运行测试一组流行的浏览器（Chrome，IE，Firefox 和 WebKit）。
阅读全文
摘要：SlimerJS 是一个提供给 Web 开发人员，可通过脚本编程控制的浏览器。它可以让你使用 Javascript 脚本操纵一个网页：打开一个网页，点击链接，修改的内容等，这对于做功能测试，页面自动机，网络监控，屏幕捕获等是非常有用的。事实上，它是类似 PhantomJS 的一个工具，除了它运行在 Gecko 上而不是Webkit。
阅读全文
摘要：表单元素让人爱恨交加。作为网页最重要的组成部分，表单几乎无处不在，从简单的邮件订阅、登陆注册到复杂的需要多页填写的信息提交功能，表单都让开发者花费了大量的时间和精力去处理，以期实现好用又漂亮的表单功能。这篇文章向大家推荐几款很棒的 JavaScript 表单美化和验证插件。
阅读全文
摘要：Twitter Bootstrap 3.0 终于正式发布了。这是一个圆滑的，直观的和强大的移动优先的前端框架，用于更快，更容易的 Web 开发。几乎一切都已经被重新设计和重建，更好的支持移动端设备。最新的 Twitter Booststrap 包含四层网格类——手机，平板电脑，台式机，和大型桌面，你可以做一些超级疯狂的布局。定制器进行了重新设计，现在在浏览器中编译，而不是 Heroku 上，有更好的依赖性支持，甚至有内置的错误处理。
阅读全文