哈,只有国家选中国才有这漂亮妹子,那几个国外老女人我实在是受不了了…

购买了空间后,下一步就是把域名指向空间,一般来说需要做一个IP指向,我们专业术语叫 A Record

登录之后,右上角点我的帐户 我们专业术语叫 My Account

然后左边点域名管理,专业术语叫 Domain Manager

OK,新开了一个页面,包含我所有的域名,哎呀48个…暴露了
点击要处理的域名,例如 OOXX.ME,专业术语叫 Fire in the hole

中间偏下部分,有个DNS管理 里面包含了
A指向,此例子中指向了IP
CNAME 指向以及MX指向

点蓝色 Launch 进入设置

有些同学就问了,我这里咋没有?
那你就得去Nameservers那边设置
选择第三项 I have a hosting account with these domains.
只有使用了Godaddy的DNS,才能在Godaddy的面板里设置 A Record

有些同学就又问了,为啥我设置了还是没有啊?
哎呀我说你猴急啥,全球DNS节点为了加速,都有缓存
让DNS飞一会儿,淡定

好,那么进入激动人心的最后一步

这里用了很牛逼的技术叫 JavaScript
如果要改原来的IP,就点一下那个IP,马上会出现一个文本输入框,专业术语叫 input tag

左下角的 Quick Add 就是为神马你木有*我有这朵可爱的小菊花的原因

这里@代表的是顶级域名 例如 ooxx.me
而*代表的是所有二级域名,例如 plz.ooxx.me www.ooxx.me

有些同学问题特别多,www.ooxx.me 也算二级域名啊?
算! 也包含在*里头

这时候我再 Quck Add 一个 you.ooxx.me ,不是和*冲突了么?
专业人士早考虑到这个问题,
所有明确定义的二级域名权重是高于泛解析*的

右上角的 Save Zone 去他爹的你能不能明显点,第一次用的时候都忘了点,也没个提醒
一旦点了,会刷新页面,刷新后看到IP变更,那就代表成功了

有些同学…为啥改了,我ping 网站还是老的IP
我实在是…缓存… 系统会缓存域名IP对应关系,浏览器也会缓存…

注意到那个TTL没有, TimeToLove ,这个时间越长,OOXX的时间就越长,缓存的时间也越长
时间长,好处是大家都 happy,速度快
时间短,例如有些重要页面需要负载均衡,一会儿这个IP一会儿那个IP这种情况适用
个人建议保持默认的1小时

Ok,有问题留言,没问题手手睡了

这就是我为啥讨厌阿里旺旺的原因
垃圾信息实在是太多了,我一个月来一次旺旺都加了那么多黑名单

我的旺旺签名是: 不上线,联系QQ 18958069
我的QQ签名是: 在线就在,离线就不在,有问题请描述清楚,不闲聊,不打招呼,谢谢

(mt) Media Temple 邀请我参加 (dv) Dedicated-Virtual 4 server 的 beta 测试，貌似一月中旬就会公开卖了

不错，目前俺的 http://bigc.at 就跑在这台(mt) Media Temple 的dv 4上

一些已知的参数：

• Premium HP hardware, with SAS disk drives in RAID 10 configuration for high performance and data integrity
• Virtuozzo 4.6 – the most efficient virtualization in the world: Secure, Reliable, Blazing Fast
• LAMP:  CentOS 5.5  (64-bit)  |  Apache 2.2.17  |  PHP 5.3.3  |  MySQL 5.1.52
• Plesk 10.0.1 uses less memory and has many new exciting features
• Root access for complete control
• More Scalable:  7 upscale/downscale resource levels with up to 50% more disk space than (dv)3.5:
  • RAM   |   DISK
  • .5GB       30GB
  • 1GB        60GB
  • 2GB      120GB
  • 4GB      240GB
  • 8GB      325GB
  • 16GB    600GB
  • 32GB      1TB
• Great new features:
  • Realtime Server Status available to (ve) and (dv)4 only
  • (mt) API
• Located in VA for amazing performance in North America, Europe and South America，貌似在 LA 的对中国用户快点
• As always, backed by celebrated (mt) Media Temple Support

