前端開發(fā)實(shí)用鏈接(持續(xù)更新)

日常收集的一些最實(shí)用的鏈接,有更好的文章鏈接的歡迎評(píng)論建議??
前端常用插件、工具類庫匯總
vscode 前端常用插件

  1. mac vscode下載
    sketch下載-翻墻

  2. zoc for mac下載

  3. Gulp入門教程
    Gulp開發(fā)教程—理解加使用

  4. Axios 中文說明

  5. 詳細(xì)易懂的vuex使用說明
    數(shù)據(jù)流 vuex 和 LocalStorage 實(shí)例

  6. git 命令說明

  7. node.js中文網(wǎng)

  8. node.js 入門電子書
    混合類型因?yàn)闆]有特定約束,因此可以任意修改,一旦修改了原型,則必須調(diào)用markModified()。

person.anything = {x:[3,4,{y:'change'}]};  //anything為混合類型
person.markModified('anything');
//傳入anything,表示該屬性類型發(fā)生變化 person.save();
  1. JavaScript Promise迷你書(中文版)
    promise狀態(tài):
  1. Pending:(既不是resolve也不是reject的狀態(tài)。也就是>promise對象剛被創(chuàng)建后的初始化狀態(tài)等
  2. Rejected: reject(失敗)時(shí)
  3. Fulfilled: resolve(成功)時(shí)
  1. MongoDB aggregate做統(tǒng)計(jì)數(shù)據(jù)

10.1) node.js下mongoose簡單操作實(shí)例 2) MongoDB 中文手冊 3)mongoose參考手冊

 //查詢, 參數(shù)1忽略,或?yàn)榭諏ο髣t返回所有集合文檔

 model.find({}, callback);

 model.find({},field,callback);
過濾查詢,參數(shù)2: {‘name’:1, ‘a(chǎn)ge’:0} 查詢文檔的返回結(jié)果包含name , 不包含age.(_id默認(rèn)是1)

 model.find({},null,{limit:20});
過濾查詢,參數(shù)3: 游標(biāo)操作 limit限制返回結(jié)果數(shù)量為20個(gè),如不足20個(gè)則返回所有.

 model.findOne({}, callback);
查詢找到的第一個(gè)文檔

 model.findById(‘obj._id’, callback);
查詢找到的第一個(gè)文檔,同上. 但是只接受 __id 的值查詢

* limit(3)  限制返回結(jié)果的數(shù)量,
* skip(3)   跳過前3個(gè)文檔,返回其余的
* sort( {“username”:1 , “age”:-1 } )    排序 鍵對應(yīng)文檔的鍵名, 值代表排序方向, 1 升序, -1降序

node獲取客戶端ip地址:

function getClientIp(req) {
        return req.headers['x-forwarded-for'] ||
        req.connection.remoteAddress ||
        req.socket.remoteAddress ||
        req.connection.socket.remoteAddress;
    };
  1. NodeJS入門(五)—— process對象
    process對象用于處理與當(dāng)前進(jìn)程相關(guān)的事情,它是一個(gè)全局對象,可以在任何地方直接訪問到它而無需引入額外模塊。 它是 EventEmitter 的一個(gè)實(shí)例。
1)事件'uncaughtException': 捕獲那些沒有 try catch 的異常錯(cuò)誤
process.on('uncaughtException', function(){
     //捕獲到全局任何地方?jīng)]有try catch的異常,然后做一定的處理
});

2)rejectionHandled: 用于捕獲與它關(guān)聯(lián)的promise錯(cuò)誤處理并且產(chǎn)生的reject

3)unhandledRejection: 同理這個(gè)便是用于捕獲沒有與之關(guān)聯(lián)promise錯(cuò)誤處理的reject

4)process.nextTick(callback)
算是 process 對象最重要的一個(gè)屬性方法了,表示在事件循環(huán)(EventLoop)的下一次循環(huán)中調(diào)用 callback 回調(diào)函數(shù)。
要注意的是它總會(huì)在I/O操作(比如查詢數(shù)據(jù))之前先執(zhí)行。

process.nextTick(function() {
    console.log('nextTick 回調(diào)');
});
setTimeout(function(){
    console.log('新的EventLoop!')
    }, 2000);
console.log('當(dāng)前EventLoop');
// 輸出:
// 當(dāng)前EventLoop
// nextTick 回調(diào)
// 新的EventLoop!

5)process.env  讀取環(huán)境變量

使用cross-env解決跨平臺(tái)設(shè)置NODE_ENV的問題

  1. vue滾動(dòng)加載插件vue-infinite-scroll
    vue-infinite-scroll使用說明

css類

  1. 解決圖片間隙問題

  2. 元素可滾動(dòng),去掉滾動(dòng)條

.scroll-wrap::-webkit-scrollbar{
  display:none;
}

未完待續(xù)...

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

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

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