JavaScript vs. DOM vs. BOM 关系说明

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

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

  1. 核心(基于ECMAScript规范)
  2. 文档对象模型(DOM)
  3. 浏览器对象模型(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 ...

继续阅读

jQuery UI百分比滚动条联动

原文链接:http://jsfiddle.net/9azJG/2/

下例用jQuery UI实现了5个百分比滚动条联动的效果

继续阅读

使用D3js绘制Force-Directed Graph(力导向图)

Force-directed(力导向)图形绘制算法通过图形本身的结构(图中顶点与边的拓扑关系)计算出图形的层次,而不依赖于特定领域的知识。使用力导向算法绘制的平面图形通常比较美观,并且图中各条边之间的交叉尽可能的少。

本文对使用D3js绘制Foorce-Directed Graph(力导向图)的过程进行简要的介绍,以下面的逻辑图(包含6个节点和5条边)为例。

import json
#nodes为图的节点集合
nodes = [{'name' : 'nodeA'}, 
         {'name' : 'nodeB'}, 
         {'name' : 'nodeC'}, 
         {'name' : 'nodeD'}, 
         {'name' : 'nodeE'}, 
         {'name' : 'nodeF'}]
#links为图的边集合,source为起点,target为终点
links = [{'source' : 0 , 'target' : 1}, 
         {'source ...

继续阅读

百度CDN跨域引用Bootstrap Glyphicons字体异常

使用百度前端公共库CDN服务(http://libs.baidu.com)的站长需要引起注意:

如果站点引用了百度CDN提供的Bootstrap Glyphicons字体,在使用较新版本的浏览器(包括Chrome 38+,Firefox 33+,以及IE 11等)访问这些包含Glyphicons字体的页面时,会无法正确显示Bootstrap Glyphicons字体。

使用360提供的前端公共库CDN服务(http://libs.useso.com/)替换百度公共库CDN服务,可以解决上述问题。

通过Chrome浏览器开发者工具的Network选项卡查看资源请求,可见glyphicons字体文件的请求响应出现异常,如下图所示。

百度CDN-Glyphicons字体引用异常

上述测试页面的代码如下:

<html>
  <head>
    <script src="http://libs.baidu.com/jquery/1.10 ...

继续阅读

如何查看Oracle物化视图(MVIEW)的刷新起始时间和结束时间

DBA_MVIEWS的LAST_REFRESH_DATE字段或者DBA_MVIEW_REFRESH_TIMES的LAST_REFRESH字段记录了Oracle物化视图刷新的起始时间。但如果我们想查看物化视图的刷新到底花费了多长时间,应该怎么做呢。其实,我们可以查询DBA_MVIEW_ANALYSIS。

对于完全刷新(Complete),刷新耗时会记录在DBA_MVIEW_ANALYSIS的FULLREFRESHTIM列中。而对于可快速刷新(Fast)的时间,会记录在INCREFRESHTIM列中。
这两个值的单位都是秒。

SELECT mview_name, last_refresh_date, fullrefreshtim, increfreshtim
FROM dba_mview_analysis
WHERE owner='JOHN';
MVIEW_NAME               LAST_REFRESH_DATE      FULLREFRESHTIM INCREFRESHTIM
------------------------ ---------------------- -------------- -------------
MV_CHANGE_HISTORY        07-JAN-13 04.36.58 PM               0            36
MV_ITEM_HISTORY          07-JAN-13 04.36.58 ...

继续阅读

年度归档