(dv) Dedicated-Virtual 4 is built on a strong foundation, giving you superior performance, greater flexibility, complete control, plus exciting new software and features.  We aimed to make (dv) Dedicated-Virtual 4 to be the ideal server to support your applications, development, and internet presence.

粗略的过了一遍，貌似 Plesk 10 可以自定义网站根目录，加强了数据统计，php运行模式可选 apche 、fastCGI、CGI
其他就是速度快了不少

MT的后台可以直接看dv的 资源占用，当然之前偶一直用自己的api，不过 (mt) Media Temple 搞官方的出来应该比我的好使，期待

找了个ftp的小bug，已经提上去了，内存占用也比较多，正在查，哈哈，小白鼠做的很爽

现有 http://miao.in 的MT用户是dv3.5，按照惯例应该不久就可以到 4.0 了

哈哈,大家新年快乐~

今天 Google Doodle 是gMMXIe

这个MMXI是什么意思呢?

MMXI 的意思是 “2011”

罗马数字~很多钟上面会有这个

I 就是 1

II 就是 2

III 就是 3

MM 是 2000

MMX 是 2010

MMXI 是 2011

其实是 “Gmmxie” ,只是看起来像 “GmmxLe”.

嗷呜~ 2012快来啦~~ 一库一库!

PS,用360的同学们赶紧拆掉,并且修改密码吧
现在国内企业相互揭短,好处是用户知道了很多
一旦垄断,哼哼,你懂的
或者一起潜规则黑用户才是最可怕的

对比国外,这他妈年过的…

http://www.ijinshan.com/news/20101231005.shtml

http://bbs.360.cn/3237987/41693940.html

歌手：Wham 专辑：music from the edge of heaven
Wham / Last Christmas
————————————–

(Happy Christmas)

Last Christmas I gave you my heart
But the very next day you gave it away
This year to save me from tears
I’ll give it to someone special

Once bitten and twice shy
I keep my distance but you still catch my eye
Tell me baby, do you recognize me?
Well, it’s been a year, it doesn’t surprise me

(Happy Christmas)
I wrapped it up and sent it
With a note saying ‘I love you,’ I meant it
Now I know what a fool I’ve been
But if you kissed me now I know you’d fool me again

Last Christmas I gave you my heart
But the very next day you gave it away
(You gave it away)
This year to save me from tears
I’ll give it to someone special
(Special)

Oh, oh my baby

Crowded room, friends with tired eyes
I’m hiding from you and your soul of ice
My god, I thought you were someone to rely on
Me, I guess I was a shoulder to cry on

A face on a lover with a fire in his heart
A man undercover but you tore him apart
Ooh hoo, now I’ve found a real love
You’ll never fool me again

Last Christmas I gave you my heart
But the very next day you gave it away
(You gave me away)
This year to save me from tears
I’ll give it to someone special
(Special)

Someone
Someone
I’ll give it to someone
I’ll give it to someone special

Who’ll give me something in return
(I’ll give it to someone)
Hold my heart and watch it burn
(I’ll give it to someone)
(I’ll give it to someone)
(I’ll give it to someone special)

I thought you were here to stay
How can you love me for a day?
I thought you were someone special!

Gave you my heart
(I’ll give it to someone)
(I’ll give it to someone)

Last Christmas I gave you my heart
You gave it away
(I’ll give it to someone)
(I’ll give it to someone)

这首歌来自他们1986年的专辑《music from the edge of heaven》

倒不是喜欢MC小热狗的这首歌,不过MV不错~嘿嘿
大家圣诞快乐~

大家圣诞快乐~

和小操同学讨论到反向代理的时候逻辑混乱没理清,发一篇再理一次,哈

正向代理的概念

正向代理,也就是传说中的代理,他的工作原理就像一个跳板,
简单的说,
我是一个用户,我访问不了某网站,但是我能访问一个代理服务器
这个代理服务器呢,他能访问那个我不能访问的网站
于是我先连上代理服务器,告诉他我需要那个无法访问网站的内容
代理服务器去取回来,然后返回给我

从网站的角度,只在代理服务器来取内容的时候有一次记录
有时候并不知道是用户的请求,也隐藏了用户的资料,这取决于代理告不告诉网站

