<html>

<head>

<meta charset="UTF-8">

<title>test wilddog </title>

</head>

<body>

JSON 数据树:

<p><input placeholder="说点什么?" data="{"m":"hi","n":"wgscd","t":"2018-11-12 11:13:13"}" class="s_txt" type="text" style="width:388px;

  height: 34px;

  border-radius: 3px;

  border: 1px solid rgb(204, 204, 204);

  padding-left: 10px;"/>

<input type="button"  value="add msg" class="addmsg"/>  </p>

<div class="d_show">

<!-- <div>text message</div>  -->

</div>

	<script src = "https://cdn.wilddog.com/sdk/js/2.0.0/wilddog-auth.js"></script>

	<script src = "https://cdn.wilddog.com/sdk/js/2.0.0/wilddog-sync.js"></script>

    <script src="https://cdn.wilddog.com/js/vendor/jquery-1.11.2.min.js"></script>

<script type="text/javascript">

$(document).ready(function() {

	var config = {

		authDomain:"m5mworld65.wilddog.com",

		syncURL: "https://m5mworld65.wilddogio.com"

	};

	wilddog.initializeApp(config);

	var ref = wilddog.sync().ref();

	$(".addmsg").click(function() {

		var text = $(".s_txt").val();

		alert(text);

		ref.child('msg').push(text);

		$(".s_txt").val('');

	});

	ref.child('msg').on('child_added', function(snapshot) {

		var text = snapshot.val();

		var textObj = $("<div class=\"dm_message\"></div>");

                textObj.text(text);

		$(".d_show").append(textObj);

	});

});

</script>

</body>

</html>

　　

另外一个弹幕的例子：https://github.com/WildDogTeam/demo-js-danmu/blob/master/app/index.html

Wild Dog sample [sync data]的更多相关文章

  1. Sync Data to AWS S3 on Windows Box

    1. Install AWS CLI first, windows download link https://s3.amazonaws.com/aws-cli/AWSCLI64.msi 2. The ...

  2. [Hive - Tutorial] Data Units 数据存储单位

    Data Units In the order of granularity - Hive data is organized into: 数据库.表.分区.桶 Databases: Namespac ...

  3. [转]Data Structure Recovery using PIN and PyGraphviz

    Source:http://v0ids3curity.blogspot.com/2015/04/data-structure-recovery-using-pin-and.html --------- ...

  4. Sample Means（耶鲁大学教材）

    Sample Means The sample mean from a group of observations is an estimate of the population mean. Giv ...

  5. Data transfer from GPIO port to RAM buffer using DMA upon receiving a trigger signal on the timer capture input channel.

    Data transfer from GPIO port to RAM buffer using DMA upon receiving a trigger signal on the timer ca ...

  6. THE TOOLS TO MANAGE YOUR DATA ACROSS CLOUDS

    http://blog.grexit.com/manage-data-across-clouds/ That the average small business uses a cloud servi ...

  7. NTFS格式下的Alternate Data Streams

    今天我写点NTFS的交换数据流以及其带来的安全问题(Alternate Data Stream/ADS) =============================================== ...

  8. MVC---Case 1

    <!DOCTYPE html> <html lang="en"> <head> <title>Backbone.js, Requir ...

  9. Sphinx 2.2.11-release reference manual

    1. Introduction 1.1. About 1.2. Sphinx features 1.3. Where to get Sphinx 1.4. License 1.5. Credits 1 ...

随机推荐

  1. Intellij IDEA创建javaweb步骤详解

    一.创建并设置javaweb工程 1.创建javaweb工程File --> New --> Project... 设置工程名字: 创建完成后工程结构如下: 2. Web工程设置2.1 在 ...

  2. 记一款bug管理系统(bugdone.cn)的开发过程(4) - 新增BugTalk功能

    测试人员提出一个Bug,如果开发人员对Bug有疑义,会直接面对面讨论或者通过QQ等线上聊天工具讨论,但过后再去找讨论记录会很麻烦.因此BugDone提出一个全新的概念:将问题的讨论留在问题内.BugD ...

  3. 数据分析——Matplotlib图形绘制

    创建画布或子图 函数名称 函数作用 plt.figure 创建一个空白画布,可以指定画布大小,像素. figure.add_subplot 创建并选中子图,可以指定子图的行数,列数,与选中图片编号. ...

  4. 在PHP中避免一些代码中的坏味道

    做PHP开发已经有快一年的时间了,在这一年的时间中,学习了很多生产环境中的技巧,学习了很多东西,期间也阅读了一些优秀的源码和关于代码的书,对写代码这一块有了一定的思考,也看过很多别人写的好的代码和坏的 ...

  5. AWS CSAA -- 04 AWS Object Storage and CDN - S3 Glacier and CloudFront（一）

    013 S3 - 101 014 Create an S3 Bucket - Lab

  6. 红帽7中firewall常用指令

    1.端口管理 (1)列出DMZ区域开放的端口 ~]#firewall-cmd --zone=dmz --list-ports (2)8080端口加入dmz区 ~]#firewall-cmd --zon ...

  7. html基础笔记-表单、链接

    <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <!-- 字符编码U ...

  8. UIButton vs UIEventListener 事件处理

    NGUI的事件 在使用NGUI的事件处理时,发现UIButton和UIEventListener之间的共同点越来越多. 当然处理事件,也有一些其它的函数,比如:UIEventTrigger,Butto ...

  9. git常用命令合集（持续完善）

    git常用命令合集(持续更新,仅为便于查阅) 上传整个项目 git init git add 项目名 git commit -m "提交的注释信息" 若已经绑定远程仓库,则直接:g ...

  10. vue2.0学习笔记之路由（二）路由嵌套

    <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8&quo ...