代码审查――为可读性努力的巨大能量

sunjt 于2010,01,07发表 | 3 评论 »

代码可读性这个话题一直以来都是备受关注，但是可读性高与不高却没有统一的标准。毕竟各个公司，甚至于各个项目的规范都是不一样的。我们不能说一个抽象性极好，灵活度极高却让人十天半个月都难以搞清楚的代码的可读性高，也不能说一个长达几千行却从头至尾逻辑性比较好的代码的可读性差。那么怎样的代码才算是合理的，才算是可读性高的呢？我想不同之中必有共性，那就是经过审查的、能够被项目组其他成员接受并能尽快看懂的代码就是可读性好的。继续阅读 »

转载请注明原文出处《代码审查――为可读性努力的巨大能量》如无特别声明，所有文章均遵守创作共用署名－非商业－禁止演绎 3.0协议。

分类：随笔

Javascript中mouseover/mouseout事件冒泡停止失效解决办法

DK 于2010,01,01发表 | 14 评论 »

大家在写javascript交互脚本的时候最常用到的应该就是事件了，在处理事件的时候需要值得注意的是事件流的问题，事件流有三种模型：MSIE的冒泡模型，Natscape Navigator 的捕获型事件流，以及W3C标准中的同时支持捕获和冒泡两种模型。大部分现代浏览器都支持W3C的标准事件流模型，遗憾的是MSIE仍然只支持自己的冒泡模型。我们这里讨论的不是事件流的模型，这里只是简单的提一下，这篇文章要讨论的是mouseover和mouseout在停止冒泡或者说是停止派发事件后仍然继续触发的问题，也就是事件冒泡停止失效问题（这个名字是我自己起的，我也不是很清楚为什么会失效，是本身就这么设计的还是小bug？）。

我们在写下拉菜单或者小提示等效果的时候会用到mouseover和mouseout事件来作为事件触发的条件，但是如果我们用做触发的元素内部有其他的元素的时候当鼠标移上的时候会反复的触发mouseover和mouseout事件。点击mouseoverout测试1，当你的鼠标在红框与绿框之间移动的时候你会看见mouseover和mouseout事件疯狂的在触发。为什么会这样呢？因为内部的Div在鼠标移上的时候会向它的父对象派发事件，所以外面的框相当于也触发了mouseover事件。
继续阅读 »

转载请注明原文出处《Javascript中mouseover/mouseout事件冒泡停止失效解决办法》如无特别声明，所有文章均遵守创作共用署名－非商业－禁止演绎 3.0协议。

标签: javascript, mouseout, mouseover, 事件冒泡 | 分类： Javascript, 编程

2009年的最后几分钟

DK 于2009,12,31发表 | 1 评论 »

写于2009年的最后几分钟

一年又TM悄悄的逃跑了

我在这么有意义的晚上

坐在这扯淡

耐住寂寞

转载请注明原文出处《2009年的最后几分钟》如无特别声明，所有文章均遵守创作共用署名－非商业－禁止演绎 3.0协议。

标签: 随笔 | 分类：随笔

powerbuilder串口编程的实现

wgforward 于2009,12,27发表 | 没有评论 »

因公司软件产品需要和POS机进行通信，所以笔者研究了一下PB串口编程的实现方式。

PB是一个非常好的数据库管理系统的开发工具，但在web和计算机接口通信等方面PB就不是很好用了。幸好我们有ole和com这些很牛的技术，可以让我们非常容易的使用一些组件的功能，而不用自己去开发去关心底层的业务逻辑。使用PB进行串口编程有两种途径，一种是使用微软提供的通信控件(MScomm控件)，另一种是用Win32 API函数。下面主要讲解使用MScomm控件实现串口编程的方法。

继续阅读 »

转载请注明原文出处《powerbuilder串口编程的实现》如无特别声明，所有文章均遵守创作共用署名－非商业－禁止演绎 3.0协议。

标签: Mscomm32, PowerBuilder, 串口编程 | 分类： PowerBuilder

Merry Christmas 做一棵自己的圣诞树

DK 于2009,12,23发表 | 没有评论 »

Merry Christmas 做一棵自己的圣诞树

转载请注明原文出处《Merry Christmas 做一棵自己的圣诞树》如无特别声明，所有文章均遵守创作共用署名－非商业－禁止演绎 3.0协议。

标签: design, photoshop, 圣诞树, 设计 | 分类：设计

JavaScript下雪效果【圣诞将至】

DK 于2009,12,23发表 | 没有评论 »

圣诞将至，整好皮肤上也能用得到，于是就做了一个下雪的效果。

