归档 2014

Bootstrap的模态框(Modal)是一个非常实用的Javascript组件。

从3.0版本开始，Modal对话框的调用元素可以通过show/shown事件中新加入的relatedTarget属性获取

“If caused by a click, the clicked element is available as the relatedTarget property of the event.”

用法如下：

$('#myModal').on('show.bs.modal', function (e) {
  var invoker = $(e.relatedTarget);
});

请看下面这个例子：

模态框在显示之前会先执行alert，显示调用元素的html

Launch modal ...

使用百度加速乐可以借助于部署在全国各地的数据中心，通过预先向目标网站发送请求再缓存响应内容的方式使网站的访问速度得到提升。

然而，这种方式在为网站提升访问速度的同时，可能存在用户登录状态丢失的问题。

笔者在Django Template中使用{% request.user.is_authenticated %}时，用户登录成功后该block tag的结果依然为False。

备注：

加速乐运行模式：云端模式

加速乐加速设置：只开启了静态资源加速，首页加速、目录加速、静态页面加速均为开启。

建议：

目前百度加速乐的加速功能似乎还不太完善，

对于实时性要求较高的站点，以及涉及到用户状态保存等业务的站点在使用百度加速乐时需要仔细验证网站功能是否正常。

流量分析也是SEO的大学问，同样对SEO也是相当重要的。本文主要从新旧访客率方面介绍了流量分析的技巧，希望对你有帮助，一起来看。

新旧访客率

通常说网站流量（traffic）是指网站的访问量，是用来描述访问一个网站的用户数量以及用户所浏览的页面数量等指标，常用的统计指标包括网站的独立用户数量、总用户数量（含重复访问者）、页面浏览数量、每个用户的页面浏览数量、用户在网站的平均停留时间等。

当你打开流量统计的时候，第一时间你会做什么？大多数人最关心的恐怕是今天网站的总流量有多少。这个反应也很正常，总流量的多少确实能反映你的网站运营的状况的好坏。

但是，只是看总流量是不够的。就好比看一本书，你只看书名，不看看里面些什么，你永远也不知道里面的故事有多么精彩。所以，你应该明白我接下来要说什么了吧。

新旧访客率

如果你的新访客很多，旧访客却很少，你觉得这正常吗？当然，如果你刚从某个途径获得巨大流量，新访客瞬间增加很多，这种情况下的新旧访客率的比较意义不大。但是随着你的网站一直运营，旧访客率还是不高的话，那就说明网站有问题了。除非你继续靠其他地方引起新流量，否则网站可能就倒闭了。

一个健康的网站，旧访客的比例是应该高于新访客率，因为不断有新房客变成旧访客，总流量是持续稳定上升的。但是如果旧访客的比例太高，又说明你网站需要补充些新鲜血液了。这时候你可以加大投入广告或者宣传，引入一些新流量。

假如你真的很不幸，旧访客率太低，那你得赶紧自查原因，看看为什么用户那么不待见你的网站。

搜索引擎

通常说网站流量（traffic）是指网站的访问量，是用来描述访问一个网站的用户数量以及用户所浏览的页面数量等指标，常用的统计指标包括网站的独立用户数量、总用户数量（含重复访问者）、页面浏览数量、每个用户的页面浏览数量、用户在网站的平均停留时间等。下面介绍了流量分析的一些技巧。

1.搜索引擎来的流量占总流量的百分比有多少？

一般来说，它会随着你的搜索引擎优化效果不断地增高。当你有多种流量渠道的时候，可以通过这里看看你的SEO是否有效果。

2.流量分别来自哪些搜索引擎呢？哪个最高呢？

这个数据跟各大搜索引擎的市场占有率有关，但是也可以通过这里看看你的网站在各大搜索引擎的表现，方便调整战略。在中文优化中国人更偏向百度，英文倒有比较多，如google,bing,yahoo等。

3.用户是通过搜索哪些关键词来到你的网站的？哪个关键词搜索次数最多？

