存档在 ‘WEB’ 分类

Opera Unite 使用感觉

2009年6月19日

2009年6月18日晚上,装了个Opera Unite,第一感觉就是这个东西和花生壳有点类似,不过比之更进一步。

安装好之后,启动面板栏中三个水滴状的TAB,就进入的Unite管理栏。简单的启动下面的服务就可以了。

主要有:

file_sharing:文件分享,目前访问一直是404错误,不知道为何。

fridge:提供一个留言板,可以通过浏览器访问该服务地址直接给你留言

media player:媒体播放器

photo sharing:相册分享

Lounge:聊天室,这个做的还算美观,可以通过浏览器访问和你直接聊天

webserver:这个还不算很清楚,再搭一个服务器?

 

不知道安全性到底怎么样,但是从使用看起来,只有你主动推出去的内容才能被访问者看到。

不清楚这东西前景如何,目前看来在国内使用速度太慢影响了它的推广。

如果我的opera开着,你可以访问这里 http://sh.thankwsx.operaunite.com/fridge/ 给我留言

转向新的版本控制系统git

2009年6月1日

目前一阶段处于git和svn并存的时代

3D制作又多了一条通罗马的大道-o3d 发布

2009年4月22日

http://code.google.com/intl/zh-CN/apis/o3d/

看了一下API和相关文档。又萌生了将自己的房间3D化的想法,但是好像没有什么市场。

不对,房地产商可以用这种技术啊。

 

以下链接为一些DEMO列表:

http://o3d.googlecode.com/svn/trunk/samples/

下面为简单的几个截图:

一次debug的旅游-关于FLASH参数中的wmode

2009年4月3日

本文标题模仿《偷书贼》的写法,预先告知大家结果,然后再将事情的经过娓娓道来。

今天,某友问我一个关于IE页面卡的问题,然后放出地址,他说把JS都去掉了,静态的HTML页面,IE还是很卡,Firefox就不卡,知不道原因。

我们几个朋友都看了看,没觉得有啥异常啊,就是有几个SWF嵌入,一个marquee还有一些比较奇怪的<span>里套着div而已。

我首先将HTML代码down下来,在本来调试起来。

1.无CSS,无IMG,无SWF

页面顺畅无比,虽然有很多小叉叉,哈哈。

2.加上一个载入WEB图片的脚本

页面仍然没有啥问题

3.页面上四个SWF文件调用

问题出来了,一滚动,IE的滚动条就假死一下,然后才能继续向下滚动。

省略分析过程1小时。其中自己走入了一些误区。包括DTD的改动,hasLayout的设置等等

最后给出结论:

IE7【其他IE版本应该也类似】对默认wmode参数【window】的flash文件渲染有一些“小小”的问题。

在flash文件进入和离开视窗范围时会导致计算量过大,滚动条假死,形成卡住的假象。

最后发现是wmode参数造成的,默认该参数是window,改成opaque或者transparent【如果需要的话】可以在一定程度上提高IE页面性能。

最后总结一下:因为某友是自己手写的swf嵌入代码,导致一开始没有发现该问题。

有关wmode的中文解释看这里:http://www.blueidea.com/tech/web/2009/6469.asp

这里有一年前一位外国朋友写的关于这一问题的相关文章:http://edvardtoth.com/flashfun/ie-wmode-bug/

国内的一个页面有DEMO:http://www.weni.cn/index.php?play=reply&id=46

Js+Flash实现复制-适用于Flash Player10及以上

2009年3月23日

又有几天没有写日记了,通常有2种原因会出现这种情况,一个是因为生活太枯燥没什么可写的,第二种可能就是我正遇到的。

生活太忙碌,没有时间写。

上个礼拜接连是我的阳历生日,我的阴历生日,米米的阴历100天,米米的阳历100天,又是吃饭前的种种,又是米妈要去体检,米外婆身体又不大舒服。我的有些事情也不大顺心。还好,周末买了5注彩票,中了最高级别的5元钱,冲冲霉气。

