14
2012
Godaddy域名host到DNSPod小记
实在受不了狗爹(Godaddy)的DNS不限时被和谐的现实了,监控宝的警告信把邮箱都撑爆了,一水儿的DNS无法解析。
简单调研了一下,考虑DNSPOD,很多优点,不限域名,不限二级,不限转发,服务器也稳定,速度不错的说。
1,翻墙,上狗爹 ,顺便需了两年的费,39刀,看了看这域名底下也没几条解析记录,一条A到VPS,一条www到@和mail到腾讯邮箱的CNAME,和一条到腾讯邮箱的MX。
2,滚会墙内(不然会很卡),上DNSPod注册账户,添加域名,把上述几条解析添加好,这时候会得到DNSpod给免费用户的两台NS地址,对应6台服务器。f1g1ns1.dnspod.net.和f1g1ns2.dnspod.net.
3,再翻墙,上狗爹修改name server配置,删掉它的nscontrol系列,换上DNSPod的两条,狗爹支持6条ns记录,但这里不建议混合使用,因为有可能会造成同步混乱,不过我认为还好,只要手工控制这两家的域名解析严格同步应该就没问题吧,暂时删掉狗爹的也无所谓,假如回头发现DNSPod在国外解析不是很好再加回来。
4,等待72小时,等待生效,囧,我真等了72小时才生效,继续用cnzz站长测速盯一盯,看来DNS解析是快了不少,而且是稳定的。
2步和3步不建议颠倒,因为当你修改了狗爹的ns以后,他会把你的解析记录清空,假如没备份的话,嘿嘿
23
2012
ZZ iPad网页开发教程及规则
iPad开发的局限性
- 在iPad上使用Safari浏览普通网站网页的时候,网页因为太大而导致需要手动放大缩小或者滑动,虽然这种滑动行为在iPad上市之初的各种宣传中被津津乐道,但时间久了我们还是会发现这样做并不方便,给用户带来的感受并不十分好。
- 不支持Flash在没有越狱的iPad Safari中,网站的Flash都是无法显示的,但可以通过第三方软件或插件或者浏览器来解决,不过,即使不能显示Flash,你一样能够用HTML5和CSS3实现同样的效果。
- 没有鼠标光标这意味着鼠标属性,例如鼠标悬停属性是不可能有的。
你或许可以为这个找到一些变通的办法,但是到你的用户那里这些该如何工作将会是困难的事。
- 滚动条不能按照预期那样起作用滚动条不能显示包含了充满过多分区的内容。框架也存在高度和宽度的问题。另外,滚动过程中需要两个手指的手势。(我们将在下文中进行充分的讨论)
- 不支持CSS固定布局HTML 元素 position:fixed CSS属性不能正确显示,常常会使得页面停留在第一屏,无法向下翻页、放大缩小。 (更多…)
23
2012
ZZ 怎么用 HTML5 给 iPad,iPhone 打造速度超快的应用
有一个为 iPad 设计的用来查时区的 HTML5 软件 everytimezone.com 最近引起了一些注意。它简单、到位,可以离线使用,并且速度极快。由于 HTML5 软件本质上只是一个网页,故不需要通过苹果的 App Store 商店发行,用户只要用 iPad 访问 everytimezone.com, 然后将书签存到桌面,下一次打开就变成了一个与原生软件几乎无异的东西。everytimezone.com 的作者托马斯·富赫是资深 JavaScript 专家,也是 JavaScript 框架 Prototype 的核心开发者之一。他近日在 博客上撰文传授了如何保证 HTML5 软件在 iPad 上飞速运行的七条秘诀,特翻译如下。—— 编者
一、少用图片
一开始,为了做出用来表示各个城市的每一天的那种渐变效果,我们用了一套相当复杂的 -webkit-gradient,结果发现这会令转译速度变得非常非常慢。-webkit-gradient 的工作方法是构建位图,对于浏览器的转译引擎来说,这和从外部加载图片(例如一张 PNG)是完全一样的。MobileSafari 显示图片速度之慢是出了名的(希望 4.0 对此有所改进),要解决这个问题,基本上只能不用图片和 -webkit-gradient。
我们最终把那些色彩条快用背景上的一个很大的 canvas 元素替代了。当你拖动游标线时,那些条快的颜色会发生变化,只有正在变化的部分才会被重新绘制。用 canvas 时可以在某种程度上复用 -webkit-gradient,比如这样:
// WebKit CSS gradient
-webkit-gradient(linear, left top, right top,
from(#4b4c4d),
color-stop(0.249, #4b4c4d),
color-stop(0.25, #575b5c),
color-stop(0.329, #575b5c),
color-stop(0.33, #6b7071),
color-stop(0.749, #6b7071),
color-stop(0.75, #575b5c),
color-stop(0.909, #575b5c),
color-stop(0.91, #4b4c4d),
to(#4b4c4d)
);
// canvas gradient
var gradient = $(‘canvas’).getContext(“2d”).createLinearGradient(0,0,230,0);
gradient.addColorStop(0,’#4b4c4d’);
gradient.addColorStop(0.249,’#4b4c4d’);
gradient.addColorStop(0.25,’#575b5c’);
gradient.addColorStop(0.329,’#575b5c’);
gradient.addColorStop(0.33,’#6b7071′);
gradient.addColorStop(0.749,’#6b7071′);
gradient.addColorStop(0.75,’#575b5c’);
gradient.addColorStop(0.909,’#575b5c’);
gradient.addColorStop(0.91,’#4b4c4d’);
gradient.addColorStop(1,’#4b4c4d’);
二、不要用 text-shadow 和 box-shadow
这是速度变慢的另外一个重要因素。最好不要用这些 CSS 属性。
三、硬件加速是很新的功能……而且也很多虫
在 Safari 上,只要使用 -webkit-transform 这个 CSS 属性就可以启用硬件加速了。(opacity 也行,不过缺点上面说过了。)
硬件加速有其局限,例如同时在跑的动画数量就有限制,如果超过了这个限制,动画就会闪烁,有时还会出错。不过如果轻度使用的话,效果会非常棒。
四、尽可能地使用触控事件
触控事件是个好选择,因为传统的 onClick 事件在 iPad 上用来会有点延迟。在 everytimezone.com 的源代码里有些小窍门,教你如何在使用触控事件的同时,也能够支持非触控设备上的浏览器:
var supportsTouch = ‘createTouch’ in document;
element[supportsTouch ? 'ontouchmove' : 'onmousemove'] = function(event){
var pageX = event.pageX;
if (event.touches) pageX = event.touches[0].pageX;
// …
}
五、不要用 opacity
因为某些原因,使用 opacity 这个 CSS 属性有时会干扰硬件加速。如果你感到速度变慢,但又看不出哪里出了问题的话,就检查一下有没有用到 opacity 吧。
六、万事无捷径,请手写 JavaScript 和 CSS
不要依赖框架或是网页标准狂热分子推荐给你的东西。我们这个例子里只有一个高度精简的 HTML 页面,CSS 都写在页面里,没用任何 JavaScript 框架,并尽量利用了目标平台(iPad)的特性,最终的结果就是一个几乎能够瞬间加载的苗条网页,而且缓存做得很好,离线使用也毫不失礼。没错,我们也可 以选择用 JavaScript 和 CSS 框架,但有的时候少即多。(记住,各类框架所提供的那些对跨浏览器的支持你并非全都需要。)
// mini-pico-tiny convenience micro-framework, ymmv
function $(id){ return document.getElementById(id); }
function html(id, html){ $(id).innerHTML = html; }
function css(id, style){ $(id).style.cssText += ‘;’+style; }
function anim(id, transform, opacity, dur){
css(id, ‘-webkit-transition:-webkit-transform’+
‘,opacity ‘+(dur||0.5)+’s,’+(dur||0.5)+’s;-webkit-transform:’+
transform+’;opacity:’+(1||opacity));
}
七、别用 translate,用 translate3d
使用 -webkit-transform 时,记得用 translate3d(x,y,z) 语法,而不是 translate(x,y)。因为某种原因,后者无法支持硬件加速,至少在 iOS 3.x 上不行(不过在桌面版 Safari 里似乎没问题)。谢谢马提奥·斯宾内利指出这点。(也推荐大家看看他做的 iScroll,里面有很多很棒的代码,也是演示如何为页面在移动版 WebKit 上的速度进行优化的好例子。)
作者:托马斯·富赫 来源:http://mir.aculo.us/2010/06/04/making-an-ipad-html5-app-making-it-really-fast/
17
2012
闲来无事,超频pin玩儿
我这台电脑老兄也实在是老了点儿,06年末买的,用了这么些年也不容易,不过CPU确实是个瓶颈,系统反应慢,赶上遨游2、firefox恰巧再开点儿诡异的网页就崩溃了,而且整个操作系统的界面反应就很慢。
|
主板: |
||
| 处理器名称 DualCore AMD Athlon 64 X2, 2100 MHz (10.5 x 200) 4000+ | ||
| 主板名称 Gigabyte GA-M55S-S3 v2 (2 PCI, 4 PCI-E x1, 1 PCI-E x16, 4 DDR2 DIMM, Audio, Gigabit LAN, IEEE-1394) | ||
| 主板芯片组 nVIDIA nForce 550, AMD Hammer | ||
| 系统内存 3328 MB (DDR2-667 DDR2 SDRAM) | ||
| DIMM1: Apacer Tech. 1 GB DDR2-667 DDR2 SDRAM (5-5-5-15 @ 333 MHz) (4-4-4-12 @ 266 MHz) (3-3-3-9 @ 200 MHz) | ||
| DIMM2: Makway Intl. 1 GB DDR2-667 DDR2 SDRAM (5-5-5-15 @ 333 MHz) (4-4-4-12 @ 266 MHz) (3-3-3-9 @ 200 MHz) | ||
| DIMM3: GeIL GX1GB 5300X 1 GB DDR2-667 DDR2 SDRAM (5-5-6-15 @ 333 MHz) (4-4-5-12 @ 266 MHz) | ||
| DIMM4: GeIL CL5-5-5 DDR2667 1 GB DDR2-667 DDR2 SDRAM (5-6-6-15 @ 333 MHz) (4-5-5-12 @ 266 MHz) | ||
| BIOS 类型 Award Modular (03/07/08) | ||
这里让大家见笑了,4条内存由于历史原因,牌子/批次都不一样,悲剧
| 显示设备: | ||
| 显示卡 NVIDIA GeForce 8600 GTS (256 MB) | ||
| 显示卡 NVIDIA GeForce 8600 GTS (256 MB) | ||
| 3D 加速器 nVIDIA GeForce 8600 GTS | ||
| 显示器 AOC LW982 (BZ60633320511) | ||
| 显示器 Samsung SyncMaster 199BW/940BW/MagicSyncMaster CX915BW (Digital) [19" LCD] (HVDP314588) | ||
| 存储器: | ||
| IDE 控制器 标准双通道 PCI IDE 控制器 | ||
| 存储控制器 NVIDIA nForce Serial ATA Controller | ||
| 存储控制器 NVIDIA nForce Serial ATA Controller | ||
| 硬盘驱动器 ST332062 0SV SCSI Disk Device (320 GB, 7200 RPM, SATA-II) | ||
| 硬盘驱动器 ST350041 8AS SCSI Disk Device (500 GB, 7200 RPM, SATA-II) | ||
| 硬盘驱动器 YuanTech GD2500-SATA USB Device (298 GB, USB) | ||
| 光盘驱动器 PIONEER DVD-RW DVR-112 ATA Device (DVD+R9:10x, DVD-R9:10x, DVD+RW:18x/8x, DVD-RW:16x/6x, DVD-RAM:12x, DVD-ROM:16x, CD:40x/32x/40x DVD+RW/DVD-RW/DVD-RAM) | ||
| 硬盘 SMART 状态 OK | ||
本来想少花点儿买个AM2或者AM3的散片要么2手简单升级升级,在PCI上和坛子兄弟们聊了一下,初步否定速龙X64 6000+或者6400+,因为毕竟是当年的顶级U,发热不可小觑,动不动90几W,听起来忒吓人。
也考虑了速龙II的240或者250,3G左右的主频毕竟比之前提高了1GHz,而且速龙II代K10应该比K8提升还是明显的。
taobao了一下240或者250,基本上在290块左右,预算还是有点儿高,不如再攒攒米直接换全套好了。
也有人推荐我上145单核开双核,也将近3G左右的主频,不过要换板子,我的板子不支持开核,也不考虑。
5050e 65nm 45W 2.6GHz的主频,淘宝180散片,价钱倒是便宜,不过我感觉提升不会很大,不如不换。
也有兄弟劝我不如先超频,再将就将就一直到换机,我感觉靠谱,直接开动!
我这个板子之前我也超过频,虽然是技嘉的板子,但是这款是天杀的南北桥合一的设计,芯片组发热是十分恐怖的,所以我记得这板子的素质很差。
- 好多年没超过频了,不过还好,机器是老的,轻车熟路,重启进BIOS
- 先把外频直接提升到250M,重启
- 居然失败,BIOS报警CPU频率错误,恢复上次正确。我倒
- 我记得技嘉的板子有专门的超频菜单来的,应该是按什么键,试来试去发现是Ctrl+F1,果然,主板高级选项出现了。
- 找到NB NT Speed,先降到4x,因为外频之前是200M,乘以5是总线速度1000MHz,现在外频是250了,必须降一降NT。再锁定PCIE到100,省得显卡受影响。
- 重启,没问题,进系统打开everest,主频250*10.5现在是2625.0了,HT正好1000,内存升到了375MHz,离DDR800还远,再来。
- 胆子大一点儿,外频直接到280M,内存降到533,时序自动,重启。
- BIOS没报错,进系统蓝屏
- 手动设置内存时序5-5-5-15、Command Per Clock设成2T、Trfc0-3 clock设置成195ns(这个是上网查的,据说是命令延时神马的)
- CPU加0.5v电压,重启,进系统,没问题,不过我感觉最好还是别加压了,万一在我换电脑之前烧坏掉了就毁了。
- 重启外频降到270M,电压恢复默认,重启,没问题。
- superπ测试了一下,没啥问题,温度也正常,到此为止吧,
好了,说一下结果,260.2*10.5=2731.9MHz,最后将近提升了30%
内存提到了396.3*2=792.6MHz 基本上到了DDR II 800的水平,挺好。
Win7评分整整提高了1分,非常不错呀
而且不知道是不是心理作用,感觉反应快多了,哈哈哈哈
没想到时隔这么些年,居然把我的老电脑超出了一个不错的成绩。
16
2012
APACHE的Win32DisableAcceptEx和Windows WMI服务修复
windows xp x64 sp2 + apache 2.2 为本地网站前台开发调试用,并通过apache转发调用开发服务器的服务器端服务。
经常出问题,apache 的error.log打出成千上万的
[error] (OS 10038)在一个非套接字上尝试了一个操作。 : Child 1676: Encountered too many errors accepting client connections. Possible causes: dynamic address renewal, or incompatible VPN or firewall software. Try using the Win32DisableAcceptEx directive.
搜索了一下,跟AcceptEx有关
尝试在httpd.conf文件中添加 Win32DisableAcceptEx 标记,如下:
\< IfModule mpm_winnt.c\>
ThreadsPerChild 1000
MaxRequestsPerChild 10000
Win32DisableAcceptEx
\</IfModule\>
15
2012
ZZ 世界十大汽车公司谱系
戴姆勒谱系
克莱斯勒汽车公司是美国第三大汽车工业公司,创立于1925年创始人名叫沃尔特·克莱斯勒。该公司在全世界许多国家设有子公司,是一个跨国汽车公司。公司总部设在美国底特律。
随着经营的扩大,克莱斯勒开始向海外扩张,先后在澳大利亚、法国、英国、巴西建厂和收买当地汽车公司股 权,购买了意大利的马沙拉蒂公司和兰伯基尼公司,从而使公司成为一个跨国汽车公司。在30年代它的黄金时期,曾一度超过福特公司。本世纪70年代,公司因 管理不善濒于倒闭,著名企业家李·雅柯卡接管该公司。在80年代初,克莱斯勒又奇迹般地活了过来,继续排在世界前5名汽车大公司行列。进入90年代,因日 本汽车公司的进攻,克莱斯勒再次陷入困境,它在汽车公司排名中一降再降,甚至降到日产美国分公司(美国市场)之下。
1998年,戴姆勒奔驰汽车集团与克莱斯勒合并,组建了戴姆勒-克莱斯勒集团,成为世界第5大汽车公司。 (更多…)
23
2011
ZZ 高性能WEB开发 页面呈现、重绘、回流。
在讨论页面重绘、回流之前。需要对页面的呈现流程有些了解,页面是怎么把html结合css等显示到浏览器上的,下面的流程图显示了浏览器对页面的呈现的处理流程。可能不同的浏览器略微会有些不同。但基本上都是类似的。
页面呈现流程
在讨论页面重绘、回流之前。需要对页面的呈现流程有些了解,页面是怎么把html结合css等显示到浏览器上的,下面的流程图显示了浏览器对页面的呈现的处理流程。可能不同的浏览器略微会有些不同。但基本上都是类似的。
1. 浏览器把获取到的html代码解析成1个Dom树,html中的每个tag都是Dom树中的1个节点,根节点就是我们常用的document对象 (<html> tag)。dom树就是我们用firebug或者IE Developer Toolbar等工具看到的html结构,里面包含了所有的html tag,包括display:none隐藏,还有用JS动态添加的元素等。
2. 浏览器把所有样式(主要包括css和浏览器的样式设置)解析成样式结构体,在解析的过程中会去掉浏览器不能识别的样式,比如IE会去掉-moz开头的样式,而firefox会去掉_开头的样式。
3、 dom tree和样式结构体结合后构建呈现树(render tree),render tree有点类似于dom tree,但其实区别有很大,render tree能识别样式,render tree中每个node都有自己的style,而且render tree不包含隐藏的节点(比如display:none的节点,还有head节点),因为这些节点不会用于呈现,而且不会影响呈现的,所以就不会包含到 render tree中。注意 visibility:hidden隐藏的元素还是会包含到render tree中的,因为visibility:hidden 会影响布局(layout),会占有空间。根据css2的标准,render tree中的每个节点都称为box(Box dimensions),box所有属性:width,height,margin,padding,left,top,border等。
4. 一旦render tree构建完毕后,浏览器就可以根据render tree来绘制页面了。 (更多…)
23
2011
ZZ 真伪静态区别方法分析
有些用户觉得,伪静态和真静态实际被收录量会相差非常大,其实不然,从你个人角度,你去判断一下一个帖子到底是真静态还是伪静态?
1.关于伪静态的用处
有些用户觉得,伪静态和真静态实际被收录量会相差非常大,其实不然,从你个人角度,你去判断一下一个帖子到底是真静态还是伪静态?
估计非常难看得出,因为所谓静态的意思,就是地址中不带问号,不带问号的就是静态,管他是真的还是伪的?搜索引擎看得出吗?
所以说,其实不论是真的还是伪的,其实对于搜索引擎来说都是相同的,搜索引擎没有说,你这个是伪的,我不收录你.
揪根掘底的来说,为什么搜索引擎会不收录带问号的网址?因为搜索引擎怕由于问号而进入死循环(以前动网就有这样一个漏洞,蜘蛛进去出不来了),所以非常多时候带问号的地址是不会进去的,伪静态对于搜索引擎来说,其实就是静态,因为地址中没有带问号,所以没有真静态比伪静态收录得多的说法.
2.为什么选择伪静态
有非常多用户说:
真静态不好吗?
为什么不用真静态?
访问起来不是更快吗?
负载不是更好吗?
等等等等… (更多…)
博客剩余工作
分类
- Download (1)
- Hardware (8)
- Software (30)
- Development (11)
- Tools&Utilities (13)
- Web front-end (13)
- CSS (3)
- HTML/DHTML/HTML5 (5)
- WordPress (5)
- 杂 (45)

作者为


