点击这里下载PDF文件。
点击这里下载示例文件。
点击这里下载视频文件。

这次的内容是开发一个AJAX聊天室,目的是让大家略为巩固一下前两次所讲的AJAX常用的基础知识。不过这个聊天室的功能是再简单不过了,这点我在视频中也多次强调。

这次的录制是一个尝试,因为我想以后的录制过程中加大“示例”甚至于“Hands on Lab”的比例,不过对于现在这种从头至尾几乎连每一个文件的创建过程都一一演示的做法,在现在录制方式(Captivate是一帧一帧录制的,而每一帧的录制时刻不好把握)和录制条件(机器还是比较卡,更加增大了录制的困难)下都是很大的挑战,这次的尝试结果不容乐观,影片的体积变得比较大(这次几乎已经达到了20M),因此这个录制方式和技巧还要进一步的尝试。

事实上还有别的原因使这次录制结果不太好。我本来准备在周二录制完毕,没想到因为朋友“忽然”过生日,导致我只有一点点的“清静”时间可以录制讲座,在录制了一段时间之后就不得不停了下来。从朋友的饭桌上回来之后,我直接杀奔公司,总算找到了一个安静的工作环境。因此大家可以很明显地在视频中发现录制环境的区别:突然从某一时刻开始声音变响了,回音变大了,因为我在公司找了个小房间关上门以后把剩余的部分录制完毕。再加上我今天有些感冒,因此声音总是不自觉地有气无力起来。还有不知道是我机器上新版本的Captivate有问题,还是我还不太会用,我在后期修修补补时总是不太顺利,因此这次的视频会有比较大剪辑痕迹。总总这些只能请大家多多包涵了,我以后会有改进。

不过也有好消息,在我为可怜的笔记本加了1G内存,并换上了新版本的Captivate之后,整个录制过程“前所未有”地一次也没有崩溃过,编辑时的响应速度也快了许多,不再有3分钟的打开保存时间,每点击一下都要等3到5秒才有反应的状况出现了。这种“卓越”的体验让我多少看到了点希望——不是反语,不是讽刺,是真的,不过明显是“相对”之前所得到的感受。

最后还是老话:如果大家对于讲座的内容有任何疑问,请在Q & A专用文章里进行提问,当然如果您有其它任何疑问的话,也能在那里提出,我会尽快为您解答。而且现在又多了一个讨论的地方:大家可以点击这里访问“博客园AJAX交流”组,不过我更喜欢把它当作一个Mail List使用。:)已经说了太多的废话,下面就是这次录制的结果。我也该睡了,似乎今天我已经和地球那端的同事“无时差”工作了太长时间了……多谢大家支持。

AJAX培训第三讲:开发一个简单的AJAX聊天室的更多相关文章

  1. Java网络编程之简易聊天室的实现

    这篇文章主要为大家详细介绍了如何利用Java语言实现一个简易聊天室功能,可以实现运行客户端和连接服务器,文中的示例代码讲解详细,需要的可以了解一下

  2. nodejs+express搭建多人聊天室步骤

    本篇文章给大家详细讲解了nodejs+express搭建一个简易的多人聊天室的详细步骤,有兴趣的朋友学习下。

  3. java实现多人聊天室可视化

    这篇文章主要为大家详细介绍了java实现多人聊天室可视化,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下

  4. Node.js websocket使用socket.io库实现实时聊天室

    这篇文章主要为大家详细介绍了Node.js websocket使用socket.io库实现实时聊天室,具有一定的参考价值,感兴趣的小伙伴们可以参考一下

  5. Ajax PHP JavaScript MySQL实现简易无刷新在线聊天室

    这篇文章主要为大家详细介绍了Ajax PHP JavaScript MySQL实现简易无刷新在线聊天室,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下

  6. Java实现简单的聊天室功能

    这篇文章主要为大家详细介绍了Java实现简单的聊天室功能,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下

  7. php+webSoket实现聊天室示例代码(附源码)

    本篇文章主要介绍了php+webSoket搭建chatServer示例(附源码)的资料,这里整理了详细的代码,有需要的小伙伴可以参考下。

  8. Java Socket实现聊天室功能

    这篇文章主要为大家详细介绍了Java Socket实现聊天室功能,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下

  9. 基于Swoole实现PHP与websocket聊天室

    本文利用Swoole来实现PHP+websocket的聊天室,过程介绍的很详细,对聊天室的开发很有帮助,有需要的可以参考学习。

  10. Nodejs实现多房间简易聊天室功能

    本文通过实例代码给大家介绍了Nodejs实现多房间简易聊天室功能,需要的朋友参考下吧

