1. 杜絕即時通訊工具溝通
即時通訊工具，例如QQ, 是最低效的問題交流工具了，誰有這個閒功夫跟你一問一答，你以為把妹呢！因此，任何人妄圖想加我QQ諮詢問題，都是不可能的。除非：你是我同事、你是我同學、你給我支付寶或微信賬戶打了100塊錢。

2. 固定時間處理郵件
　　每天郵件的處理均在特定的時間點，一般飯點之後，或者任務大成、或會議之前的碎片時間。處理完畢郵件一般就進入忽略模式，除非是不要動腦子的一句話就能回覆的郵件。超過5分鐘的郵件全部累積到下一日處理。

　　蛋的！就是這個郵件溝通，有好幾次，幾位同行的提問讓我很火大（我是個可以坐在河邊連續8小時不動的很有耐心的人），早就想寫篇文章，教教這些人怎麼才是高效地郵件溝通之道！我跟你講，你問題提得好，別人才會耐心回覆與溝通，自己才能成長，才能慢慢進階成為前端大神！我標題不忽悠，有真實案例的！

　　這裡插播其他業界知名同行的言論：

　　看來，飽受提問之苦的現象是很普遍的，越發覺得此文有必要了。

　　OK, 大家生理和心理都準備好，我要滔滔不絕講講如何才是正確的前端技術問題的提問之道！

①. 郵件不是聊天工具，不要問“在嗎？”

　　有一部分很無語的郵件，完全就把郵件溝通當QQ使了。極端的代表內容是：

在不在啊？fastclick你熟不熟啊？

你好，我可以問你一個問題嗎？

　　我當即一口老血吐在了電腦螢幕上！你當是對吳彥祖表白呢？–“那個……那個……彥祖，你，你……可以做我…男盆友嗎？” 我跟你講，雖然我還蠻帥（眾人：不要臉），但已名草有主，所以，有什麼問題就不要扭扭捏捏，搞得像個淑男淑女，一副小受模樣，我真的沒有閒功夫去搭理你，有問題直接問，OK? 抱歉，你可能不懂英文。有問題直接問，好不好？

　　還有部分郵件一副習大大的即視感：

你好，張鑫旭，我在網上看到了您寫的xxx，有些地方不太明白。您能否能我解答一下
請您收到後請回復 謝謝！
本人xxx
（我的QQ：******* 希望您加我為好友）

　　一般收到這樣的郵件，我都會去百度人肉下，就怕得罪了什麼大人物。要不然，他哪來這麼大勇氣，在有求於人的時候，骨子裡還能充分散發著趾高氣揚的氣質呢（可能自己並沒意識到不禮貌之處）？

　　好在，這類讓我覺得不舒服的郵件只是少數，否則我要懷疑我國的社會主義人文建設了。一般，這類聊天風格的郵件的尿性是這樣的：

你好，打擾了。我最近做什麼什麼，然後發現Android下效果是這樣的，你知道是怎麼回事嗎？

大哥，我現在遇到一個非常棘手的問題：firefox怎麼取得相當於chrome下的……

您好！我在 xxx 看到您的這個外掛。
我把它使用在jQuery mobile的表單驗證上，無法使用。
請問咋回事呢？
謝謝！
[rar附件]

　　這類提問一般都在100字以內，估計提問者啪啪5分鐘就寫好發過來了。按照他們的設想，我應該會非常熱心地回覆郵件，就好像收到了女神的留言般，仔細詢問：哎呀，親，你哪裡出問題啦，會不會是這樣子？要麼你試試那樣子？這類人往往會覺得郵件溝通效率好低啊，加我QQ, 速度，妥妥兒的，郵件回覆還要等，好慢。

　　正在閱讀本文的諸位，好好想想你自己，你是不是這樣的想法，你問別人問題的時候是不是就是把問題一整理，然後就拋給對方了，你是不是也覺得使用QQ諮詢問題要比郵箱來得效率高？

　　我不知道你們有沒有向其他前端前輩們郵箱提過問題，我估計不少人壓根就沒收到回覆，不是所有人都像我這樣有比較強的利他主義；有一部分人的問題暴露了菜鳥等級，不屑回覆；更關鍵的是，基本上，你們寫的那個郵件啊，根本就沒法讓人回覆！

　　就好比上面幾個例子。直接一些白話文，無圖片，無程式碼，就問Android的相容性問題。我勒個去，這跟問“老闆，我養的迷你香豬死掉了，你知道是怎麼死的嗎？”有什麼區別。我怎麼知道你的豬是怎麼死的，難道因為近豬者痴，然後跟你一樣，笨死的？

　　Android的相容問題千千萬，不同手機型號又是不一樣的風采。同學，你難道還指望我一點一點問你，親，你用的手機是，使用場景是？要明白，我不是客服，不會主動跟蹤你的問題，我平時很忙，時間對於我就是最寶貴的資源，我實在是沒有精力去反問你的具體使用場景；我相信很多其他優秀的同行也都是這樣的；遇到這種情況，只能就當沒看到這封郵件。問了一個等於沒問的問題，何必浪費精力，做一些毫無收益的事情呢？

