一个方便易用的日期拾取工具DatePicker(状态模式)

重构和设计模式是程序员的任督二脉,写这个控件的时候顺便又修炼一下自己的功夫^_^

其实这个日期控件的模式并不是我自创的,如果你注意过Windows 7或者vista的日期工具,你会发现我这个控件跟Windows的那个工具表现行为是完全类似的。点击查看效果 查看更新日志

date picker 日期拾取工具

DatePicker皮肤一

date picker 日期拾取工具

DatePicker皮肤二

继续阅读 »

转载请注明原文出处《一个方便易用的日期拾取工具DatePicker(状态模式)》 如无特别声明,所有文章均遵守创作共用 署名-非商业-禁止演绎 3.0协议。

JavaScript梦幻开发工具-Intellij IDEA

敲代码的应该是思维在舞蹈。一个蹩脚的开发工具就好比是一双蹩脚的舞鞋,它可能会让你一不小心摔仰八叉……

平常写JavaScript最常用的是NotePad++,然后就是DreamWeaver CS4,在然后是Aptana。NotePad++比较轻量级,写写简单的代码,或者对代码进行简单的修改很是方便,也有最基本的代码提示功能,但是代码稍一复杂就显得力不从心。DreamWeaver和Aptana的代码提示做的都已经比较好了,DreamWeaver优点是反应迅速,对已知结构的代码提示很快捷,但是它那诡异的代码自动缩进实在让人头疼,而且费尽力气也没找到怎么修改。Aptana的代码提示比较强大,但是时好时坏的让人郁闷。最近安装了Aptana 3.0 Beta,发现速度有了提高但是代码提示的问题依然存在。

最重要的是以上的三个工具都不支持重构,这是最大的问题!而且也不支持Go to Declaration之类的。在代码量比较大,复杂度比较高的时候用起来就捉襟见肘了。

所以这里郑重的想你推荐 Intellij IDEA。这款IDE主要是针对Java开发的,但是它的功能实在是非常的强大,对JavaScript Coder来说也是一款梦幻级的开发工具。

经过几个小时的调教,我发现这就是我想要的。

首先是代码提示功能,非常强大,你想要的它都有了。然后对重构也有非常强大的支持。再比如Find Usages,Go To等功能都有,终于可以Ctrl+Click跳转到声明处了

目前唯一还让人不太满意的就是Tab键不能跳转到下一个插入点,这个功能还是很实用的,再研究一下能否自定义。

具体的介绍大家可以到Intellij IDEA的官方网站查看。

http://www.jetbrains.com/idea/

转载请注明原文出处《JavaScript梦幻开发工具-Intellij IDEA》 如无特别声明,所有文章均遵守创作共用 署名-非商业-禁止演绎 3.0协议。

动手做一个在线富文本编辑器

只用亲自动手做一下才知道做一个富文本编辑器是多么的复杂。这个版本只是实现了最基本的功能。

先看一下截图:

网上这方面的资料已经很多了,这里就不再一一赘述,主要的谈一下在实现过程中碰到的问题以及几个关键点。

首先这个界面让我吃尽苦头,由于样式的原因,每个按钮的样式要单独定制,视觉设计与前端的实现看来一定要考虑清楚,不然在实现的时候可能带来很多不必要的麻烦。

由于execCommand并不标准所以在MSIE和FireFox下面实现也不尽相同,包括换行,加粗,斜体,字体,字号,背景色……等等。基本上是两套实现。

在IE下设置字体和字号的时候生成的都是font标签,让人很是郁闷。

iframe不支持dom1支持的onclick等事件注册方式,所以必须要实用dom2的事件注册方式。

selection和range对于在IE和W3C支持差别是非常大的,而要解决大部分的麻烦必须要使用这两个对象,目前还在进一步的摸索中。

具体的实现和源代码会在进一步完善后放出。

转载请注明原文出处《动手做一个在线富文本编辑器》 如无特别声明,所有文章均遵守创作共用 署名-非商业-禁止演绎 3.0协议。