随机推荐

  1. xe-ajax-mock 前端虚拟服务

    最新版本见Github,点击查看历史版本基于XEAjax扩展的Mock虚拟服务插件;对于前后端分离的开发模式,ajax+mock使前端不再依赖后端接口开发效率更高。CDN使用script方式安装,XEAjaxMock会定义为全局变量生产环境请使用xe-ajax-mock.min.js,更小的压缩版本,可以带来更快的速度体验。

  2. vue 使用 xe-ajax

    安装完成后自动挂载在vue实例this.$ajaxCDN安装使用script方式安装,VXEAjax会定义为全局变量生产环境请使用vxe-ajax.min.js,更小的压缩版本,可以带来更快的速度体验。cdnjs获取最新版本点击浏览已发布的所有npm包源码unpkg获取最新版本点击浏览已发布的所有npm包源码AMD安装require.js安装示例ES6Module安装通过Vue.use()来全局安装示例./Home.vue

  3. AJAX POST数据中文乱码解决

    前端使用encodeURI进行编码后台java.net.URLDecoder进行解码编解码工具

  4. Koa2框架利用CORS完成跨域ajax请求

    实现跨域ajax请求的方式有很多,其中一个是利用CORS,而这个方法关键是在服务器端进行配置。本文仅对能够完成正常跨域ajax响应的,最基本的配置进行说明。这样OPTIONS请求就能够通过了。至此为止,相当于仅仅完成了预检,还没发送真正的请求呢。

  5. form提交时,ajax上传文件并更新到<input>中的value字段

  6. ajax的cache作用

    filePath="+escape;},error:{alert;}});解决方案:1.加cache:false2.url加随机数正常代码:网上高人解读:cache的作用就是第一次请求完毕之后,如果再次去请求,可以直接从缓存里面读取而不是再到服务器端读取。

  7. 浅谈ajax上传文件属性contentType = false

    默认值为contentType="application/x-www-form-urlencoded".在默认情况下,内容编码类型满足大多数情况。在这里,我们主要谈谈contentType=false.在使用ajax上传文件时:在其中先封装了一个formData对象,然后使用post方法将文件传给服务器。说到这,我们发现在JQueryajax()方法中我们使contentType=false,这不是冲突了吗?这就是因为当我们在form标签中设置了enctype=“multipart/form-data”,

  8. 909422229_ajaxFileUpload上传文件

    ajaxFileUpload.js很多同名的,因为做出来一个很容易。我上github搜AjaxFileUpload出来很多类似js。ajaxFileUpload是一个异步上传文件的jQuery插件传一个不知道什么版本的上来,以后不用到处找了。语法:$.ajaxFileUploadoptions参数说明:1、url上传处理程序地址。2,fileElementId需要上传的文件域的ID,即的ID。3,secureuri是否启用安全提交,默认为false。4,dataType服务器返回的数据类型。6,error

  9. AJAX-Cache:一款好用的Ajax缓存插件

    原文链接AJAX-Cache是什么Ajax是前端开发必不可少的数据获取手段,在频繁的异步请求业务中,我们往往需要利用“缓存”提升界面响应速度,减少网络资源占用。AJAX-Cache是一款jQuery缓存插件,可以为$.ajax()方法扩展缓存功能。

  10. jsf – Ajax update/render在已渲染属性的组件上不起作用

    我试图ajax更新一个有条件渲染的组件。我可以确保#{user}实际上是可用的。这是怎么引起的,我该如何解决呢?必须始终在ajax可以重新呈现之前呈现组件。Ajax正在使用JavaScriptdocument.getElementById()来查找需要更新的组件。但是如果JSF没有将组件放在第一位,那么JavaScript找不到要更新的内容。解决方案是简单地引用总是渲染的父组件。

返回
顶部