　　我這人還算耐心，我一般都會耐心回覆：“你好，我精力有限，你可以把問題整理清楚……”，後來，越來越發現，這完全就是個不歸路啊，這樣子半吊子提問的人實在太多了，我只能抱期望與這篇文章，希望能夠提高廣大同行、應該說廣大技術人員提問的能力。

　　還有一點就是關於打包附件的問題，好吧，首先肯定一點的是，有程式碼的要比沒原始碼的要靠譜些。但是，你打包個檔案，是要鬧哪樣。你知道，這下載，解壓，再去瀏覽檔案，找到index.html或start.html之類，有多煩人嗎？而且還是rar格式，為啥不用zip格式呢，mac機下也能愉快地玩耍啊！我看到提問時候帶個打包檔案的頭就大了，能不看就不看。有同學要反問了：那不打包檔案，你怎麼知道我的問題所在呢？這個下節會說。

② 正確的郵件提問之道

　　前面一節巴拉巴拉小魔仙了這麼多，就是要讓大家意識到：郵件溝通跟QQ, 微信溝通完全不是一碼事，千萬千萬不要一個路數過來。郵件正是由於其非及時性，可以讓人很好地安排時間去處理，從而提高工作效率和時間利用率。因此，當我們通過郵件方式向別人諮詢技術問題的時候，一定一定要以郵件的形式，而不是聊天的形式！我再重複一遍，一定要以郵件的形式，而不是聊天的形式。

　　什麼是郵件的形式？一是要直奔目的地，我們聊天會寒暄之類，但是郵件，一定要直奔你的主題。所以，“在不在”“可不可以問問題”這樣愚蠢的郵件就不要再出現了。郵件開頭那些馬屁的話也不用了。二是，要一次性把問題描述清楚。

一次性把問題描述清楚
　　好了，高潮來了，最難的就是這個“如何一次性把問題描述清楚”。我列舉了很重要的幾個關鍵點：

1. 問題的環境和背景
　　這裡的背景一般包括，是針對桌面瀏覽器還是移動端開發？如果是桌面瀏覽器，則相容性要求如何？比方說，你來諮詢父級是百分比高度的垂直居中效果，你就要說明，你這個效果是需要相容IE7+還是IE8+, 還是隻需要IE10+支援就可以，這是很重要的，瀏覽器相容性要求背景的不同，所提供的技術解決方案也會大相徑庭；如果是移動端開發，是純web還是Hybrid模式，只主需要關心iOS呢，還是所有裝置。

2. 遇到的問題現象描述
　　這裡的描述不是簡單的直抒胸臆，“哎呀，我這裡怎麼露出個邊框色啊？”，沒錯，這是你看到問題時候內心自然的想法。但是，這只是你自己內心的想法，因為你腦中還有很多其他別人不知道的資訊！就像寫文章一樣，要多換位思考，別人根本就不知道你專案是哪根蔥上長出來的，什麼“露出邊框色”，鬼才知道是個怎麼回事呢！這樣的問題如何回答，如何交流？要描述具體一點，具體到你們部門的產品經理也知道你描述的是個什麼問題就可以了。

　　有一些很簡單的技巧，對吧，你截兩張圖（敏感資訊可以馬賽克掉），往郵件裡一放（不是附近格式），所謂一圖勝千言，相比干巴巴的文字立馬就直觀很多了，看到了介面、看到了出問題的樣子，說不定腦子裡就知道大致怎麼回事，我就可以發表自己的觀點了。

3. 自己對問題的思考過程與看法
　　當我們遇到問題的時候，自己內心肯定是有過思考的，百度也百了很久，實在棘手才去問別人的對吧。好的，在郵件溝通交流的時候，你自己內心的想法、思考過程是非常重要的，你應該寫下來，這對於問題的解決非常有幫助。可以類似下面的結構：

我遇到了個xx問題，按照我以前的經驗，直接xx就可以了，這次居然不行；我猜想可能是xx原因，於是嘗試了下，發現，還是不對……我去網上搜了一下，有提到xxx東西，有影響，但並不是我要的效果，此問題已經困擾我很久了，希望能在你這裡找到出路……

　　從我角度講，提問者的思考過程，一是可以讓問題的描述更加準確，知道是這麼個問題；二是可以抓住提問者思路上的一些不正確的地方，比方說一些概念的描述，可能其根本就理解錯誤，因此，才找不到問題的出路，此時，只要一點撥，就通了。但是，如果提問者並沒有說出自己的思路與想法，我又不姓諸葛，我很難一下子就知道你問題癥結之所在。

　　同時，對自己思考的整理，說不定會自己發現問題所在，恩，世界一下子美好了！

