http://slimtext.org/ 

https://codenvy.com/

ICEcoder 是一个PHP开源和基于Web的IDE。支持代码语法高亮显示。 ICEcoder拥有一个强大的JavaScript API并常见的流行语言(PHP, JS, CSS, LESS, Ruby等)。

ACE是一个开源的、独立的、基于浏览器的代码编辑器，可以嵌入到任何web页面或JavaScript应用程序中。ACE支持超过40种语言语法高亮，并能够处理代码多达400万行的大型文档。ACE开发团队称，ACE在性能和功能上可以媲美本地代码编辑器（如Sublime Text、TextMate和Vim等）。 

ACE是Mozilla Skywriter（以前称为Bespin）项目的继任者，并作为Cloud9的主要在线编辑器。 

ACE 1.0的主要特性包括： 

• 高亮超过40种语言（可以导入TextMate/Sublime/.tmlanguage文件）
• 超过20个主题
• 自动缩进和自动减少缩进
• 可选的命令行
• 处理大型文档
• 自定义快捷键设置，包括VIM和Emacs模式
• 通过正则表达式进行搜索和替换
• 高亮匹配括号
• soft tabs/real tabs切换
• 显示隐藏字符
• 使用鼠标拖拽文本
• 换行
• 代码折叠
• 实时语法检查（目前支持JavaScript/CoffeeScript/CSS/XQuery）
• 剪切、复制和粘贴功能

Brackets 是 Adobe 的开源 HTML/CSS/JavaScript 集成开发环境。Brackets 提供 Windows 和 OS X 平台支持。

bluePen Editor是一个采用PHP开发的CSS编辑器，可以安装到任何静态或动态的网站，实现实时的CSS编辑。

打开编辑器之后，当鼠标放到某个元素之上blupePen能够定位到它们的CSS规则类似于Chrome Dev Tools。

它拥有的功能包括：颜色选择器，文件管理，标尺，颜色对照等。

如果你需要一个帮助你规整书写混乱的代码的工具的话，我强烈推荐给你这个在线代码美化工具 - Dirty Markup。这个在线工具能够帮助你有效的处理HTML/HTML5，CSS和javascript代码。

这个工具内建了HTML Tidy， CSS Tidy 和 JS Beautify的功能，可以快速有效的帮助你规整代码。

# -*- coding:utf-8 -*-

import struct

def pack(command_id, sequence, session_id, body):
    """
    网络传输
    @param command_id: 协议编号
    @param sequence: 序列号
    @param session_id: 
    @param body: 包体,str类型
    
    @return: 二进制串
    """
    
    header_size, header_data = pack_header(command_id, sequence, session_id)
    body_size, body_data = pack_body(body)
    size = header_size + body_size
    data = struct.pack('!I', size) + header_data + body_data
    return data

def pack_header(command_id, sequence, session_id):
    """
    包头
    """
    if isinstance(session_id, unicode):
        session_id.encode('utf-8')
    fmt = '!IIB%ds' % len(session_id)
    header_size = struct.calcsize(fmt)
    data = struct.pack(fmt, command_id, sequence, len(session_id), session_id)
    return header_size, data

def pack_body(body):
    """
    包体
    """
    fmt = '!H%ds' % len(body)
    body_size = struct.calcsize(fmt)
    data = struct.pack(fmt, len(body), body)
    return body_size, data
    
def unpack(data): 
    """
    解包
    """
    command_id, sequence, session_id, data = unpack_header(data)
    body = unpack_body(data)
    return command_id, sequence, session_id, body

def unpack_size(data):
    """
    总长度
    """
    (size,) = struct.unpack('!i', data)
    return size

def unpack_header(data):
    """
    包头
    """
    (command_id,), data = struct.unpack('!I', data[:4]), data[4:]
    (sequence,), data = struct.unpack('!I', data[:4]), data[4:]
    (session_size,), data = struct.unpack('!B', data[:1]), data[1:]
    (session_id,), data = struct.unpack('!%ds' % (session_size), data[:session_size]), data[session_size:]
    return command_id, sequence, session_id, data

def unpack_body(data):
    """
    包体
    """
    (body_size,), data = struct.unpack('!H', data[:2]), data[2:]
    (body,) = struct.unpack('!%ds' % (body_size,), data)
    if isinstance(body, unicode):
        body.encode('utf-8')
    return body

Uncaught ReferenceError: $ is not defined 
出现的原因是没有引入jquery库，再lib包里面加入lib库就可以了

在写jasmine的时候每一个测试和原文件在html里面引入的顺序必须是
<script type='text/javascript' src='/blog_article/src/src_ax.js'>
<script type='text/javascript' src='/blog_article/spec/spec_a.js'>

如果测试jquery mobile ，会在显示的时候问下下滑一段。这是因为jquery mobile发现如果没有data-role,会给你加上一个。而加上的这个data－role里面因为没有内容，所以会出现问下下滑的现象。