微信開發(fā)-技術(shù)文檔(3)10.23-10.28.md

mongodb條件查找:

var condition = { me:iid, unread:{ $gt:0}};
Friend.find(condition).exec(function (err, docs)```

####jquery獲取父級元素的方法
```js
$("id").parent()```

####查找元素時,檢測是否找到
```js
//查找table底下有幾個a標(biāo)簽  
alert($("table").find("a").size());

jQuery常用的元素查找方法總結(jié)

socket.emit()的調(diào)用順序

因為是異步調(diào)用,因此在執(zhí)行函數(shù)的順序中遇到問題,因為調(diào)用重寫函數(shù)比較麻煩,此處采取比較偷懶的設(shè)置延時方法。

setTimeOut(function(){},1000);```

即時通訊發(fā)送圖片消息原理:上傳圖片到服務(wù)器,把url發(fā)送給接受者,

### 在文章中創(chuàng)建新節(jié)點、新片段
[createElement與createDocumentFragment的區(qū)別](http://www.cnblogs.com/xesam/archive/2011/12/19/2293876.html)  
區(qū)別:
createElement是創(chuàng)建一個新的節(jié)點,
createDocumentFragment是創(chuàng)建一個文檔片段。
第一:
createElement創(chuàng)建的元素可以使用innerHTML,createDocumentFragment創(chuàng)建的元素使用innerHTML并不能達(dá)到預(yù)期修改文檔內(nèi)容的效果,只是作為一個屬性而已。兩者的節(jié)點類型完全不同,并且createDocumentFragment創(chuàng)建的元素在文檔中沒有對應(yīng)的標(biāo)記,因此在頁面上只能用js中訪問到。也就是說創(chuàng)建文檔片段之后,不會在html上顯示。
第二:
另一個最主要的區(qū)別就是createElement創(chuàng)建的元素可以重復(fù)操作,添加之后就算從文檔里面移除依舊歸文檔所有,可以繼續(xù)操作,但是createDocumentFragment創(chuàng)建的元素是一次性的,添加之后再就不能操作了(說明:這里的添加并不是添加了新創(chuàng)建的片段,因為上面說過,新創(chuàng)建的片段在文檔內(nèi)是沒有對應(yīng)的標(biāo)簽的,這里添加的是片段的所有子節(jié)點)。也就是說只能添加不能移除,因為沒有對應(yīng)刻意除的東西
[element與DocumentFragment辨析demo](http://www.cnblogs.com/xesam/archive/2011/12/19/2293876.html)

###添加qq表情
(使用qqface插件)[http://www.jq22.com/jquery-info365]
HTML:
首先在html頁面的head中引入jQuery庫文件和QQ表情插件jquery.qqFace.js文件。
由于jquery 1.9.0 以上版本 jquery去掉了對 $.browser 的支持,采用$.support 來判斷瀏覽器類型。導(dǎo)致之前的很多插件報錯 。
我們采取的思路是使用jquery的繼承機(jī)制對jquery 1.11.1版本進(jìn)行擴(kuò)展 使其支持 $.browser 方法,已達(dá)到兼容之前組件的目的.低于jquery 1.9.0版本的用戶可以不調(diào)用。

```html
<script type="text/javascript" src="jquery-1.7.2.min.js"></script> 
<script src="/public/javascripts/jquery-browser.js"></script>
<script type="text/javascript" src="jquery.qqFace.js"></script>

JS:
在腳本中添加qqFace觸發(fā)事件,以及表情轉(zhuǎn)碼為圖片函數(shù)

<script type="text/javascript">

$(function(){
 $('.emotion').qqFace({
 id : 'facebox', 
 assign:'saytext',   //給輸入框賦值 
 path:'arclist/'     //表情圖片存放的路徑
 });
 //轉(zhuǎn)換表情代碼并顯示
 $(".sub_btn").click(function(){
 var str = $("#saytext").val();
 $("#show").html(replace_em(str));
 });
});

//查看結(jié)果

function replace_em(str){
 str = str.replace(/\</g,'<');
 str = str.replace(/\>/g,'>');
 str = str.replace(/\n/g,'<br/>');
 str = str.replace(/\[em_([0-9]*)\]/g,'<img src="arclist/$1.gif" border="0" />');
 return str;
}
</script>

http.response.end方法使用說明

方法說明:
結(jié)束響應(yīng),告訴客戶端所有消息已經(jīng)發(fā)送。當(dāng)所有要返回的內(nèi)容發(fā)送完畢時,該函數(shù)必須被調(diào)用一次。
如何不調(diào)用該函數(shù),客戶端將永遠(yuǎn)處于等待狀態(tài)。

response.end([data], [encoding])
接收參數(shù):
data end()執(zhí)行完畢后要輸出的字符,如果指定了 data 的值,那就意味著在執(zhí)行完 response.end() 之后,會接著執(zhí)行一條 response.write(data , encoding);
encoding 對應(yīng)data的字符編碼

在可編輯div中,添加圖片

div有一個屬性 contenteditable,當(dāng)這個屬性為true時,此層可編輯;當(dāng)這個屬性為false時,層不可編輯。當(dāng)層可編輯的時候,就像textarea了,但是,當(dāng)輸入的文字的行數(shù)多的時候,層會自動加高,這樣給這個層加上 overflow:auto;屬性。

實現(xiàn)拖拽上傳圖片的實現(xiàn)思路

mongodb條件嵌套查詢

db.example.find({ '$or':[ {'$and':[{'example.a'{'$gt':1}},{'example.b':{'$gt':2}}]},
{'$and':[{'example.c':{'$gt':3}},{'example.d':{'$gt':4}}]}]})
最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時請結(jié)合常識與多方信息審慎甄別。
平臺聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點,簡書系信息發(fā)布平臺,僅提供信息存儲服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

  • Spring Cloud為開發(fā)人員提供了快速構(gòu)建分布式系統(tǒng)中一些常見模式的工具(例如配置管理,服務(wù)發(fā)現(xiàn),斷路器,智...
    卡卡羅2017閱讀 136,506評論 19 139
  • <a name='html'>HTML</a> Doctype作用?標(biāo)準(zhǔn)模式與兼容模式各有什么區(qū)別? (1)、<...
    clark124閱讀 3,808評論 1 19
  • 一、樣式篇 第1章 初識jQuery (1)環(huán)境搭建 進(jìn)入官方網(wǎng)站獲取最新的版本 http://jquery.co...
    凜0_0閱讀 3,665評論 0 44
  • 不知是出于什么樣的原因 我很放心的往外走 不曾在意電話那頭的叮囑 以為自己要去那最遠(yuǎn)的彼端 不去看故鄉(xiāng)的輪廓 打包...
    矣以呀閱讀 269評論 0 0
  • 結(jié)果發(fā)現(xiàn),天啦嚕!竟然是一只木狗!
    小女巫惠惠閱讀 641評論 0 1

友情鏈接更多精彩內(nèi)容