结论就是 正向代理 是一个位于客户端和原始服务器(origin server)之间的服务器，为了从原始服务器取得内容，客户端向代理发送一个请求并指定目标(原始服务器)，然后代理向原始服务器转交请求并将获得的内容返回给客户端。客户端必须要进行一些特别的设置才能使用正向代理。

反向代理的概念

继续举例:
例用户访问 http://bigc.at/readme
但ooxx.me上并不存在readme页面
他是偷偷从另外一台服务器上取回来,然后作为自己的内容吐给用户

但用户并不知情
这很正常,用户一般都很笨

这里所提到的 ooxx.me 这个域名对应的服务器就设置了反向代理功能

结论就是 反向代理正好相反，对于客户端而言它就像是原始服务器，并且客户端不需要进行任何特别的设置。客户端向反向代理 的命名空间(name-space)中的内容发送普通请求，接着反向代理将判断向何处(原始服务器)转交请求，并将获得的内容返回给客户端，就像这些内容 原本就是它自己的一样。

两者区别

从用途上来讲：

正向代理的典型用途是为在防火墙内的局域网客户端提供访问Internet的途径。正向代理还可以使用缓冲特性减少网络使用率。反向代理的典型用途是将 防火墙后面的服务器提供给Internet用户访问。反向代理还可以为后端的多台服务器提供负载平衡，或为后端较慢的服务器提供缓冲服务。

另外，反向代理还可以启用高级URL策略和管理技术，从而使处于不同web服务器系统的web页面同时存在于同一个URL空间下。

从安全性来讲：

正向代理允许客户端通过它访问任意网站并且隐藏客户端自身，因此你必须采取安全措施以确保仅为经过授权的客户端提供服务。

反向代理对外都是透明的，访问者并不知道自己访问的是一个代理。

淫荡开发

因为某些特殊原因,我平时写前端代码都是本地开发(貌似你也是)
我怎么知道我的代码嵌入后是什么样子呢?
在本地搭建一个网站?公司网站一个机房的机器都放不下,更别说我一台PC鸡

这个时候就可以利用反向代理
我先把公司网址例如 miao.in 改HOST方式指向127.0.0.1 也就是自己机器
然后在自己机器上装一个 Apache
并且设置反向代理整站到线上服务器,但排除了目录 faq

于是我输入 http://miao.in/family/ 的时候,请求发送到本机的apache,本机的apache去线上获取内容吐给我,就像他自己的一样
而我输入 http://miao.in/faq/的时候,请求发送到本机的apache,apache发现这是个排除的目录,于是找本机上对应的目录文件(开发目录)吐给我

这样子就实现了完全模拟线上环境的开发模式

这个时候有人会跳出来说,我靠,用Fiddler不就行了
原理是一样的,亲爱的windows用户

操

小操同学你的姓太给力了,每次大喊:”操!吃饭去”
都是一种幸福啊~

Fiddler

http://www.fiddler2.com/ 是windows下神一样的东西,有兴趣自己去了解下
淫荡的佩玉同学开发了一个以他老婆命名的 Fiddler 插件,我们大家都爱用
不过透露的话会以泄露国家机密罪爆菊花,就不提了

参考资料

http://en.wikipedia.org/wiki/Reverse_proxy
http://baike.baidu.com/view/1165595.htm
http://zhuzhsh.javaeye.com/blog/293437

PNG这种文件格式值得科普下,对比GIF来说

PNG和GIF都支持动画
PNG的动画也叫APNG,只是firefox支持,详见 http://bigc.at/apng.orz ,如Firefox看这里的favicon,是会动滴
所以动画图片来说,还是GIF支持最好

第一种PNG叫PNG8(索引色透明),简单说可以理解为静态的GIF
他们都只有256色,也支持索引透明,就是指定一个像素点是不是透明
但是PNG由于算法的优势,体积比较少
所以,静态GIF完全可用PNG8取代

第二种PNG也叫PNG8(Alpha透明),牛逼在可指定像素点的透明度,例如50%透明度
这种优点在于比PNG24/32体积小,因为也只有256色嘛
缺点在于IE6支持不好,会把半透明的像素点显示成全透明

