Baldwin's DNN

通过Google AppEngine搭建代理登录Twitter

dnnsun@gmail.com — Wed, 28 Oct 2009 04:40:31 GMT

好久没更新这里的博客了, 实在抱歉, 也一直在研究DNN, 也有些心得和经验可供分享，不过困于自己的懒惰和懈怠，有时想着想着就忘了，哈哈 :) 今天在此声明一下, 以后可能本博客将稍微改变一下方向, 就是不再只关注技术，有时也不妨分享一些自己的生活感想和其他非技术的, 将有点杂七杂八。生活本该丰富多彩嘛 :)

其实这段时间都在折腾twitter来着, 因为这些好东东都被国内和谐了, 无奈有些翻墙或代理也不怎么管用, 有时也罢工来着, 终于在昨日找到一个目前觉得最合适的方式，通过Google AppEngine搭建代理(不妨参考这篇文章Google AppEngine搭建代理，我都是照猫画虎给整上的)，速度不错，而且长期有效并有可控性（都是自己的东西）。不过唯一缺陷是没法直接登录Twitter, 权宜之计就是借助一些国外可以直接访问的第三方客户端，比如ShareBox, 手机也是可以直接上twitter。通过Google AppEngine搭建的代理服务器，你还可以在博客里边部署一些关于twitter的插件，比如实时的Twitter消息, Retweet按钮等等。全力推荐，值得信赖。

好了，今天就聊聊几笔，算是重新开始博客的征程了。随便推荐一下这篇关于如何写博客, 特别是技术的文章博客二三事, 本人基本同意其观点。还有这篇有点炒作但有些看点的文章腾讯做互联网之水：从马化腾多元化遇挫说起，看看想想，保留意见 :)

分享jQuery技巧

dnnsun@gmail.com — Tue, 04 Aug 2009 03:12:44 GMT

分享一些在项目用到的jQuery小技巧, 对自己做个记录，对别人也许有些帮助:

1) DatePicker设置特定问日期, 有时我们可能需要特定的默认日期或重新设置值, 而不是Today, 代码如下:

// set the specific date value from the hidden element 'defaultDate'
if ($("#LBRGCalendar").length)
    $("#LBRGCalendar").datepicker('setDate', $.datepicker.parseDate('yy-mm-dd', $('#defaultDate').val()));

// 错误的做法，因为DatePicker的setDate接收的日期必须是Date对象而非字符串
$("#LBRGCalendar").datepicker('setDate','2009-07-31');

2) 判断所获取的文档节点(element)是否存在:

// id为你所要获取的节点id
if ($(id).length) {
    // 对该节点进行操作
}

3) 当你在一链接(link)上注册某一事件(比如ajax请求)时不要忘了取消默认的链接行为, 因为点击一个链接时, 执行完捕获/冒泡动作后, 会触发链接的默认事件: 跳转到指定链接地址, 比如href="#"则在IE下有时会跳到页面顶端, 以往我们为了兼容所有的浏览器, 可以封装一个如下的函数:

function stopDefault(e) {
    // Prevent the default browser action (W3C)
    if (e && e.preventDefault)
        e.preventDefault();
    // A shortcut for stoping the browser action in IE
    else
        window.event.returnValue = false;
    
    return false;
}

如今如果你在使用jQuery框架那你就幸福不少, 因为jQuery已经为你封装了这一函数, 原理一样但更精妙, 你可以直接如此用即可:

$('#SendToFriend').click(function(e) {
    // do somthing 比如: $('#EmailToFriendForm').dialog('open');
    
    // 阻止该链接的默认行为
    e.preventDefault();
});

4) 如何进行下拉框或下拉菜单(dropDown, select)等的相关操作, 不妨看看你之前写过一篇文章如何借助JQuery封装HTML SELECT操作?

5) 如何判断Checkbox是否选中, 目前的常见方式有三种, 不妨作为参考参考:

// First way   
$('#checkBox').attr('checked');   
  
// Second way   
$('#edit-checkbox-id').is(':checked');   
  
 // Third way   
