• jQuery实时聊天jquery-chat


    jquery-chat是基于jQuery UI + Node.js + Socket.IO 实现100%纯JavaScript实时聊天(客户端和服务器都是JS),实现了facebook / Gmail风格的网页聊天.
    jQuery实时聊天jquery-chat

    快速使用Romanysoft LAB的技术实现 HTML 开发Mac OS App,并销售到苹果应用商店中。
     
    HTML开发Mac OS App 视频教程》
     
    官方QQ群:(申请加入,说是我推荐的
    • App实践出真知 434558944       App实践出真知
    • App学习交流 452180823          App实践出真知
     


    特点

    • 多主题支持(jQuery UI)
    • 100% JavaScript(客户端和服务器端)
    • 支持配置文件
    • 支持多种语言
    • 新消息弹出通知
    • 多用户聊天
    • 搜索用户
    • 声音
    • 浏览器支持:Opera, Firefox, Google Chrome, Safari, Internet Explorer
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    <link id='theme' rel='stylesheet' />
    <link rel='stylesheet' href='css/tipsy.css' />
    <link rel='stylesheet' href='css/chat.css' />
     
    <script src='js/jquery-1.11.2.min.js'></script>
    <script src='js/jquery-ui-1.10.4.custom.min.js'></script>
    <script src='js/jquery.tipsy.js'></script>
    <script src='js/jquery.main.js'></script>
    <script src='config.js'></script>
    <script src='i18n_en.js'></script>

    Installation
    1. Clone the project

    $ cd /var/www/
    $ git clone https://github.com/lovelle/jquery-chat
    $ cd jquery-chat

    2. Configuration

    # Go to cloned project
    $ cd /var/www/jquery-chat/
    # Adjust personal setting to ‘server’ ip or dns
    $ editor config.js
    # And the same for line 11 in index.html
    $ editor index.html

    3. Install and run Node.js

    $ cd /var/www/jquery-chat/server
    $ npm install
    $ npm start

    4. Run

    Lets it, to finish remember you must have a webserver, if you dont want to install a full webserver you can do it with python server:

    # Go to project folder
    $ cd /var/www/jquery-chat
    # Run webserver with python lib
    $ python -m SimpleHTTPServer

    Finish!, go to visit http://localhost:8000/

    源码下载 在线演示

  • 相关阅读:
    html笔记3
    html笔记2
    html学习第一天
    用Vue中的指令写一个对表格进行增加和删除
    Vue中的列表渲染
    Vue中的计算属性(computed)和侦听器(watch)
    Vue的模块语法
    vue-cli的搭建
    Vue的概念介绍
    React中函数组件和类组件的区别
  • 原文地址:https://www.cnblogs.com/RTdo/p/4513675.html
Copyright © 2020-2023  润新知