第三种PNG叫PNG24
PNG24不透明,但是颜色数很多,不止256色
而Photoshop里导出的png24其实是png32

第四种PNG叫PNG32
缺点在于IE6支持不好,会把透明区域显示成蓝灰底色,把半透明区域显示成叠加蓝灰底色后的颜色

PNG32和PNG24的区别就是多了透明信息

(新增)第五种PNG叫Fireworks源文件
类似于Phosothop的PSD,有图层通道信息神马的
是PNG的一种扩展
这种丢到浏览器里表现和PNG32一样

简单的归纳就是

动画:
支持: GIF, APNG(firefox only)
不支持: 常规PNG

索引色透明(某像素是全透明还是全不透明):
支持: GIF/PNG都支持
不支持: IE6下的PNG8(Alpha透明)和PNG24/32

Alpha透明(可指定透明度):
支持:PNG8(Aplha透明)/PNG32
不支持: GIF/PNG8(索引色透明)/PNG24

图层
支持: PNG(FW源文件)
不支持: PNG8/PNG24/PNG32/GIF

颜色
256色：GIF PNG8(2种)
其他的格式颜色数不过来,好多

附加说明:

Photoshop 只能创建GIF、 PNG8(索引透明)和PNG24(其实是PNG32)

Fireworks 能创建任意格式的GIF和PNG

PNG8(索引透明)在创建的时候有个参数叫(PS杂边|FW色板),这个作用就是用杂边色加上像素点的透明度例如50%,生成伪透明的不透明像素点
适用于固定底色的伪半透明,例子里用的杂边是黑色,在白背景下就很明显

PNG8(Alpha透明)在IE6下会有过度裁剪的问题,可能是把半透明的像素都去掉了,所以某些图片会如最上面第一张图所示,被狗咬的感觉
规避方案:

1.用2张图,IE6用PNG8(索引透明),非IE6用PNG8(Alpha透明),在CSS里用_这个IE6hack来区别
2.半透明在作图的时候就要考虑到被去掉后的样子,对设计师有要求,不大现实
3.说服自己接受这坨大便,然后咽下去就这样了你想咋样

静态GIF、PNG 24、PNG32不大推荐在网页上用

实例在

http://code.sh/lab/png/

有兴趣自己去看

如有疑问和补充请留言，有问必答

——补充线———————————————————————————–

ytzong says:

规避方案补充一个：
对IE6使用AlphaImageLoader滤镜，用在PNG8(Alpha透明)上，就像对png24用该滤镜一样，就不会有被狗咬的效果了，要平衡下性能进行取舍
http://www.misuisui.com/weblog/?p=2286

alpha透明的png8做渐进增强非常赞，例图
http://docs.google.com/File?id=ddrrtxb_1735hpptpxcm_b
高级浏览器有阴影，IE6木有

大猫对补充的补充:
1.AlphaImageLoader滤镜的缺点在于额外的CPU和内存开销,并且在图片下载失败的情况下会挂死整个页面,优点如涛哥所说
2.例图里因为非半透明区域是边缘平整的所以适合渐进增强,但是有相当一部分图就被狗咬了,具体看情况来取舍,顶渐进增强

==再补充点水分============================================

空帷拉小窗补充: 有误,有误啊~~~
PNG24和PNG32的理解有误

具体已经更新了文章,感谢印度万金油空空~

佩玉也来凑热闹,俯身献上一篇详细的PNG优化总结小报告:

http://code.sh/note/png%E4%BC%98%E5%8C%96%E5%B7%A5%E5%85%B7%E5%B0%8F%E7%BB%93/

首先要感谢黄老湿请来了大湿讲PPT

听大湿讲 PPT 听的热血沸腾,对 quickling 部分有个疑问

Facebook 页面切换是AJAX替换中间内容部分
好处是避免重复生成和下载共用部分(例如头尾)以节省服务器损耗和带宽还能提速

然后给URL后头加一个尾巴
好处是这地址复制给别人也能单独使用
(QQ空间不给力啊,刷新就去首页了…)

浏览器的前进后退历史记录等功能在特殊处理后也不会因为AJAX而痿掉

OK, 例如首页 http://www.facebook.com/

点了左侧的 messages

会AJAX从服务器拉中间部分的内容填进去

