自2010年谷歌被国情所迫撤离中国以后，就一直时有小到消息称谷歌将会卷土重来。不就前网上看到有人说不就前g.cn不是跳到google.com.hk而是直接能在能在g.cn上搜索，而恰巧不久前谷歌执行董事长埃里克·施密特表示
谷歌在未来10年内，用“encryption（加密）”进入审核制度较严的国家，包括中国和朝鲜
施密特还表示谷歌并没有完全放弃中国市场，此言暗示着谷歌近期将有所行动。2010年谷歌撤离后国内某度的份额全盘占领，直到360小戳了一下分到一杯羹。Gmail这两年更是抽风的厉害，许多原本使用Gmail的中国用户被迫抛弃Gmail转用国内服务。
...
昨天，中国大部分地区DNS故障出现大量站点无法访问，DNS是将域名解析IP后才能真正请求目标资源，起到一个关键的作用。
虽然DNS出故障后IP请求的目标资源的方式不受影响，但没有几个使用IP访问的（除一些特殊的以外），DNS也是一台普通物理服务器，按理说发生点故障是很正常的。但区区只发生在中国，然后所有请求都转向自由门，在发布说是被自由门攻击了，这事就戏剧多了。
全世界只有13台，这13台根域名服务器中名字分别为“A”至“M”，其中10台设置在美国，另外各有一台设置于英国、瑞典和日本。也就是说国内用户访问站点先从国内的分支DNS服务器开始查找，逐级向上，最后可到根。但昨天的故障是根本都无法访问，专家说可能又是网络运营商的问题，擦边球踢来踢去迷惑大家。其实大家用心想想就知道怎么回事了，乌龙事件！
...
在JavaScript中，严格来说所有的数据类型鼻祖都是Object，所以我们来看看以下这个例子:
>>> var arr = ["a", "b", "c"];
undefined
>>> for(var i=0; i<arr.length; i++){ console.log(i); }
0
1
2
>>> for(var i in arr){ console.log(i); }
0
1
2
以上例子定义了一个包含3个元素的数组arr，然后分别使用for和for-in来遍历它的元素，结果都没问题。但如果我给arr添加一个原型方法，结果就不一样了。
...
计算机只能识别0和1，简称二进制。表达人类常用的十进制数字，比如3，可以使用更多位的二进制来表示，这个过程我们称之为进制转换。
十进制3转二进制 0011
使用多少位的二进制表达一个数字我们称之为bit，在计算机中， 最小的单位是字节(Byte)，它由8个bit组成，所以在计算机中要表达十进制3，利用一个字节即可表示
一个字节存储3 0000 0011
因为一个字节共有8个位，每一位共有两种状态0和1，即可组成2的8次方，256种不同的状态，所以一个字节最多可以表达十进制0到255之间的数字，如果超过了怎么办？超过了就使用2字节(16位)存储，以此类推
...
自从IE浏览器老大的位置动摇以后，后起之秀FireFox、Opera、Chrome、Safari都一直时时威胁着经典的独树一帜的IE老大，之所以IE受到如此的威胁是因为无论性能和兼容上它弱爆了。然而，即使人们心中知道这些浏览器随便抓一个都比IE强，但IE凭借Window系统的推广，已经深远的植入人心。先来看看w3c的一份统计：
这是2012年的统计数据，从图上我们可以看出IE份额逐月下滑，Safari和Opera几乎可以忽略，Firefox也出现了下滑，唯独Chrome持续增长。下面再来看2013年的统计图
...
随着移动端的出现，Responsive Web Design（响应式网页设计/自适应网页设计）早在前几年就已开始逐渐步入主流，但那会的移动端并不很多，使用桌面浏览器居多，大部分站点没必要考虑响应式支持，只有少部分尝鲜的站点使用。
近两年，随着大屏手机，平板电脑的大量普及，人手一部，网页设计开始脱离固定的液晶显示屏，开始转移到移动端。最早的做法，差不多是为不同的主流设备下分别开发相应的CSS主题，然后使用js判断设备并引入相应的CSS使得网页在各个设备之间能够得体的显示。这种工作量是相当大的，特别是手机、平板电脑各种尺寸都有，这需要花大量的功夫与精心设计。
...
需要提前安装cairosvg模块，下载地址http://cairosvg.org/download/
代码
#! encoding:UTF-8
import cairosvg
import os
loop = True
while loop:
svgDir = raw_input("请输入SVG文件目录")
if os.path.exists(svgDir) and os.path.isdir(svgDir):
loop = False
else:
print "错误：您输入的SVG文件目录不存在或者不是一个有效的目录，请重新输入"
loop = True
while loop:
exportDir = raw_input("请输入导出目录")
if os.path.exists(exportDir):
loop = False
else:
print "错误：您输入的导出目录[" , exportDir , "] 不存在，是否要创建这个目录？"
loops = True
while loops:
msg = ""
cmd = raw_input("创建 (Y) 重新 (R)")
if cmd.upper() == "R":
loops = False
elif cmd.upper() == "Y":
os.makedirs(exportDir, True)
if os.path.exists(exportDir):
loop = False
loops = False
else:
print "创建目录失败[",exportDir,"]， 请重新输入"
else:
print "找不到您输入的命令，请重新输入"
cate = ("png", "pdf")
print "导出类型："
for i in cate:
print i
loop = True
while loop:
exportFormat = raw_input("请输入导出类型")
if exportFormat.lower() in cate:
loop = False
else:
print "您输入的类型不存在，请重新输入"
def export(fromDir, targetDir, exportType):
print "开始执行转换命令..."
files = os.listdir(fromDir)
num = 0
for fileName in files:
path = os.path.join(fromDir,fileName)
if os.path.isfile(path) and fileName[-3:] == "svg":
num += 1
fileHandle = open(path)
svg = fileHandle.read()
fileHandle.close()
exportPath = os.path.join(targetDir, fileName[:-3] + exportType)
exportFileHandle = open(exportPath,'w')
if exportType == "png":
cairosvg.svg2png(bytestring=svg, write_to=exportPath)
elif exportType == "pdf":
cairosvg.svg2pdf(bytestring=svg, write_to=exportPath)
exportFileHandle.close()
print "Success Export ", exportType, " -> " , exportPath
print "已导出 ", num, "个文件"
export(svgDir, exportDir, exportFormat)
...
最近在使用Java利用batic包把svg转换到png/pdf时总是无法解析XML文件里的image标签，在测试时突然发现只要把image的xlink:href URL写成http从网络上寻找的就可以，如
<image xlink:href="https://www.qttc.net/image.svg"></image>
但是写成相对于Java项目路径，如
<image xlink:href="image.svg"></image>
以上路径就不能正常转换，最后我索性写成绝对路径还是不行
<image xlink:href="C:/image.svg"></image>
...
简单说下制作思维
雨滴其实就是一个宽150px高1px的div，然后使用css3的rotate让它倾斜一下就好，然后使用css3的线性渐变，就成雨滴了。由上往下掉使用animation控制它的left与top即可。为了让它有远近的效果可以随机给一部分半透明，top参差不平。
首先是画椭圆，很简单只要给一个长方形然后border-radius: 50%就好，然后animation控制它的width与height就好，最后消失的时候给下opacity由1到0就有效果了，同样为了有层次感，可以随机给一部分半透明。
...
在这之前要在网页中实现动画，基本都是Flash，这Flash老大的位置一直到CSS3出现以后开始发生变化了，主流浏览器支持CSS3特性。
它的属性特别多，具体的可以看看教程，下面给出一些简单例子
html
<div class="box">
<span class="a1">从左边渐渐飘入</span>
<span class="a2">从中间淡入闪动两下，然后淡出</span>
<span class="a3">从右边渐渐飘入</span>
<hr />
<span class="a4">这个一直永久重复飘动</span>
<hr />
<span class="a5">从小变大, 颜色从红变到绿</span>
</div>
...