使用shell脚本快速启动mongodb
- 在根目录下新建脚本并命名. eg.
touch mongodb.sh
- 使用vi编辑器在脚本中添加自定义的shell命令
vi mongodb.sh
在文件中添加mongodb启动命令
mongod --dbpath /usr/local/Cellar/mongodb/3.2.7/data/db
保存退出，启动shell脚本
./mongodb.sh
socket.io 原理理解总结
socket.io，是一个使用反向ajax方法处理数据的库。获取数据，模拟一个ajax请求向服务器发送数据。
为基于nodejs的web应用，创建一个本地服务器（专用于本个web应用）：
Server端：
var express = require('express') , app = express() , server = require('http').createServer(app) , io = require('socket.io').listen(server); //监听服务器，监听通过该Server的连接信息，而非监听sockets
在用户端，为每一个（通过登录验证）登入聊天页面的用户、即意图连接本地服务器的用户，创建一个socket，分配唯一的socketID，所有用户独立的socket之间的通讯都建立在Server端的本地服务器中。
Client端：
var socket = io.connect('http://localhost'); //获取socket对象，并且通过这个socket收发事件
//var socket = io.connect('网站地址或ip');
summary：
本地服务器：socket == 一对多的关系
socket：登入用户 == 一对一的关系
服务器端：接受字符串"action"作为客户端发起连接的事件，当连接成功后，调用带有socket参数的回调函数，处理用户的请求。
客户端：发起连接到指定服务器，并且传入当前socket对象。
事件绑定
- click ，点击触发
- focus，聚焦触发
- blur，失焦触发
- 回车绑定
Socket.IO内置的默认事件
服务器端事件：
- io.sockets.on('connection',function(socket) {})
：socket连接成功之后触发，用于初始化 - socket.on('message',function(message, callback) {})
：客户端通过socket.send
来传送消息时触发此事件，message为传输的消息，callback是收到消息后要执行的回调 - socket.on('anything',function(data) {})
：收到任何事件时触发 - socket.on('disconnect',function() {})
：socket失去连接时触发（包括关闭浏览器，主动断开，掉线等任何断开连接的情况）
客户端事件：
connect：连接成功
connecting：正在连接
disconnect：断开连接
connect_failed：连接失败
error：错误发生，并且无法被其他事件类型所处理
message：同服务器端message事件
anything：同服务器端anything事件
reconnect_failed：重连失败
reconnect：成功重连
reconnecting：正在重连
客户端触发顺序：
第一次连接时，事件触发顺序为：connecting->connect；
当失去连接时，事件触发顺序为：disconnect->reconnecting（可能进行多次）->connecting->reconnect->connect。
Socket.io各个发送消息的含义
// send to current request socket client
socket.emit('message', "this is a test");
// sending to all clients, include sender
io.sockets.emit('message', "this is a test");
// sending to all clients except sender
socket.broadcast.emit('message', "this is a test");
// sending to all clients in 'game' room(channel) except sender
socket.broadcast.to('game').emit('message', 'nice game');
// sending to all clients in 'game' room(channel), include senderio.sockets.in('game').emit('message', 'cool game');
// sending to individual socketid
io.sockets.socket(socketid).emit('message', 'for your eyes only');
// 进入一个房间
socket.join('room');
// 离开一个房间
socket.leave('room');
发送消息给指定客户端方法
io.sockets.connected[socketid].emit();
io.to(socket.id).emit();
socket.emit();
发送消息原理
- 客户端向服务器发送任意类型消息。
socket.send();
- 服务器接收消息数据，执行“message”对应的回调函数。
socket.on('message', function(){});
服务器将接收到的信息保存到数据库中，并且把消息转发到sender客户端、receiver客户端。
io.to(sender).emit('msg',sender, receiver, msg);io.to(receiver).emit('msg',sender, receiver, msg);
- 客户端接收服务器端发来的消息，在前端页面显示消息div。
socket.on('msg', function (sender, receiver, msg) {// $("div").append("<div>动态创建div</div>") //动态创建代码块 console.log("传递消息ing"); if (sender == _id) {$("#chatting-history").append("<div class='me-msg'><span class='me-chat-icon'></span><div class='me-msg-container'>" + msg + "</div><div class='clear-both'></div></div>"); }else {$("#chatting-history").append("<div class='other-msg'><span class='other-chat-icon'></span><div class='other-msg-container'>" + msg + "</div><div class='clear-both'></div></div>"); }$("#chatting-history").scrollTop($("#chatting-history")[0].scrollHeight);})
JS方法整理
使滚动条一直显示最底下：
$("#dom_id").scrollTop($("#dom_id")[0].scrollHeight);
在div内部动态添加一段代码块：
$("#dom_id").append("<div>………………</div>");
mongodb中populate的使用
使用的目的：实现在一个 document 中填充其他 collection(s) 的 document(s)
在定义Schema
的时候，如果设置某个 field 关联另一个Schema
，那么在获取 document 的时候就可以使用 Population 功能通过关联Schema
的 field 找到关联的另一个 document，并且用被关联 document 的内容替换掉原来关联字段(field)的内容。
require is not defined 超出获取域
本意在chat.js中调取dbHelper.js中的函数，用于查找用户，但是获取dbHelper失败，转换思路。
解决方法1：使用socket.emit与socket.on函数，把dbHelper的调用转移到www中去
嵌套层数太多...遂弃之
尝试代码：
//chat.js部分
$(".search-text").keypress(function (e) { //搜索框回车搜索好友
if (e.which == 13) {
doSearchFriend();
}
});
function doSearchFriend() {
var keyword = $(\'.search-text\').val();
var pattern = new RegExp(keyword, "i");
var queryParams = {username: pattern};
socket.emit(\'searchUser\',queryParams);
}
//www部分
socket.on(\'searchUser\',function (res,req,queryParams) {
dbHelper.searchUser( queryParams ,function (err, data) {
res.render(\'chat\', {entries: data});
})
})
//dbHelper.js部分
exports.searchUser = function (queryParams, cb) {
var userList = new Array();
User.find(queryParams).exec(function (err,docs) {
for(var i = 0; i < docs.length ; i++){
userList.push(docs[i].toObject());
}
cb(true, userList);
});
cb(true, userList);
}
错误原因总结：res传入不正确
解决方法2：使用promise的ajax封装，再通过路由中的post路径方法，调用dbHelper
解决方法3：在搜索结果div中，显示另一个网页，使用iframe
解决方法4：给搜索操作绑定ajax，搜索即请求，在success函数中重写div.html()
解决方法5：绑定搜索事件，load另一个页面的一个div
Request 和 Response 对象
他们起到了服务器与客户机之间的信息传递作用。
Request 对象用于接收客户端浏览器提交的数据，而 Response 对象的功能则是将服务器端的数据发送到客户端浏览器。
Request 对象
从浏览器端取得数据的方法：
Request.QueryString 集合读取表单 GET 方法数据
Request.Form 集合读取表单 POST 方法数据
Request.ServerVariables 集合读取服务器端环境变量
req.param获取pathinfo中参数 /api/users/{id}req.query获取查询参数 /api/users?name=wwxreq.body获取form提交参数
req与res的知识](http://i5ting.github.io/node-http/#10601))
jQuery 过渡效果
函数
$(selector).hide()：隐藏被选元素
$(selector).show()：显示被选元素
$(selector).toggle()：切换（在隐藏与显示之间）被选元素
$(selector).slideDown()：向下滑动（显示）被选元素
$(selector).slideUp()：向上滑动（隐藏）被选元素
$(selector).slideToggle()：对被选元素切换向上滑动和向下滑动
$(selector).fadeIn()：淡入被选元素
$(selector).fadeOut()：淡出被选元素
$(selector).fadeTo()：把被选元素淡出为给定的不透明度
$(selector).animate()：对被选元素执行自定义动画
a标签添加点击事件但是不发生页面跳转和刷新
href="javascritp:void(0);"
**获取$(this)子节点对象的方法：find(element) **
$("#desktop a ").each(function(index){
var imgurl=$(this).find('img').attr('src');
alert(imgurl);
}
网友评论