　　這裡，忍不住說些不美好的事情，我收到不少郵件是直接索要原始碼的，而且語氣上看似乎是理所當然的。我個人是非常鄙夷這種不勞而獲的行為的。如果你真的感興趣，可以購買原始碼，我還真出售過幾份，5塊錢，很便宜。想直接拿，還真把我當活雷鋒了呢！

4. 必要的關鍵原始碼
　　有時候，發生問題，並不是思路、或者理解上出問題了。而是程式碼本身。因此，在提問的時候，最好附上一些關鍵的原始碼（記得註釋啊註釋），直接郵件顯示，不要附件。要知道，下載附件很煩的~

5. 線上與預覽的Demo
　　最最高效的問題溝通之道就是這個了，可線上預覽的Demo. 一圖勝千言，一例勝千圖。

　　注意，這裡的Demo指的是可線上預覽的Demo. 是一個整理過的，只與問題自身相關聯的靜態線上Demo頁面。基本上，90%以及以上的同學提問，凡事有Demo的，全都是打包檔案，大部分都整理過，還算不錯的；有的直接洋洋灑灑大波頁面，而與問題相關的，也不知道藏在了哪裡；還有一個印象深刻的，是直接就是asp頁面，而且裡面都是拖控制元件生成的些程式碼，我真是信了你的邪，這樣的頁面看毛線，毛線都沒得看！

　　說到線上Demo，有很多很好的網站、很多很好的工具，大家要用起來，對吧，都是免費的，體驗又好，還能協同修改，不要太適合前端問題交流哦！

　　花個十幾二十分鐘，把Demo弄好，郵件過來，直接關鍵資訊一描述，外加一個線上Demo, 得，事情已經成了一半。我可以直接在你的Demo上除錯，幫助解決問題，弄好之後，或更新、或一個新Demo地址給你。非常高效，大家都開心，何樂而不為！

　　人呢，容易會被眼前的一些繁瑣所阻礙，會知難而退。什麼意思呢？聊天其實屬於快思維，對吧，通過QQ聊天的方式諮詢技術問題，你一句我一句的，貌似很輕鬆愜意，因為耗費精力的慢思維成分比較少，然後30分鐘過去了，問題解決，好棒！但是，你讓他花點心思，把問題描述清楚，把自己思考過程一次性寫好，整理個線上Demo，要了他的命了。因為這些是慢思維，要耗費精力，他們會覺得這種方式效率低。然而，實際上，只要十幾二十分鐘的事情，比聊天耗時要少；同時，與你溝通的人的耗時也少，這才是真正的高效溝通。結果很多人認為效率低，為什麼呢？一部分人是按照聊天的方式發郵件，一封郵件30秒就寫好，等著對方回覆……結果對方每天只處理一次郵件， 這種感覺就像是一記重拳打在了棉胎上；還有一部分人呢，就是“懶”，這裡懶加引號不是有其他含義意思，而是強調，就是懶！工作懶，做事情不盡善盡美；寫郵件也懶，懶得截圖，懶得搞Demo, 所謂一份付出一份回報，你郵件懶惰，還指望回覆精彩嗎？

③ 舉個正面例子

　　每當看到用心提問的郵件的時候，我自己也會跟著用心起來，會用心答覆，提供很多比較實用的技術資訊、自己的一些思維感悟等。

　　有一位半路出家的前端同行，它的提問郵件讓我印象非常深刻，其從12年開始，就經常郵件我諮詢問題。從問題的內容可以看出，其技術在不斷進步；越往後，提問的頻率越來越少，說明，獨當一面的能力更強了，現在，已經有差不多半年沒收到其郵件了，估計現在至少是leader級別的。舉這個例子呢，就是想表明標題——“如何提問才能進階成為前端大神”真不是忽悠，下面我們開看看這位同行是如何郵件溝通與提問的，我快速翻了一下（足足4頁的郵件溝通記錄），看下面這張截圖：

　　可以看到，這位兄弟的郵件，有背景介紹（很棒），有自己的思路想法（很棒），有原始碼展示（很棒），還有程式碼截圖（很棒），還有Demo頁面截圖（很棒），哇哦，真是封超讚的溝通郵件，如此詳細，以至於線上Demo其實都可以不必了。關鍵的是，這位兄弟很多郵件都是這樣子的，非常認真與誠懇。

　　我覺得吧，要是提問的小夥伴們都像這位兄臺這樣，我們國家的前端行業真是有指望了。

　　所以，在座的諸位，下次，你們再來郵件交流的時候，就可以按照上面這種程度來，就可以了，有投資才有回報，投資越大回報越大；當然，如果你嫌寫文字麻煩、截圖麻煩，你也可以使用我上面介紹的Demo專用網站，把你遇到的問題，以線上Demo的方式呈現。

　　總而言之，言而總之，不要再寫浪費我、也浪費你自己時間和精力的郵件了！