随笔分类 - JavaScript
前端技术
摘要：浏览器渲染页面的方式各不相同，甚至同一浏览器的不同版本（“杰出代表”是 IE）也有差异。因此，浏览器兼容成为前端开发人员的必备技能。如果有一份浏览器 Hack 手册，那查询起来就方便多了。这篇文章就向大家分享 Browserhacks 帮我们从网络上收集的各个浏览器特定的 CSS & JavaScript Hack，记得推荐和分享啊！
阅读全文
摘要：我们都很喜欢移动设备上的“下拉刷新”功能，那么如果这个效果应用到传统网页上怎么样？嗯，Hook.js 可以实现。他们采取了手机和平板电脑中的这个创新，只要向下滚动了一下，然后弹回到顶部，页面就会自动刷新。
阅读全文
摘要：Conditioniz 是一个快速、轻量级（3KB）的 JavaScript 工具，用于浏览器和分辨率，并根据条件加载 JavaScript 和 CSS 文件。浏览器嗅探通常被认为是不可靠的，Conditionizr 的建立就是为了克服这个问题。Conditionizr 的核心功能是检测和实现IE浏览器条件加载脚本和样式。考虑到这一点，使用类似 Google Analytics 检测浏览器的方法。
阅读全文
摘要：Zepto 是为现代浏览器打造的轻量级 JavaScript 库，最新发布的 V1.0 正式版压缩后只有 9.7K。兼容 jQuery 语法，如果你会 jQuery，那么也就会使用 Zepto 了。jQuery 的设计初衷是提供一个具有更快的下载和执行速度的模块库，而不是完全覆盖 jQuery 的功能。
阅读全文
摘要：这篇文章，我们一起探索一下 JavaScript 中的 Deferred 和 Promise 的概念，它们是 JavaScript 工具包（如Dojo和MochiKit）中非常重要的一个功能，最近也首次亮相于 流行的 JavaScript 库 jQuery（已经是1.5版本的事情了）。 Deferred 提供了一个抽象的非阻塞的解决方案（如 Ajax 请求的响应），它创建一个 “promise” 对象，其目的是在未来某个时间点返回一个响应。
阅读全文
摘要：这篇文章是前端优秀讲座和讨论列表系列连载第七篇，介绍前端性能优化技巧。前端领域发展迅速，只有时刻掌握前端发展趋势和技术动态，学习前沿的开发思想和理念才能让自己跟上时代的步伐，保持自己的技术优势。
阅读全文
摘要：Docverter 让你无需建立自己的文档转换工具就能够进行文件转换。Docverter 包装了几个开源项目，使您的文档能够进行完美的转换。借助一个简单的 HTTP API ，把使用 HTML，Markdown, 或者 LaTeX 编写的纯文本文件转换为 DOCX，PDF，RTF 和 ePub 格式文件。
阅读全文
摘要：今天在国外的博客转悠，发现一款超好用的正则表达式可视化调试工具——Debuggex，推荐推荐给大家。正则表达式通常被用来检索或替换符合某个模式的文本内容，编写正则是开发人员的必备技能。简单的正则表达式一下就能看懂含义，但是复杂的正则理解起来就很困难了。有了这款可视化的正则调试工具，以后编写正则表达式就轻松多了，赶紧试试。
阅读全文
摘要：
2013年第一期（总第十三期）《Web 前端开发人员和设计师必读文章》和大家见面了。梦想天空博客关注 前端开发 技术，分享各种增强网站用户体验的 jQuery 插件，展示前沿的 HTML5 和 CSS3 技术应用，推荐优秀的 网页设计 案例，共享精美的设计素材和优秀的 Web 开发工具，希望这些精心推荐的文章能够帮助到您。
阅读全文
2013年第一期（总第十三期）《Web 前端开发人员和设计师必读文章》和大家见面了。梦想天空博客关注 前端开发 技术，分享各种增强网站用户体验的 jQuery 插件，展示前沿的 HTML5 和 CSS3 技术应用，推荐优秀的 网页设计 案例，共享精美的设计素材和优秀的 Web 开发工具，希望这些精心推荐的文章能够帮助到您。
阅读全文
摘要：Groundwork 是基于强大的 CSS 预处理器 Sass & Compass 的响应式 HTML5，CSS & JavaScript 工具包。使用 Groundwork，您可以快速构建 Web 应用程序，能在各种设备上工作。Groundwork 拥有一个令人难以置信的灵活，可嵌套，流体的网格系统，是 Github 上的开源项目。
阅读全文
摘要：Web 浏览器正变得越来越强大，而 JavaScript 则让 Web 变得更加有趣。在这篇文章中，向大家推荐最有趣的 JavaScript 框架，工具和技术帮助你创造杀手级的应用和网站。记得收藏和推荐啊：）
阅读全文
摘要：Grunt 是一个基于任务的 JavaScript 项目命令行构建工具，运行于 Node.js 平台。Grunt 能够从模板快速创建项目，合并、压缩和校验 CSS & JS 文件，运行单元测试以及启动静态服务器。上一篇文章《Grunt：基于任务的 JavaScript 项目构建工具》介绍了 Grunt 安装和创建项目框架步骤，这篇文章介绍如何使用 Grunt 合并文件。
阅读全文
摘要：这篇文章收集了Google 前端工程师 Addy Osmani 分享在 Speaker Deck 的15个精彩幻灯片，每个都是精华中的精华，真正的干货！相信你认真阅读之后一定会有收获！Addy Osmani 创建了 TodoMVC、jQuery UI Bootstrap、jQuery Plugin Patterns 和 Backbone Paginator，出版了《Learning JavaScript Design Patterns》和《Developing Backbone.js Applications》两本书籍，还是著名 jQuery、Modernizr 以及 Backbone.js 框架的贡献者。
阅读全文
摘要：Grunt 是一个基于任务的 JavaScript 项目命令行构建工具，运行于 Node.js 平台。Grunt 能够从模板快速创建项目，合并、压缩和校验 CSS & JS 文件，运行单元测试以及运行静态服务器。上一篇文章《JavaScript 项目构建工具 Grunt 实践：安装和创建项目框架》介绍了 Grunt 安装和创建项目框架步骤，这篇文章介绍 Grunt 中的任务和指令。
阅读全文
摘要：这篇文章是前端优秀讲座和讨论列表系列连载第三篇，分享 JavaScript 开发和编码技巧以及构建大规模 Web 应用程序的经验。前端领域发展迅速，只有时刻掌握前端发展趋势和技术动态，学习前沿的开发思想和理念才能让自己跟上时代的步伐，保持自己的技术优势。
阅读全文
摘要：Grunt 是一个基于任务的 JavaScript 项目命令行构建工具，运行于 Node.js 平台。Grunt 能够从模板快速创建项目，合并、压缩和校验 CSS & JS 文件，运行单元测试以及启动静态服务器。推荐 Windows 用户使用 Git Shell 来进行命令行操作。安装 Windows 桌面版 GitHub 的时候会自动安装 Git Shell。
阅读全文
摘要：gRaphael 是一个致力于帮助开发人员在网页中绘制各种精美图表的 Javascript 库，基于强大的 Raphael 矢量图形库。你只需要编写几行简单的代码就能创建出精美的条形图、饼图、点图和曲线图。gRaphael 使用 SVG W3C 推荐标准和 VML 作为创建图形的基础，是跨浏览器的矢量图形库，目前支持的浏览器包括： Firefox 3.0+，Safari 3.0+，Chrome 5.0+，Opera 9.5+ 以及 Internet Explorer 6.0+。
阅读全文
摘要：Raphael 是一个用于在网页中绘制矢量图形的 Javascript 库。它使用 SVG W3C 推荐标准和 VML 作为创建图形的基础，你可以用 Javascript 操作Dom 轻松创建各种复杂的柱状图、饼图、曲线图等各种图表，还可以绘制热议形状的图形，可以进行图表或图像的裁剪和旋转等复杂操作。Raphaël 是跨浏览器的矢量图形库，目前支持 Firefox 3.0+，Safari 3.0+，Chrome 5.0+，Opera 9.5+ 以及 Internet Explorer 6.0+。
阅读全文
摘要：正则表达式通常被用来检索或替换符合某个模式的文本内容，编写正则是开发人员的必备技能。简单的正则表达式一下就能看懂含义，但是复杂的正则理解起来就很困难了。Jeff Avallone 开发了一款 JavaScript 正则表达式可视化工具，是 GitHub 上的开源项目，它能够让正则表达式字符串以 Railroad 形式图形化，便于阅读和理解。
阅读全文
摘要：2012年，Web 开发领域继续在快速的发展，HTML5 仍然在展示其跨平台的优越性，CSS3 被人们更多的应用到实际项目中，响应式设计（Responsive Design）技巧也被人越来越多的人熟知和使用。技术的快速发展让 Web 开发人员学习起来不知所措，幸运的是，很多优秀的开发者和设计人员在努力寻找各种有特色的解决方案。 因此，我们有了很多优秀的小工具和库，每一个都是用来解决特定的问题或维护一组特定的项目。这篇文章收集了2012年度新发布的最具有代表性 Web 前端开发工具和框架，这是一个非常值得收藏的工具列表。
阅读全文