随笔分类 -  JavaScript

前端技术
摘要:浏览器渲染页面的方式各不相同,甚至同一浏览器的不同版本(“杰出代表”是 IE)也有差异。因此,浏览器兼容成为前端开发人员的必备技能。如果有一份浏览器 Hack 手册,那查询起来就方便多了。这篇文章就向大家分享 Browserhacks 帮我们从网络上收集的各个浏览器特定的 CSS & JavaScript Hack,记得推荐和分享啊! 阅读全文
posted @ 2013-03-11 09:58 梦想天空(山边小溪) 阅读(33584) 评论(64) 推荐(156) 编辑
摘要:我们都很喜欢移动设备上的“下拉刷新”功能,那么如果这个效果应用到传统网页上怎么样?嗯,Hook.js 可以实现。他们采取了手机和平板电脑中的这个创新,只要向下滚动了一下,然后弹回到顶部,页面就会自动刷新。 阅读全文
posted @ 2013-03-08 15:12 梦想天空(山边小溪) 阅读(49848) 评论(5) 推荐(0) 编辑
摘要:Conditioniz 是一个快速、轻量级(3KB)的 JavaScript 工具,用于浏览器和分辨率,并根据条件加载 JavaScript 和 CSS 文件。浏览器嗅探通常被认为是不可靠的,Conditionizr 的建立就是为了克服这个问题。Conditionizr 的核心功能是检测和实现IE浏览器条件加载脚本和样式。考虑到这一点,使用类似 Google Analytics 检测浏览器的方法。 阅读全文
posted @ 2013-03-06 15:27 梦想天空(山边小溪) 阅读(2576) 评论(0) 推荐(0) 编辑
摘要:Zepto 是为现代浏览器打造的轻量级 JavaScript 库,最新发布的 V1.0 正式版压缩后只有 9.7K。兼容 jQuery 语法,如果你会 jQuery,那么也就会使用 Zepto 了。jQuery 的设计初衷是提供一个具有更快的下载和执行速度的模块库,而不是完全覆盖 jQuery 的功能。 阅读全文
posted @ 2013-03-05 16:10 梦想天空(山边小溪) 阅读(22572) 评论(14) 推荐(1) 编辑
摘要:这篇文章,我们一起探索一下 JavaScript 中的 Deferred 和 Promise 的概念,它们是 JavaScript 工具包(如Dojo和MochiKit)中非常重要的一个功能,最近也首次亮相于 流行的 JavaScript 库 jQuery(已经是1.5版本的事情了)。 Deferred 提供了一个抽象的非阻塞的解决方案(如 Ajax 请求的响应),它创建一个 “promise” 对象,其目的是在未来某个时间点返回一个响应。 阅读全文
posted @ 2013-03-05 12:23 梦想天空(山边小溪) 阅读(19937) 评论(6) 推荐(4) 编辑
摘要:这篇文章是前端优秀讲座和讨论列表系列连载第七篇,介绍前端性能优化技巧。前端领域发展迅速,只有时刻掌握前端发展趋势和技术动态,学习前沿的开发思想和理念才能让自己跟上时代的步伐,保持自己的技术优势。 阅读全文
posted @ 2013-03-04 09:52 梦想天空(山边小溪) 阅读(4862) 评论(2) 推荐(5) 编辑
摘要:Docverter 让你无需建立自己的文档转换工具就能够进行文件转换。Docverter 包装了几个开源项目,使您的文档能够进行完美的转换。借助一个简单的 HTTP API ,把使用 HTML,Markdown, 或者 LaTeX 编写的纯文本文件转换为 DOCX,PDF,RTF 和 ePub 格式文件。 阅读全文
posted @ 2013-02-28 09:13 梦想天空(山边小溪) 阅读(3124) 评论(0) 推荐(1) 编辑
摘要:今天在国外的博客转悠,发现一款超好用的正则表达式可视化调试工具——Debuggex,推荐推荐给大家。正则表达式通常被用来检索或替换符合某个模式的文本内容,编写正则是开发人员的必备技能。简单的正则表达式一下就能看懂含义,但是复杂的正则理解起来就很困难了。有了这款可视化的正则调试工具,以后编写正则表达式就轻松多了,赶紧试试。 阅读全文
posted @ 2013-02-27 10:58 梦想天空(山边小溪) 阅读(15825) 评论(3) 推荐(3) 编辑
摘要:2013年第一期(总第十三期)《Web 前端开发人员和设计师必读文章》和大家见面了。梦想天空博客关注 前端开发 技术,分享各种增强网站用户体验的 jQuery 插件,展示前沿的 HTML5 和 CSS3 技术应用,推荐优秀的 网页设计 案例,共享精美的设计素材和优秀的 Web 开发工具,希望这些精心推荐的文章能够帮助到您。 阅读全文
posted @ 2013-02-25 10:02 梦想天空(山边小溪) 阅读(14800) 评论(33) 推荐(77) 编辑
摘要:Groundwork 是基于强大的 CSS 预处理器 Sass & Compass 的响应式 HTML5,CSS & JavaScript 工具包。使用 Groundwork,您可以快速构建 Web 应用程序,能在各种设备上工作。Groundwork 拥有一个令人难以置信的灵活,可嵌套,流体的网格系统,是 Github 上的开源项目。 阅读全文
posted @ 2013-02-20 13:55 梦想天空(山边小溪) 阅读(4698) 评论(0) 推荐(1) 编辑
摘要:Web 浏览器正变得越来越强大,而 JavaScript 则让 Web 变得更加有趣。在这篇文章中,向大家推荐最有趣的 JavaScript 框架,工具和技术帮助你创造杀手级的应用和网站。记得收藏和推荐啊:) 阅读全文
posted @ 2013-02-17 14:32 梦想天空(山边小溪) 阅读(12987) 评论(35) 推荐(36) 编辑
摘要:Grunt 是一个基于任务的 JavaScript 项目命令行构建工具,运行于 Node.js 平台。Grunt 能够从模板快速创建项目,合并、压缩和校验 CSS & JS 文件,运行单元测试以及启动静态服务器。上一篇文章《Grunt:基于任务的 JavaScript 项目构建工具》介绍了 Grunt 安装和创建项目框架步骤,这篇文章介绍如何使用 Grunt 合并文件。 阅读全文
posted @ 2013-01-31 10:10 梦想天空(山边小溪) 阅读(12792) 评论(9) 推荐(4) 编辑
摘要:这篇文章收集了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 框架的贡献者。 阅读全文
posted @ 2013-01-29 09:51 梦想天空(山边小溪) 阅读(17149) 评论(32) 推荐(44) 编辑
摘要:Grunt 是一个基于任务的 JavaScript 项目命令行构建工具,运行于 Node.js 平台。Grunt 能够从模板快速创建项目,合并、压缩和校验 CSS & JS 文件,运行单元测试以及运行静态服务器。上一篇文章《JavaScript 项目构建工具 Grunt 实践:安装和创建项目框架》介绍了 Grunt 安装和创建项目框架步骤,这篇文章介绍 Grunt 中的任务和指令。 阅读全文
posted @ 2013-01-28 10:42 梦想天空(山边小溪) 阅读(5829) 评论(2) 推荐(4) 编辑
摘要:这篇文章是前端优秀讲座和讨论列表系列连载第三篇,分享 JavaScript 开发和编码技巧以及构建大规模 Web 应用程序的经验。前端领域发展迅速,只有时刻掌握前端发展趋势和技术动态,学习前沿的开发思想和理念才能让自己跟上时代的步伐,保持自己的技术优势。 阅读全文
posted @ 2013-01-26 14:34 梦想天空(山边小溪) 阅读(4576) 评论(4) 推荐(5) 编辑
摘要:Grunt 是一个基于任务的 JavaScript 项目命令行构建工具,运行于 Node.js 平台。Grunt 能够从模板快速创建项目,合并、压缩和校验 CSS & JS 文件,运行单元测试以及启动静态服务器。推荐 Windows 用户使用 Git Shell 来进行命令行操作。安装 Windows 桌面版 GitHub 的时候会自动安装 Git Shell。 阅读全文
posted @ 2013-01-24 10:15 梦想天空(山边小溪) 阅读(32193) 评论(16) 推荐(9) 编辑
摘要:gRaphael 是一个致力于帮助开发人员在网页中绘制各种精美图表的 Javascript 库,基于强大的 Raphael 矢量图形库。你只需要编写几行简单的代码就能创建出精美的条形图、饼图、点图和曲线图。gRaphael 使用 SVG W3C 推荐标准和 VML 作为创建图形的基础,是跨浏览器的矢量图形库,目前支持的浏览器包括: Firefox 3.0+,Safari 3.0+,Chrome 5.0+,Opera 9.5+ 以及 Internet Explorer 6.0+。 阅读全文
posted @ 2013-01-09 13:42 梦想天空(山边小溪) 阅读(18230) 评论(11) 推荐(4) 编辑
摘要: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+。 阅读全文
posted @ 2013-01-08 14:49 梦想天空(山边小溪) 阅读(109939) 评论(29) 推荐(16) 编辑
摘要:正则表达式通常被用来检索或替换符合某个模式的文本内容,编写正则是开发人员的必备技能。简单的正则表达式一下就能看懂含义,但是复杂的正则理解起来就很困难了。Jeff Avallone 开发了一款 JavaScript 正则表达式可视化工具,是 GitHub 上的开源项目,它能够让正则表达式字符串以 Railroad 形式图形化,便于阅读和理解。 阅读全文
posted @ 2013-01-05 11:48 梦想天空(山边小溪) 阅读(19971) 评论(10) 推荐(0) 编辑
摘要:2012年,Web 开发领域继续在快速的发展,HTML5 仍然在展示其跨平台的优越性,CSS3 被人们更多的应用到实际项目中,响应式设计(Responsive Design)技巧也被人越来越多的人熟知和使用。技术的快速发展让 Web 开发人员学习起来不知所措,幸运的是,很多优秀的开发者和设计人员在努力寻找各种有特色的解决方案。 因此,我们有了很多优秀的小工具和库,每一个都是用来解决特定的问题或维护一组特定的项目。这篇文章收集了2012年度新发布的最具有代表性 Web 前端开发工具和框架,这是一个非常值得收藏的工具列表。 阅读全文
posted @ 2012-12-28 10:06 梦想天空(山边小溪) 阅读(16265) 评论(24) 推荐(37) 编辑