最能反应你网站的SEO效果也许就是这里了。在这里，你可以知道每个关键词实际带来的流量。有可能你会发现，自己辛辛苦苦，日日夜夜优化的关键词，已经在第一位了，但是流量却很少，这确实很让人失望。所以，在确定优化某个关键词之前，不妨先分析下该关键词能带来多少流量后再着手工作。

同样，在这里，你会看到一些你没想过要优化的关键词，但确确实实有人在搜索，为你带来了流量。我个人建议，整理出这类关键词的相关链接，在首页为其添加一个位置，比如在搜索框旁边。一来方便用户不需搜索直接点击，二来利用首页的权重提高这些页面的排名，争取排到第一，带来更多流量。

假如你发现很多人通过搜索你的网址或者网站名字过来的，那说明开始有回头客了，只是人家还没记住你的网址。好的开始是成功的一半，假以时日，这类用户慢慢会变成直接输入网址过来的用户，那时候你的网站已经很成功了。

来源链接：51CTO

来自kobe（从磊）的消息，SAE有望于今年第3季度实现备案支持。

目前，除阿里云提供备案支持外，SAE、BAE等其他云计算平台均不支持备案。

用户只能自行备案后方可绑定域名，否则只能通过海外代理等方式来实现域名绑定，但会大大降低网站的响应速度。

下面是SAE和阿里云通过微博发布的2014工作计划：

【SAE 2014上半年产品改进计划】

• Q1：Channel（实时消息推送）、SAE个人中心、苹果推服务；
• Q2：MAE（SAE私有云产品）、CloudBridge（SDN VPC，打通内外数据）、手机版（手机操作App）、SuperQuery（大数据分析）、应用数据分析中心、安卓推送服务

【2014阿里云产品改进计划】

• 2月底会推出CDN（内容分发网路，包含国际站点）、图片处理服务。3月底推出OCS（缓存服务）
• Q2推出ODPS（离线数据处理服务），SLS（简单日志服务），OAS（数据备份），OTS（结构化数据服务）
• 陆续推出云磁盘，VPC，镜像市场等

与阿里云相比，SAE目前具有价格上的优势，新用户完成实名注册后可以用很低的成本在SAE上部署和运行自己的应用。

然而由于备案原因，有很多用户不得不放弃SAE转而使用提供备案支持的云平台。

期待2014年SAE可以带来更多好消息。

D3.js是一个基于数据的文档操控JavaScript库。使用HTML，SVG和CSS，D3能够帮你让数据活起来。D3所强调的Web标准帮助开发者在无需捆绑任何专有框架的前提下，结合强大的可视化组件及其数据驱动的DOM操纵方法，充分利用现代浏览器的全部功能。

点此下载最新版本（3.4.1）：d3.v3.zip

或者，复制这段代码直接链接最新版本：

<script src="http://d3js.org/d3.v3.min.js" charset="utf-8"></script>

使用HTTPS的站点可能需要自行保留D3的源文件，或者使用一个支持HTTPS的CDN，比如CDNJS。全部源文件和测试用例也可以在GitHub中下载得到。

简介：

D3允许开发者将任意数据绑定在文档对象模型（DOM）之上，然后再应用数据驱动转换到文档中。例如，你可以使用D3从一个数组生成一个HTML表格。或者使用同样的数据来创建一个带有平滑过渡和互动功能的交互式SVG柱状图。

D3并非一个旨在涵盖所有功能特征的整体框架，相反，D3解决的问题核心是：基于数据的高效文档操作。这避免了局限的数据展现，提供了非凡的灵活性，体现出诸如CSS3，HTML5和SVG等Web标准的全部功能。使用最小的开销，D3的速度非常快，支持大型数据集以及交互与动画的动态行为。D3的函数风格允许通过各种组件和插件的形式进行代码的重用。

选择

使用W3C DOM API修改文档时十分繁琐的：方法名冗长，并且必须使用的方法需要人工迭代和对临时状态的维护。例如，要改变段落元素的文本颜色：

var paragraphs = document.getElementsByTagName("p");
for (var i = 0; i < paragraphs.length; i++) {
  var paragraph = paragraphs.item(i);
  paragraph.style.setProperty("color", ...