类别归档：JavaScript

JavaScript是一种基于对象和事件驱动并具有相对安全性的客户端脚本语言。

使用jQuery Spinner替代HTML5标签 input[type=number]
作者是在线疯狂发布于 2014年11月20日在 JavaScript.

jQuery UI中提供的Spinner组件可以将input[type=text]文本框转换为一个数字输入框，类似于HTML中新增的input[type=number]，并支持使用键盘上下键以及鼠标滚轮对其中的数值进行更改。

注：鼠标滚轮事件缺省只支持部分浏览器，可使用jQuery Mousewheel插件添加跨浏览器的鼠标滚轮事件支持

jQuery UI Spinner实例如下：

Select a value:

上例代码如下：

<script src="https://libs.baidu.com/jqueryui/1.10.4/jquery-ui.min.css"></script>
<script type="text/javascript">
  $(function() {
    $( "#spinner" ).spinner();
  });
</script>

<p>
  <label for="spinner">Select a value:</label>
  <input id="spinner" name="value" />
</p> ...

继续阅读

jQuery isBlank判断对象是否为空
作者是在线疯狂发布于 2014年11月15日在 JavaScript, 译林.

One of my favorite syntactic sugar methods available in Rails is the Object.blank?, which evaluates to true if the given object is false, empty, or a whitespace string. It makes your conditional expressions more readable; avoiding the use of boolean ...

继续阅读

使用百度ECharts绘制饼图
作者是在线疯狂发布于 2014年11月12日在 JavaScript.

百度ECharts是一款由百度前端团队开发与维护的，基于HTML5的开源JavaScript图表库。E是Enterprise的简称，意思是商业级数据图表。

本文简述使用ECharts绘制饼图(Pie Chart)的过程，下图为使用ECharts绘制的饼图实例。

继续阅读

JavaScript vs. DOM vs. BOM 关系说明
作者是在线疯狂发布于 2014年11月5日在 JavaScript, 译林.

要清楚地理解JavaScript，DOM和BOM之间的关系，我们需要了解JavaScript是怎样实现的。

实际上，完整的JavaScript实现由3个不同的部分组成：

核心（基于ECMAScript规范）
文档对象模型（DOM）
浏览器对象模型（BOM）

ECMAScript

ECMA-262这样描述ECMAScript（European Computer Manufacturing Association，欧洲计算机制造协会）：

“ECMAScript can provide core scripting capabilities for a variety of host environments, and therefore the core scripting language is specified…apart from any particular host environment.”