掘金 AMA：前端 + 區塊鏈的跨界者--CSS魔法聊前端和區塊鏈 DApp

摘要： 第十二期AMA，掘金團隊請來了《CSS 揭祕》譯者 & 前端 + 區塊鏈的跨界者--CSS魔法做了為期三天的Ask Me Anything (AMA)活動（已結束）。 我們在此精選了一些來自使用者的提問及 CSS魔法的回答。 關於 CSS魔法 個人網站...

第十二期AMA，掘金團隊請來了《CSS 揭祕》譯者 & 前端 + 區塊鏈的跨界者--CSS魔法做了為期三天的 ofollow,noindex"> Ask Me Anything (AMA) 活動（已結束）。

我們在此精選了一些來自使用者的提問及 CSS魔法的回答。

關於 CSS魔法

• 個人網站：www.cssmagic.net/
• 個人掘金主頁： juejin.im/user/576b97…

社群小夥伴精選提問

如果做大概10個人左右小型內部分享，分享的時候如何避免枯燥乏味？ ─ @永遠的根號三

想問下如果做大概10個人左右小型內部分享，分享的時候如何避免枯燥乏味

不論是多大規模的技術分享，避免枯燥乏味的方法都是相通的。我簡單說一下我的經驗和體會。

首先，在準備當前分享時可以立即使用的技巧：

• 儘量把你要表達的概念圖形化。流程圖、架構圖、表格、各類統計圖都是可用的表現形式。一圖勝千言。而且圖形化也是一種幫助自己梳理思路的好方法。
• 要講故事。比如以一個故事來引出主題，或者用一個故事來佐證某個觀點等等。
• 要有資料。比如 “效能有大幅提升” 這種表述完全可以用資料來說明，改成 “構建耗時從 30 秒縮短到 12 秒” 顯然這具說服力。如果配合圖表，還可以進一步獲得更好的衝擊力。
• 不要堆大量的程式碼在螢幕上。如果要放程式碼，最好想辦法把大段程式碼拆解成一個個的小單元來講。如果能做到逐行展示，可能效果會更好。
• 可以設計笑點。公開演講中的絕大多數笑點是事先設計好的。 長期來說，可以做的幾件事情，以及思維上可以轉變的幾個點：
• 要對自己所有講的話題有深入理解，這樣才有可能想出多種講解它的方式。選擇主線最清楚、最容易理解和接受的方式來講。
• 多試講，在試講中觀察聽眾的反應，再改進，再看效果。這種嘗試只需要幾次，你就能找到感覺，知道聽眾更容易接受哪種表達方式。
• 如果沒有條件試講，也要排練，並儘可能假設聽眾在聽到每一步時的思維和感受，據此再改進。在實際分享中也要多觀察驗證自己的判斷。
• 不要因為擔心效果不好而放棄上臺。其實你會發現身邊大多數人的起點都差不多。多做分享，多積累講臺經驗，實踐多了，自然會積累出自己的經驗和技巧。你覺得有人 “講得好”，大多是因為他 “講得多”。
• “生動活潑” 實際上是為分享主題服務的。內容為王。
• 我總結了自己在今年 QCon 演講中的一些收穫，這裡也推薦給你參考。《魔法哥 QCon 2018 覆盤（上）：如何做一場 “有趣 + 實用” 的技術演講》： mp.weixin.qq.com/s/qQmRy196U…

現在普遍都是用UI框架，個人怎麼提高css這一塊─ @llc1994

搶樓前五！ 我想問下，現在普遍都是用UI框架，個人怎麼提高css這一塊啊

其實，如果你看了我在其它 “CSS 學習” 相關問題下的回答，應該也能看出我的態度。如果你能很好地使用 UI 框架完成手頭的任務，我覺得沒有問題。

對大多數前端開發者來說，在掌握基本的 CSS 應用技能之後，如果繼續深入鑽研，投入產出比並不高。

如果你對 CSS 是真愛，就是要深入鑽研，那我建議你通過看書來系統學習。我曾推薦過三本 CSS 書（《CSS 權威指南》、《精通 CSS》和《CSS 揭祕》），其中前兩者近期都出了（或準備出）新版。

