随笔分类 - JavaScript
前端技术
摘要:Codrops 给我们分享了一个多层菜单的实现教程。他们试图探索创建一个嵌套的多级菜单,是非常有用的东西,可以有很多的内容,如网上商店的导航菜单。 这个 Push Menu 效果理论上可以包含无限嵌套的子菜单。
阅读全文
摘要:今天,我们想与您分享一个实验性的3D效果。它涉及到一个3D移动设备和一些移动应用程序截图。点击切换按钮时,我们将让移动设备转动并移动每个画面,使我们能看到一个分层的视图。你可能之前没见过这种应用程序演示模式,使用 CSS 来实现这样的效果是十分有趣的事情。
阅读全文
摘要:在本教程中我将告诉你如何使用 CSS 变换来创建圆形导航。教程逐一讲解实现这个样式将要涉及一些基本的数学知识并配合 CSS 变换来创建这些样式。不过不用担心,这里用到的数学知识真的是很简单的。教程使用浅显易懂的语言来介绍数学逻辑,让你能够清晰的理解背后的技术。
阅读全文
摘要:最近,我需要做一个非常基本的网页内容编辑功能。我不想使用 iframe ,我也不想要一个功能特别多的复杂编辑器,只需要很基本的内容编辑功能,例如粗体,斜体,列表,对齐等等。这篇文章介绍一种方法,借助 HTML5 特性,使用10行 JavaScript 实现世界上最简单的文本编辑器。
阅读全文
摘要:前端开发并不容易,除了掌握基本的 HTML、CSS 和 Javascript 之外,因为不同版本的浏览器和平台,你需要知道如何做一个跨浏览器的网站。而最新的发展趋势——响应式设计,它不仅使 Web 项目开发更难,也需要花费更多的开发时间。不过,有很多优秀的框架可以帮助到你,这篇文章挑选了14个响应式的前端框架。我列出了它的 UI 组件和 Javascript 插件,几乎所有的都使用了响应式网格系统。
阅读全文
摘要:Chance 是一个基于 JavaScript 的随机数工具类。可以生成随机数字,名称,地址,域名,邮箱,时间等等,几乎网站中使用的任何形式的内容都能够生成。这个随机数工具可以帮助减少单调的测试数据编写工作,特别是编写自动化测试的时候。
阅读全文
摘要:《Web 前端开发精华文章推荐》2013年第五期(总第十七期)和大家见面了。梦想天空博客关注 前端开发 技术,分享各种增强网站用户体验的 jQuery 插件,展示前沿的 HTML5 和 CSS3 技术应用,推荐优秀的 网页设计 案例,共享精美的设计素材和优秀的 Web 开发工具,希望这些精心整理的前端技术文章能够帮助到您。
阅读全文
摘要:在 Web 开发中,经常会需要一些测试数据来测试接口或者功能时候正确。JSON Generator 就是这样一款生成随机 JSON 数据的在线工具,Web 开发人员必备,记得收藏和分享啊。
阅读全文
摘要:Cytoscape.js 是一个开源的 JavaScript 图形库,您可以使用 Cytoscape.js 进行数据分析和可视化。Cytoscape.js 可以轻松的继承到你的网站或者 Web 应用中,实现交互的可视化图形。
阅读全文
摘要:在 PC 端,我们可以使用 Firebug 或者 Chrome 开发人员工具方便的调试网站或者 Web 应用。但是,当我们想在移动端调试站点或者应用的时候,这些工具就派不上用场了。因此,移动开发人员都希望能有 Mobile 版本的 Firebug 或者 Chrome 开发人员工具。Weinre 就是这样一款工具,可以帮助我们调试移动网站及 PhoneGap 应用。
阅读全文
摘要:JSbooks 收集了32本优秀的 JavaScript 免费电子书,分为初级、中级、高级三个类比,大家可以根据自身的情况需要下载。实实在在的干货!记得收藏和分享啊:)
阅读全文
摘要:Fries 是一个移动开发框架,让开发者仅使用 HTML,CSS 和 Javascript 创建出 Android 应用程序界面。Fries 的灵感来自于 Ratchet(开发 iPhone 应用原型的优秀框架),作者把根据 Ratchet 的思路把一些很酷的东西引入到 Android 开发中。令人惊讶的是,Fries 能够很好的兼容 PhoneGap。Fries 旨在使 Android 应用程序开发更快速,更容易。
阅读全文
摘要:PathFinding.js 是一个综合性的 JavaScript 路径查找库库。这个项目的目的是提供一个可以很容易地纳入网页游戏的路径查找库。它可以运行上在 Node.js 或浏览器中。提供的在线演示展示了算法是如何执行的。当实例化路径查找器的时候,你可以传递额外的参数来表示具体的策略。
阅读全文
摘要:转眼又已过去了一年,在这一年里,Firefox 和 Chrome 在拼升级,版本号不断飙升;IE10 随着 Windows 8 在去年10月底正式发布,在 JavaScript 性能和对 HTML5 和 CSS3 的支持方面让人眼前一亮。这篇文章给大家带来《五大主流浏览器 HTML5 和 CSS3 兼容性大比拼》,让我们一起看看2013年的浏览器现状。
阅读全文
摘要:FlipClock.js 被创建出来是因为其他的解决方案不够抽象,不能够在不重写的代码的情况下提供了深层次的自定义。有些库的参数过多,而另外一些则是脚本中的硬编码太多,不够灵活。在参考许多现有的解决方案的基础上,FlipClock.js 提供可扩展的 API ,能够创建任何形式的时钟、计数器或者倒计时功能,而且翻页效果很酷。
阅读全文
摘要:Ratchet 让移动开发人员仅使用简单 HTML,CSS 和 Javascript 组件就能够快速的制作出 iPhone 应用程序的原型。Ratchet 提供了众多效果类似原生应用的界面组件,另外 Push.js 可以帮助开发人员把页面链接起来并在 iPhone 上预览。
阅读全文
摘要:《Web 前端开发精华文章推荐》2013年第四期(总第十六期)和大家见面了。梦想天空博客关注 前端开发 技术,分享各种增强网站用户体验的 jQuery 插件,展示前沿的 HTML5 和 CSS3 技术应用,推荐优秀的 网页设计 案例,共享精美的设计素材和优秀的 Web 开发工具,希望这些精心推荐的文章能够帮助到您。
阅读全文
摘要:有时候,我们不知道我们的 SQL 查询是怎样的,因为大部分时候这些语句都是动态创建的。或者,你也正在寻找一个解决方案,使 SQL 查询更可读。Squel.js,一个轻量级的 JavaScript 库,通过一个面向对象的 API 轻松建立 SQL 查询字符串。
阅读全文
摘要:FPSMeter 是一个简单的 JavaScript 库,用于实现速度快,主题化的 FPS 数据仪表。它可以测量每秒的帧数,帧间的毫秒数。FPSMeter 支持多个实例在同一个页面上,提供了显示/隐藏仪表的方法以及使主题更漂亮的彩色热图。
阅读全文
摘要:SublimeLinter 是前端编码利器——Sublime Text 的一款插件,用于高亮提示用户编写的代码中存在的不规范和错误的写法,支持 JavaScript、CSS、HTML、Java、PHP、Python、Ruby 等十多种开发语言。这篇文章介绍如何在 Windows 中配置 SublimeLinter 进行 JS & CSS 校验。
阅读全文