虽然已经有很长时间没写JavaScript，但很多时候看到一些应用还是会带着好奇心去研究一下。之前是看腾讯的朋友网，它的webchat做的很不错（虽然ff下有bug，也有消息丢失的情况，但总体的设计和体验上还是很不错的），抓包大致看了看请求和部分代码。
它的聊天框使用div + contenteditable属性实现了一个简单的“富”文本编辑器，但好像仅支持表情（源码里有正则，对指定的img节点的src进行过滤）。我分别在chrome和ie下使用了它的聊天框，发现IE下在粘贴会先出现粘贴的内容，然后所粘贴的内容被全部转换为文本。
一般情况下，如果仅使用一个textarea来实现ubb这样的输入，插入的表情不能立即显示出来，这个体验其实不好，但如果支持富文本输入，则可能导致页面因为节点的问题而发生错位等等…所以要实现的功能就是，支持插入特定的表情和特定的节点，除此之外的所有的节点都将被替换/删除掉。
朋友网前台页面使用Seajs装载jQuery来进行开发的，大概查看了一下编写的代码，写的比较优雅。上面表情插入的聊天框只要监听它的onpaste(低版本的opera监听它的oninput)进行处理。
由用户选择的表情，将不会被替换掉。
下面有一张关于各浏览器字符输入与剪贴板的事件的支持图：
而关于Seajs，很早就看过，但从来没用过，诸如CommonJS、RequireJS这些东东，都没有太多精力去使用和研究过。不过在查看朋友网的部分JS代码后，对于seajs就很好奇，想看看源码写几个例子，权当学习一下JavaScript的模块开发方式。在08年团队开发页面时，前台JavaScript会采用类似这样的写法：xx.include(‘…/dom.js’);xx.include([‘a.js’, ‘b.js’, …]);也算是有了JavaScript模块化开发的雏形，但还不是很成熟。仔细查看了一下seajs的源码，确实写的挺赞的。
我在写例子之前是参考过这篇文章的：《JavaScript模块化开发库之seajs》
Seajs适用于分模块化开发的应用，比如类似QZone，点击“装扮空间”时需要动态加载CSS、JS，在资源加载完成后渲染装扮，监听事件、回调…使用seajs来开发的话会很方便，主体的逻辑结构也将十分清晰。
Seajs的世界里，一个文件就是一个模块，而如果模块过多，那文件同样也将比较多，那随之而来的JS请求也将变多。而如果你在一个页面就定义了很多模块，那么有几个问题要注意…
假设直接在html页面里定义了一个名为domx的模块
var mod;
3:
return mod = {
function() {
'a');
7: },
function() {
'b');
10: }
11: };
12: })