系統地掌握了 CSS 知識之後，再結合實踐不斷提升。

如何去設計這些類和如何組合類來應用？ ─ @wingsico

如何分離css樣式，看到各種ui框架某一個樣式往往是多個類名下的樣式共同協作生效，如何去設計這些類和如何組合類來應用

這是一個挺好的問題，剛好我以前一篇部落格也有涉及，而且文章下面有很多人蔘與評論，很有價值，推薦給你。《淺析 Bootstrap 的 CSS 類名設計》： github.com/cssmagic/bl…

如果你感覺自己的 CSS 經驗尚淺，還不能很好地把控一套 CSS 樣式類的設計，可以詳細讀一下 Bootstrap 的文件，並選擇性地看看它的原始碼，應該會很有幫助。

關於如何優雅實現響應式佈局的問題，正好在《CSS 揭祕》這本書裡有提到。你可以看下 “CSS 編碼技巧” 這一節中的 “關於響應式網頁設計” 這一段： github.com/cssmagic/CS…

有什麼好的方法運營公眾號吸引粉絲？ ─ @Chatc鯨魚

您好，我想問下如何打造自己的個人品牌呢，我在運營一個公眾號，每週原創一篇文章，一個月過去了就漲了10幾個粉絲，每天寫技術分享也不現實，有什麼好的方法運營公眾號吸引粉絲嗎？

首先我們需要做好心理準備。打造個人品牌是一個 “運營” 的過程。“運營” 一方面意味著我們有目標，而且要動腦筋達到這個目標；另一方面意味著它是一項長期的工作。

在個人品牌運營方面，僅靠公眾號一個平臺可能是不夠的。因為每個平臺的特點和作用都不一樣，需要多線推進。比如微博相對開放，便於快速傳播；知乎比較容易把內容傳播給關注特定話題的讀者，有更精準的受眾定位能力；等等。

相比之下，微信公眾號相對封閉，且幾乎沒有主動曝光的手段，所以在冷啟動階段會非常困難。但微信的好處在於你可以更容易地觸達到你已經聚攏來的使用者，適合作為最終沉澱。所以建議先在其它平臺取得一定的影響力之後，再考慮把自己的受眾引導到公眾號或微信群裡沉澱下來。

前端程式員如何做職業規劃？─ @funleeJJ

前端程式設計師如何做職業規劃，寫了三年前端程式碼了，一直都覺得自己很菜，很迷茫。

這很可能不是你的問題。最近三年確實是整個前端領域變化最大、最快的三年。我也覺得自己突然就變得很 “菜”，因為新出的東西我都不會 :cry:

研究css有沒有前途？─ @dzxwind

魔法哥，如果鑽研css能不能達到前端的某種極致？換句話來說就是，研究css有沒有前途。。。

（我的觀點可能比較偏激，大家姑且聽之吧。）

鑽研 CSS 能不能達到某種極致？從單純的學術層面上來說，肯定是可以的。比如《CSS 揭祕》這本書的作者，她就在 CSS 領域達到一個非常極致的境界。然而這個例子對我們的借鑑意義有限，比如說，我們是否有同樣的空間？我們是在全球知名高校的科研部門研究人機互動嗎？並不是。

所以到了現實層面，我們會問，“研究 CSS 到底有沒有前途？” 對於個人的投入產出比來說，還是要看 CSS 對我們的工作業績有沒有貢獻，或者說貢獻程度是不是最大。（當前前端領域最火的方向肯定不是 CSS，這似乎已經從某種程度上回答了這個問題。）

所以，如果只是日常搬磚，掌握基本的 CSS 應用能力很可能就夠用了。比如說，只要你稍微瞭解一些 Flexbox，那日常的佈局往往都難不倒你了。很多時候 CSS 短板也可以由 JS 來補上或者繞過去——雖然這不是 “正確” 的做法，但大多時候這並不 “重要”。

當然，如果你是 UI 框架的開發者的話，那 CSS 水平肯定就是一個加分項，甚至是必選項了。

我再換一個角度來回答這個問題：研究 CSS 有沒有前途？研究 CSS 肯定有前途；但如果 “只” 研究 CSS，很可能沒有前途。