下面步入正题:通常情况下,IE里面我们用window.clipboardData这个对象来实现用户点击按钮即可拷贝指定文本框里面的内容


<input type="text" id="txt" value="ABCDEF" />
<input type="button" onclick="co();" value="COPY" />
<script>
function co() {
  var txt = document.getElementById("txt");
  var t = txt.value;
  if (window.clipboardData) {
    window.clipboardData.setData("Text",t);
  }
}
</script>

对于非IE浏览器由于安全问题,默认是禁止控制剪贴板的,于是诞生了JS+Flash结合解决该问题的“终极方案”。利用Flash的剪贴板功能,将数据传递给FLASH然后调用FLASH内置方法,设置剪贴板。

<embed src="clipboard.swf" flashvars="clipboard=escape('这里是要传输的文字')" 
type="application/x-shockwave-flash" width="0" height="0"></embed>

clipboard.swf文件里只有简单的这些代码即可。


if(clipboard.length) {
  System.setClipboard(clipboard);
}

但是,自从Flash Player 10出来之后,一切都改变了。具体如何处理明天继续。

程序之弊

2009年3月12日

客运总站的余票是真的,火车站的余票是假的。

网络上也不乏虚假的及时更新。

今天无意中打开一个大型网站,上面有一行字:“全国鲜活信息:9178281 条 今日新发信息数:34852 条 注册用户数:2901131”。

而且这个数字还在不断的更新,一片火爆景象。

我是一个做技术的,自然很佩服,这样高的更新频率得对程序要求多高啊?于是好奇起来看该网站的程序。

结果刚打开源代码搜索到这个关键字“全国鲜活信息”就发现紧跟着有下面这段代码。


var post_freq = 0.75;
var user_freq = 3.75;
setInterval("document.getElementById(\"total_new\").innerHTML =
parseInt(document.getElementById(\"total_new\").innerHTML)+1;
document.getElementById(\"total_active\").innerHTML =
parseInt(document.getElementById(\"total_active\").innerHTML)+1",1000*post_freq);
setInterval("document.getElementById(\"total_user\").innerHTML =
parseInt(document.getElementById(\"total_user\").innerHTML)+1",1000*user_freq);

哦,我明白了。。

IE6的2个BUG

2008年10月15日

也许发这些有些过时了,不过还是有必要把这些记录一下,方便碰到此类问题的人有个解答。

第一个严重的BUG是:标签嵌套导致IE6崩溃。

大家访问这个地址,http://demo.thankphp.net/1015ie6bugtagunclosed.htm

如果是IE6的话,会出现这样一个框或者其他类似终止性错误,然后浏览器就自己关掉了。

 

源代码在这里:

<dd>

<span style=’width:100%;’>

<ol><li></span></ol>

</dd>

 

ie6 bug

第二个BUG比较少见,所以从资源性角度来讲是更加珍贵的。

访问地址在http://demo.thankphp.net/1015ie6bug-border.htm

 

  <style>

body{background:#3300ff;}

#qun_style_head {

height:60px;

position:absolute;

background:#3300ff url(‘http://images18.51.com/1003/a/38/a0/menghun99/1201750298_43319400.gif’) repeat;

border:3px  double #f00; 

}

</style>

<div id=”qun_style_head” style=”width:100%;”></div>

看好border:3px double #f00 这个是设置节点的边框,仔细看,能发现边框的颜色有异常。
这个应该是IE6的一个BUG,不过比较稀少出现。

 

草草写了个Tab页

2008年10月7日

DEMO看这里

tab page

即将写一个自己的页面,设计了一个JS+CSS布局

2008年9月17日

比较简单,二列有头有脚,没有菜单,以后考虑添加。

可以随着浏览器大小自动调整,并用JS控制了最小宽度和高度。

可以让浏览内容全屏。

DEMO地址在这里

日常工作的积累

2008年7月15日

PHP

面向对象设计

单元测试

代码自动生成

代码部署

JS

浏览器兼容性

设计模式的应用和实践

事件的兼容性

CSS

浏览器兼容性

一些常用页面模式等