$("[:checkbox]:checked").each( function() {   
       // Insert code here   
    }
 );

6) 利用jQuery创建自动等高的列(元素)布局, 在此分享一个更为简便的函数, 更详细的关于此话题的讨论请查看我之前的一篇文章jQuery插件开发: equalizeCols Plugin:

///<summary>
/// Take a group of elements and make them all the same height
///</summary>
function equaliseHeights(arrayOfIds){
    var maxh = 0, i = arrayOfIds.length, id;
    while(i--){
        id = arrayOfIds[i];
        $(id).each(function(){
            if($(this).height() > maxh){
                maxh = $(this).height();
            }
        });
        $(id).height(maxh);
        maxh = 0;
    }
}

//如下使用即可, 接收的参数是一组需要设置等高的元素
equaliseHeights(['.feature .component-container']);

Enjoy jQuery, :)

黑暗的艺术: CSS Hack

dnnsun@gmail.com — Wed, 22 Jul 2009 10:32:14 GMT

何谓CSS hack ?

由于不同的浏览器，比如IE6,IE7,Mozilla Firefox等，对CSS的解析原理不一致导致生成的页面效果千差万别，此时我们需要生成不同的样式让其兼容不同的浏览器，并得到理想的效果。详细请看: http://en.wikipedia.org/wiki/CSS_filter

说到底就是利用浏览器某些bugs来做文章, 没有哪位UI设计者希望使用CSS Hack, 大家羞于表达自己曾用过Hack, 但是有时你不得不出卖自己的灵魂给Hack. 目前我们项目希望可以在大部分的浏览器上通过验证, 工作量可想而知, 就好比我这会的签名档是“在windows7上蹂躏IE6,是无奈也是悲哀啊", 不管怎么样，总之本人的机器已经安装了5款浏览器，同时因为有些没法在windows7下安装，我们不得已独立一个额外的机器专门安装其他旧版本的浏览器，蔚为壮观。正希望浏览器这个恶魔在娘胎里就是over了, 有点”矫枉过正“,:) 回归正题, 其实今天在此就想跟大家分享一些目前基本的CSS Hack, 至少对我们目前这个项目蛮管用的(日子还得一天一天过, 尽管牢骚不断, 呵呵)

/* Internet Explorer */
 
/* IE 6 only */
body #ie6 {
     _display: block;
}

/*IE 6 and IE 7 */
#ie6andie7 {
     *display: block;
}

/* IE 7 only */
html > body #ie7 {
    *display: block;
}

/* IE 6, IE 7 and 8 */
body #ie6andie7andie8{
    display:block\9;
}   

/* IE 8 only */
body #ie8{
    display:block\9;
    *display: none; /*overrule for ie6 and ie7 which also read this rule*/
}

 
/* Firefox */
 
/*Firefox 2 and 3 */
#firefox2, x:-moz-any-link {
    display: block;
    *display: none; /*overrule for ie6 and ie7 which also read this rule*/
}

/*Firefox 3 only (for Firefox 2 only use the rule above and this to overwrite for Firefox 3*/
#firefox3, x:-moz-any-link, x:default {
    display: block;
    *display: none; /*overrule for ie6 and ie7 which also read this rule*/
}
  
/* Safari */
@media screen and (-webkit-min-device-pixel-ratio:0) {
    #safari {
        display: block;
    }
}
    
/* Opera */
@media all and (-webkit-min-device-pixel-ratio:10000), not all and (-webkit-min-device-pixel-ratio:0) {
    head~body #opera {
        display: block;
    }
}

最后喊一下口号: 尽量做到符合W3C标准, 不得已才Hack, 并尽可能用简便灵活的方案.

http://lifesinger.org/blog/2009/06/goodbye-to-css-hack/

吹响启动DNN 5.x的号角

dnnsun@gmail.com — Tue, 14 Jul 2009 23:31:56 GMT

如今DNN的版本很多, 4.x 仍是很普遍, 但5.x也是大势所趋, 让我们吹响DNN 5.x的号角吧, 在此跟大家一块分享最近的活动和情况, 如何优化DNN性能及其速度, 如何找回失去的ModuleConfiguration对象等等.