难点主要就是集中在setTimeout函数上，因为setTimeout函数无法使用call和apply方法改变调用的对象所以这个地方比较值得注意。本效果中使用的是在window对象中注册两个数组，通过变通的方法实现。
window.objTimeoutFuncs = []; window.objTimeoutIds = []; function objTimeout(obj,func,time,id){ window.objTimeoutFuncs[id] = function(){ func.call(obj); } window.objTimeoutIds[id] = setTimeout('objTimeoutFuncs[\''+ id +'\']()',time); } function clearObjTimeout(id){ clearTimeout(window.objTimeoutIds[id]); }

在效果中根据雪花的大小调整雪花的透明度以及飘动的速度。由于IE下面图片透明度有问题会出现黑边所以就把IE的透明度设置去掉了，只保留了FireFox下的透明度变化效果。

显示代码：
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>无标题文档</title> <link rel="stylesheet" href="reset.css" type="text/css" /> <style> body{ background:#000; color:#fff;} #container{width:1002px; height:500px; background:#000; margin:0 auto; overflow:hidden; position:relative;} .snow{position:absolute;display:block;} </style> <script src="snow.js"></script> <script> //作者：DK //来源：www.dklogs.net //时间：2009年12月22日 //使用时请保留本信息 //将系统SetTimeout封装为可以在对象内部使用的timer函数 window.objTimeoutFuncs = []; window.objTimeoutIds = []; function objTimeout(obj,func,time,id){ owindow.objTimeoutFuncs[id] = function(){ ofunc.call(obj); o} owindow.objTimeoutIds[id] = setTimeout('objTimeoutFuncs[\''+ id +'\']()',time); } function clearObjTimeout(id){ oclearTimeout(window.objTimeoutIds[id]); } function Snow(scale){ o//容器的大小 othis.containerWidth=960; othis.containerHeight=500; o//雪花图片的宽度 othis.width=40; o//雪花图片的高度 othis.height=40; o//生成当前对象的ID othis.name="DKSnow"+Math.random()*1000; o//雪花对象的坐标值 othis.x=Math.random()*this.containerWidth; othis.y=Math.random()*this.containerHeight; o//雪花越大透明度越大 othis.alpha=1-scale; o//雪花透明度 othis.scale=scale; o//调用图片地址 othis.url="http://www.dklogs.net/snowFlower.png"; o//雪花飘动的时间间隔 othis.speed=60; o//雪花的飘动步长 othis.xStep=3; othis.yStep=this.scale*20-8; o//创建雪花的图片对象 othis.imgObj=document.createElement("img"); odocument.getElementById("container").appendChild(this.imgObj); othis.imgObj.name="snow"; o//设置雪花大小 othis.imgObj.width = this.width*this.scale; othis.imgObj.height = this.height*this.scale; o//对支持css3的浏览器根据远近改变透明度 othis.imgObj.style.opacity=this.alpha; o//给图片对象设置css样式类名 othis.imgObj.className="snow"; othis.show(); o} //显示雪花的函数 Snow.prototype.show=function(){ othis.imgObj.style.left=this.x+"px"; othis.imgObj.style.top=this.y+"px"; othis.imgObj.src=this.url; oobjTimeout(this,this.slideDown,this.speed,this.name); o} //雪花飘动函数 Snow.prototype.slideDown=function(){ othis.imgObj.style.left = parseInt(this.imgObj.style.left)+this.xStep*Math.random()+"px"; othis.imgObj.style.top = parseInt(this.imgObj.style.top)+this.yStep+"px"; oif(parseInt(this.imgObj.style.top)>this.containerHeight||parseInt(this.imgObj.style.left)>this.containerWidth) o{ othis.y=0; othis.show(); o} oelse oobjTimeout(this,this.slideDown,this.speed,this.name); o} function snowStart(){ ovar displayStatus=true; ofor(var i = 0; i<15; i++){ ovar snow = new Snow((Math.random()+1)/2); o} ovar snowHandler=document.getElementById("snowHandler"); osnowHandler.onclick=function(){ ovar container=document.getElementById("container"); ovar snows=document.getElementsByName("snow"); ovar elementNumber=snows.length; o//alert(elementNumber); oif(displayStatus) o{ odisplayStatus=false; ofor(var i=0;i<elementNumber;i++) o{ osnows[i].style.display="none"; o} o} oelse o{ odisplayStatus=true; ofor(var i=0;i<elementNumber;i++) o{ osnows[i].style.display="block"; o} o} o} } window.onload=function(){ osnowStart(); } </script> </head> <body> <div id="container"></div> <input id="snowHandler" type="button" value="切换下雪效果"> </body> </html>

具体代码中注释的很清楚，有喜欢的朋友请下载看源代码。

源码下载：圣诞将至，下雪效果

转载请注明原文出处《JavaScript下雪效果【圣诞将至】》如无特别声明，所有文章均遵守创作共用署名－非商业－禁止演绎 3.0协议。

标签: design, javascript, web, 下雪, 编程, 网页 | 分类：编程

dklogs