crm踩坑記(二)

Linux

tmux

如何查看

tmux如何進行滾動呢？

1. prefix + [, prefix爲tmux的前置動做，默認是ctrl + b。
2. 使用方向鍵或者pageUp來進行翻頁。
3. q能夠退出滾動模式。
4. 支持vi模式，須要在.tmux.conf裏面配置: set -g mode-keys vi

進程號, 端口

ps命令查找與進程相關的PID號，能夠經過man來查詢ps的一些參數。

這裏講解下最經常使用的用法: ps aux | grep vim, 查看全部的vim進程。ps aux | grep vim | grep -v grep, 查看全部的vim進程，去處掉當前的grep進程。通常查詢出來的結果就是進程的id。

1. linux
// 先查看進程的pid
ps aux | grep vim

// 根據進程的pid，使用netstat查看該進程所佔用的端口
netstat -nap | grep pid

2. mac
// 直接查詢與listen相關的進程全部的狀況(端口號和進程號均可以看見)
lsof -i -P | grep -i "listen"

參考

• linux 根據進程名查看其佔用的端口
• 命令行查看端口號被哪一個進程佔用（轉）
• Linux如何查看進程、殺死進程、啓動進程等經常使用命令

ES6

Object.values

Object.values場景: Object.values(attr.value).some(x => !x), 表示只要有一個爲空，則返回true。

可是Object.values瀏覽器支持的很差，可是Object.keys卻支持的很是好，所以能夠這樣來搞:const values = Object.keys(obj).map(x => obj[x]);。

Symbol

Symbol是ES6新引入的一個變量類型，它表示獨一無二，能夠這樣來定義一個獨一無二的值，它和任何其餘變量都不相等: const a = Symbol('key')。

CSS

三列布局，常見的那種等寬三列布局，就是每列的左右距離都是同樣的。下面介紹經常使用的幾種方法:

// flex
.parent {
    display: flex;
    justify-content: space-between;
}

// text-align, 它用於inline-block和inline元素
.parent {
    display: block;
    text-align: center;
}

.parent .left {
    float: left;
    /*absolute*/
}

.parent .right {
    float: right;
    /*absolute*/
}

.parent .midde {
    display: inline-block;
}

坑

localStorage

有一個需求是，在Table展現頁面的時候，點擊單條數據跳到新頁面，而後新頁面點擊跳到第三個頁面，須要將某個數據在第三個頁面裏進行展現。因爲數據結構比較複雜，若是採用reducer的話，太過於麻煩了, 會花費不少時間。

所以，想了一個比較猥瑣的解決辦法，就是存到localStorage裏面去, 每次點擊Table裏一條數據的時候，就將該數據存到localStorage裏面去。可是後來通過實際測試，測試出來了有bug。

由於，若是一直點擊數據，會彈出新的tab頁，而每次點擊後localStorage裏面的值就會被更新掉，因此致使全部要跳轉的第三個頁面的填充值都是同樣的。

can't resolve a module

ES6Module, 本身常常遇到這種狀況，就直接慌了，由於感受本身查不到錯，其實很簡單的。總結本身的兩步:

1. 先檢查路徑是否正確。
2. 檢查路徑的單詞是否拼錯。
3. 檢查被引用的JavaScript文件，發現文件名不是index.js, 而是list.js, 由於要改成index.js。這裏和腳手架的配置有關係。

mongodb shell

這是真的把本身蠢哭了，由於代碼跑了幾回，可是數據一點兒變化都沒有。後來才發現，本身在shell裏面操做的時候，查詢出來的數據只是部分的，須要it查看更多的數據，才發現數據是變化了的。

Why is the MongoDB Node Driver generating instance pool destroyed errors?

本身當時不太會寫異步，結果數據庫操做尚未處理完，可是for循環早已經結束了，所以回調就db.close了，因此致使這樣的報錯。

react

Map

因爲本身寫一個簡單的map都會報錯，要麼是eslint，要麼是語法規則，老是不能一次性寫對。

// 注意map後沒有分號
// 要寫key
// jsx要有大括號
<ul>
    {
        data.map((x, index) => {
            <li key={index}>{x}</li>
        })
    }
</ul>

react不能識別odd, even

因爲在react裏面不能使用odd even這樣的僞元素。所以須要本身來單獨處理。

能夠看這個: 一個簡單的解決辦法。

node

classnames的用法

因爲寫react的時候，常常會遇到多個類的狀況，我這裏就不展開總結了，參考這裏: classnames

寫腳本操做mongodb時提示Error: cyclic dependency detectd_id

說說我遇到的一種場景: 因爲要用到某條數據進行操做的時候，沒有注意到它是一個對象，而後就循環引用了。

如何插入帶有Object_id的數據

解決方案

代碼習慣

1. 表單提交時，能夠將表單檢測分爲2個過程，static error check以及post error check