作为一名热爱探索的的前端工程师,业余时间的追求一点点新技术也是日常便饭。众里寻他千百度,在偶然的机会下,我遇到了你,第一次看到你的官方网页

我就爱上了你,就想探索你。简约的官方风格,不高调,不奢华,有着和谷歌般的设计规则。我甚至喜欢,然后就迫不及待的注册开发你。


因此好不犹豫的注册了你,并新建了2个appid。
我是前端程序员,理想是做一个全栈工程师,不能成为全栈工程师,也愿意做一名全干工程师。可惜后端不会,但是野狗可以。这个为开发提供方便的数据存储方式,并可以实时通信,太牛逼了。于是就开发了第一个利用野狗的小程序。聊天室,


这是注册页面,每个人都有唯一的id好,随机的注册后进入调用野狗实例的页面

进入里面就可以聊天了,当您已经注册了,就可以直接进去聊天。用的localStorage存储用户信息

利用野狗api可以查询自己所需要的数据,同时可以删除自己想要的数据,对于不会开发服务器的后端人员,提供了极大的方便。同时运行速度很快,差不多比cdn上的数据还快点。很是牛逼
var ref = new Wilddog("https://john.wilddogio.com/");
主要api有

```
请输入代码

```ref.on("value", function(snapshot) {
                            $(".commentDiv").empty();
                            var count = 0;
                            snapshot.forEach(function(item) {
                                if (item.child("nicname").val() == userName) {
                                    count++;
                                    $(".commentDiv").append('<p class="' + item.key() + '">' + item.child("nicname").val() + ':' + item.child("sayword").val() + '</p>');
                                }
                            })
                            if (count == 0) {
                                $(".commentDiv").append('<p style="margin-top:100px;width:100%;text-align:center" class="noRecord">' + '没有这个人的记录</p>')
                            }
                            ref.off("value");

```这是删除

ref.on('child_removed', function(snapshot) {
                    console.log("=============child_removed==========================");
                    console.log(snapshot.child("sayword").val());
                    $("p." + snapshot.key()).remove();
                });

```
github地址:http://holidaying.github.io/widdog/comment.html。请大家批评指出。
同时野狗公众号我也一直关注者,不得不说野狗推送的文章都是干货。

几乎野狗推送的文章,我都看过,每天早上上班的时候,公交车里打开的订阅号看到的文章也是你。在前端的路上
我会一直支持你们,希望你们的产品越来越多的人知道,希望你们能帮助更多的人。

野狗API的初步使用相关推荐

  1. 新浪微博API使用初步介绍——解决回调地址的问题

    下载下sina的API后,感觉说明的还是不够明白--尤其是那个回调地址,蛋疼的要死啊.. 首先,下载JDK,java的.http://code.google.com/p/weibo4j/ 导入工程,不 ...

  2. 淘宝客API调用初步

    直接使用淘宝客API规范中的2.3中的接口调用实现 方法:http://taoke.alimama.com/rpc/searchAuctionByRpc.do?pw=XXXXX=&rowoff ...

  3. k-近邻算法简介及api的初步使用

    Python学习系列文章:

  4. C++ WINDOWS API 第2章 Windows API概要

    目录 2.1       Windows数据类型.. 1 2.1.1       Windows数据类型示例.. 1 2.1.2       Windows 数据类型与标准C 数据类型的关系.. 5 ...

  5. 对接亚马逊 ads api( Amazon Advertising API) 第三章:对接 Sponsored Products

    目录 官方下载报告 demo 需求 对接 Sponsored Products 的 reports 报告 1. 获取 profileId 2. 请求 report 3. 获取 report 4. 获取 ...

  6. 淘宝客API示例演示

    <淘宝客API示例演示> 一.淘宝客API调用初步 二.淘宝客API商品类目调用演示 三.淘宝客API商品检索.浏览演示 四.淘宝客API商品详情调用演示 五.淘宝客API广告点击串获得演 ...

  7. Java日期与时间API(详解全部新与旧API,含代码例子)

    目录 前言必读 二.新与旧API 新的API: 旧的API: 初步使用大全(SimpleDateFormat) 三.代码例子 1.获取当前时间 2.字符串转化为时间 四.新的API 1.LocalDa ...

  8. 关于Vue3组合式API(Composition API)的个人理解

    首先,关于组合式API现已有众多大佬发布了相关介绍及相关教程,但是个人在学习过程中还是花了比较多的时间去理解 " 组合式API " 这个概念. 因为目前搜索引擎排的比较前面的文章其 ...

  9. VB 与 Windows API 讲座(一) /王国荣

    进入 Windows API 的热身运动 「VB 没有提供这样的功能, 必须呼叫 Windows API」, 有时候笔者会这样回答读者的问题, 虽然这麽回答有点偷懒, 或者说不负责任, 但这的确是事实 ...

最新文章

  1. ajax hapi上传文件,javascript – hapi.js Cors Pre-flight不返回Access-Control-Allow-Origin标头...
  2. ajax java请求413_jQuery - 拦截所有Ajax请求(统一处理超时、返回结果、错误状态码 )...
  3. python webdriver点击指令_测开系列Selenium Webdriver Python(20)--Webdriver运行原理
  4. python递归深度报错--RuntimeError: maximum recursion depth exceeded
  5. 计算机桌面反应慢,Windows7电脑反应慢的解决方法
  6. 【CKEditor】下载历史版本4.8.x
  7. 22/100. Find All Anagrams in a String
  8. BBScan:信息泄漏批量扫描脚本
  9. bash type php,Linux Bash Shell 寻找PHP(网站)挂马,后门
  10. ARC077C pushpush 递推
  11. 文字处理技术:形状绕排的难点
  12. [UE4]Expandable Area可展开的区域
  13. 一文告诉你 K8s PR (Pull Request) 怎样才能被 merge?
  14. Android进阶#(6/12)让程序更优的技术——性能优化_内存泄漏
  15. Kotlin 实战翻译 —— 仿微信图片选择开源库ImagePicker
  16. 前端设置div的显示与隐藏
  17. webpack 热加载原理探索
  18. 联想笔记本Manjaro dde 18 安装疑难杂症解决
  19. springboot 中动态切换数据源(多数据源应用设计)
  20. Python基础题目解析

热门文章

  1. 火绒安全软件-免费且最干净的杀毒软件
  2. de/encodeURI(Component)--http%3A%2F%2Fwww.baidu.com%2Fasd%3Fa%3D123
  3. 实时的工业以太网Ethernet Powerlink
  4. 吉大计算机学院大一课表,大学计算机基础(吉林大学)大学计算机基础课程计划及方案.doc...
  5. 转账到支付宝账户(企业支付宝)
  6. PHP 转账到支付宝账户
  7. ps cs6移除html,彻底卸载并清除Adobe photoshop CC/CS6安装残留的神器
  8. 微服务(MSA) 和 面向服务架构(SOA) 的区别和联系
  9. 关于WM_ERASEBKGND和WM_PAINT的深刻理解
  10. 山东省枣庄市谷歌高清卫星地图下载(百度网盘离线包下载)