并把 URL 改为 http://www.facebook.com/#!/?sk=messages

当我们直接复制这串带着 hash (#后头这串)的地址给朋友,他们直接粘贴了访问的时候
浏览器请求 http://www.facebook.com/home.php
home.php里的脚本检测hash部分,
发现非空,
是#!/?sk=messages,
于是跳转到http://www.facebook.com/?sk=messages

依赖客户端做判断跳转?酱紫不是需要
服务器生成2个页面,
用户下载2个页面,
以及第一个页面hash检测脚本执行完毕之前的资源(因为脚本会阻塞后续)

为何不服务器直接根据用户请求的 URL 里的 hash 吐第二个页面给客户端捏?

混在一堆前端里头又不好意思问这个弱智问题,只好会后偷偷溜过去找大湿

大湿摸着我的头说: 我们也想啊,可客户端不发 hash过去

(一一!)

tail了一个 access_log 测试了一下,

果然如此

===毫无技术含量分隔====================

http://velocity.oreilly.com.cn/index.php?func=slidesvideos

这个 URL 包含的绝对是今年的性能和运维顶级盛宴

等有朝一日俺摸着别人头说啥啥啥的时候,肯定要谦虚的说:

“其实,我是一个运维”

所谓理想，大概就是想象作成之后会如何如何却又还没做到或根本没去做的吧
那所谓梦想，应该是比楼上更虚幻一点
现实什么的就每天没心没肺很欢乐的过
忽悠钱交首付骗感情娶老婆照顾爹妈偷渡奶粉尿布什么的

老罗老湿从商了，看样子不只是搞演讲的，还挺靠谱，到最后还能看到眼里亮晶晶的辛酸

通过干干净净地赚钱让人相信干干净净地赚钱是可能的
通过实现理想让人相信实现理想是可能的
通过改变世界让人相信改变世界是可能的
即使是在中国

俺的小庙虽然木有那么大规模，戒律也定的很龟毛，后果也很吓人(删空间不退款无视没看到)
也不知道为啥就有人来
不就是稳定点技术支持窝心点，也木有IP撞上过嘛
或许真的存在只想安心记录生活画几个画拍了个照的同学
至少让我相信坚持了宁愿不要钱也得有原则才能赚钱是可能的

继续每天过过开心日子，上班玩命下班玩服务器，啦啦啦

下午突然接到报警，CPU飙了……菊花一紧！

Timmy 同学刚在抱怨，盗链严重，图床流量也没了

发现日志里全是凡客（vancl.com）的referral

这是为毛啊，顺着链接过去看，例如

打开妹子频道 http://www.vancl.com/channel/women.html

右键查看源代码，搜索 imtimmy ……

用英文说这叫 hotlink，翻译成中文叫他喵的吃果果盗链！

这段代码正是 http://imtimmy.com/jquery-lazyload-for-wordpress-img/ 原封不动啊

Timmy 哥设置了盗链木有小JJ，然后跳转到 http://imtimmy.com/404.gif 于是凡客的访客们就顺着这个到俺 (miao)里来了

统计了一下，那段代码被插到比较多页面，一屁眼时间总计有七八万次请求，摸谁谁怀孕
（这会儿看谁不爽，借力打力菊花直接盛开挖哈哈，当然这事咱不能干）

接下去的问题就是，这个404.gif 任由凡客OOXX的话一个月35G流量一会儿就烧完了

好嘛 .htaccess 出场

rewriteEngine on
rewriteCond %{HTTP_REFERER} vancl\.com
rewriteRule .* - [F]

日志里瞬间从 200 变成了403
这俩区别就是：
200 直接显示内容，也就是图片
403 给你个forbidden页面告诉你回家玩蛋去吧 这页面占的流量基本可以忽略

这里需要注意的如果用另一种 Deny from 的防盗链方法，返回 404 ，会导致 WordPress 接管，调用主题里的404.php ，CPU 瞬间爆棚

最后对凡客的页面仔同学说一声：
1. 下回记得把图片存到自己服务器上
2. jQuery 库只需要调用一次……

本文图片可点击到高清无码大图
当事人写的blog在此 http://imtimmy.com/vancl-cause-server-down/