简洁代码之哲学(摘录)

dnnsun@gmail.com — Fri, 03 Jul 2009 05:36:04 GMT

作为开发人员，我们的首要任务是写出能够工作的代码。但是，仅仅“能够工作”还不足矣，为了能够持续提供真正的价值，代码一定要简洁。在此分享一些相关文章的摘录片段。

(转载)掌握JavaScript语言的思想前提

dnnsun@gmail.com — Sat, 28 Feb 2009 09:24:25 GMT

对于JavaScript的学习，可能最重要的还是要从思想上认识到JavaScript不是玩具语言。JavaScript的作用远不止增加点表单验证，我们可以看看GMail、看看Google Maps，如果开发者们没有对JavaScript足够尊敬，是不大可能写出如此优秀的Web应用的。

jQuery插件开发: equalizeCols Plugin

dnnsun@gmail.com — Tue, 17 Feb 2009 14:54:28 GMT

在开发web应用中, 自从我们抛弃了基于Table的页面布局后, 创建同等高度栏目或内容盒子的视觉效果(多是处于UI美观的考虑)已然是一个挑战, 在此推荐一个jQuery插件, 使得在同一个容器里“平衡”盒子的高度成为一件很简单的事情，从而修正了浏览器之间的差异, 还一个漂亮的UI.

SunBlog更新:增加3D Tag Clouds插件

dnnsun@gmail.com — Sat, 07 Feb 2009 06:35:13 GMT

如果你用过WordPress的博客应该都知道有一个很著名的插件WP-Cumulus WordPress plugin, 这也是一个3D Tag Coulds插件, 它通过Flash+js来展现Tag或目录的标签云效果, 超炫且极为实用, 而这也是我偶然发现, 觉得效果不错并对SunBlog有借鉴意义, 因为之前我也曾有JQuery来实现有些动画效果的标签云插件, 故现在手痒把Flash也整合进来, 如此用户就有更多的选择和效果呈现了, 经过一个晚上的努力终于把这一插件开发出来, 无缝的整合到SunBlog里边, 目前发布了Beta版本做个Demo, 即将开发的功能包括:

~~1) 用户可设置标签云呈现相关选项, 比如宽度, 高度, Tag颜色等等~~ (已完成, 更新于2009-02-15)

2) 整合JQuery Flash Plugin, 不用默认的SWF Object脚本, 简洁方便.

3) 独立成一个控件组件, 也许DNN其他模块也可以用到.

4) 更好的支持中文Tag呈现

SunBlog 3D Tag Coulds插件 Demo

如何在DNN模块开发中利用缓存机制？

dnnsun@gmail.com — Wed, 04 Feb 2009 15:18:25 GMT

在Asp.Net开发过程, 缓存是我们经常遇到的问题, 同样在DNN模块开发中利用好缓存无疑对我们开发的模块是有显著性能提升的效果的。本文将介绍DNN核心API自带的缓存机制及其一些使用方法.

Javascript版本的StringBuilder

dnnsun@gmail.com — Wed, 04 Feb 2009 13:24:56 GMT

众所周知, C#或其他一些纯粹的面向对象编程语言都存在StringBuilder这一类型, 这是因为字符串在内存中是不可变的。这意味着, 如果为了得到第三个字符串而连接两个字符串时, 在一个短暂的时间内, CLR将会在内存中维护三个字符串的实例。为了缓解这种因字符串连接而带来的性能问题, 同时为了给字符串连接操作给予编程工具支持, .NET框架提供了一个名为StringBuilder的类。通过使用StringBuilder类来动态创建可变长字符串, 可以避免因CLR中的字符串的不可变性而带来的问题, 如此编写的代码通常会更容易阅读。而今天我们要提到的是解释型语言javascript下的StringBuilder, 大家都应该知道javascript只有原生类型String, 而并没有StringBuilder, 在此我想分享的就是扩展的StringBuilder版本。