怎樣快速提高自己的css能力？─ @zuishiguang

魔法哥，有什麼推薦的國外技術社群、論壇和部落格，在現在js框架橫行天下的今天，js邏輯寫的比較多，css寫的較少，怎樣快速提高自己的css能力？

第一個問題：有什麼推薦的國外技術社群、論壇和部落格？

因精力有限，我現在基本不會直接閱讀國外網站了。不過我找到一些可訂閱的人工聚合的日報，我就坐享其成了。要相信這一點：好文章或重要的資訊肯定會來找你。

第二個問題：在現在 JS 框架橫行天下的今天，JS 邏輯寫的比較多，CSS 寫的較少。怎樣快速提高自己的 CSS 能力？

為什麼現在是 JS 框架橫行天下，而不是 CSS 框架橫行天下？這在某種程度上說明 CSS 在現階段沒那麼重要。對於普通前端開發者來說，我建議順勢而為。除非你在大企業裡專職開發 Element UI 或 AntDesign，否則不建議投入大量時間只為提升 CSS 能力。（參見我在下面某個問題下的回覆。）

另外，我們得面對一個殘酷的現實：CSS 能力無法快速提高。因為 CSS 是一個網狀系統，所有概念都不是孤立存在的，無法單點突破，不像 JS 那樣學會一個 API 就可以用上一個 API。因此我們對 CSS 的掌控能力一定是一個從量變到質變的過程。想要突破那個臨界點，需要投入大量的精力和成本。而這個成本投入是否划算，是需要考量的。

選擇跨界區塊鏈，是否有擔心前端這個技術品類發展不夠的問題？ ─ @陰明

選擇跨界區塊鏈，是否有擔心前端這個技術品類發展不夠的問題？前端技術和區塊鏈差別很大，有沒有啥推薦進入區塊鏈開發行業的好的學習內容？

第一個問題，選擇跨界區塊鏈，是否因為擔心前端的發展空間不夠？

我認為任何時候 “前端” 的發展空間都是巨大的。因為前端面向用戶，對網際網路產品來說，它不僅必不可少，而且很可能是競爭優勢。

我之所以會選擇跨界區塊鏈，主要是機緣巧合和個人興趣。這是巧合，也可能是必然——我發現區塊鏈在應用層的很多概念和設計與前端開發十分契合。所以我在逐漸瞭解區塊鏈和 DApp 的過程中，不僅自己越限越深，而且有一種越來越強烈的衝動，要把它安利給所有前端工程師。

另外，跨界區塊鏈並不代表放棄前端，相反，前端技能是作為我的自身優勢，伴我走進區塊鏈世界的。尤其是在區塊鏈的應用層，我相信前端工程師將會發揮出巨大的能量。

第二個問題，有沒有啥推薦進入區塊鏈開發行業的好的學習內容？

區塊鏈相關的學習資源在豐富程度上肯定比不過 Web 前端，不過隨著熱度的不斷上升，這方面也在逐漸豐富和完善。各條公鏈也逐漸積累起自己的開發者生態。對前端工程師來說，主要關注的是應用層（DApp）的技術學習。這方面可以看看王仕軍老師寫的掘金小冊《區塊鏈開發入門：從 0 到 1 構建基於以太坊智慧合約的 ICO DApp》： juejin.im/book/5addb2…

即使是在以太坊之外的公鏈上做開發，這本小冊也是很有學習和參考價值的。

此外，我自己也在做這方面的 “科普” 工作。我在 QCon 2018 上海站的演講主要講解了 DApp 的原理和開發方式，非常適合前端工程師快速入門。 -《為什麼前端工程師更應該掌握區塊鏈 DApp 開發（上）》： LGlA" rel="nofollow,noindex">mp.weixin.qq.com/s/feo6YuBv4… -《為什麼前端工程師更應該掌握區塊鏈 DApp 開發（下）》： mp.weixin.qq.com/s/avTPc6JfO…

本期 AMA 社群小夥伴提了許多實用問題，感謝 CSS魔法認真地為掘金小夥伴解答了不少疑問。瀏覽更多的問答，可以到 CSS魔法的AMA 進行閱讀和討論。