第十二期 AMA,掘金團隊請來了《CSS 揭祕》譯者 & 前端 + 區塊鏈的跨界者-- CSS魔法作了爲期三天的 Ask Me Anything (AMA) 活動(已結束)。css
咱們在此精選了一些來自用戶的提問及 CSS魔法的回答。前端
- 我的網站:www.cssmagic.net/
- 我的掘金主頁:juejin.im/user/576b97…
想問下若是作大概10我的左右小型內部分享,分享的時候如何避免枯燥乏味git
不管是多大規模的技術分享,避免枯燥乏味的方法都是相通的。我簡單說一下個人經驗和體會。程序員
首先,在準備當前分享時能夠當即使用的技巧:github
- 儘可能把你要表達的概念圖形化。流程圖、架構圖、表格、各種統計圖都是可用的表現形式。一圖勝千言。並且圖形化也是一種幫助本身梳理思路的好方法。
- 要講故事。好比以一個故事來引出主題,或者用一個故事來佐證某個觀點等等。
- 要有數據。好比 「性能有大幅提高」 這種表述徹底能夠用數據來講明,改爲 「構建耗時從 30 秒縮短到 12 秒」 顯然這具說服力。若是配合圖表,還能夠進一步得到更好的衝擊力。
- 不要堆大量的代碼在屏幕上。若是要放代碼,最好想辦法把大段代碼拆解成一個個的小單元來說。若是能作到逐行展現,可能效果會更好。
- 能夠設計笑點。公開演講中的絕大多數笑點是事先設計好的。 長期來講,能夠作的幾件事情,以及思惟上能夠轉變的幾個點:
- 要對本身全部講的話題有深刻理解,這樣纔有可能想出多種講解它的方式。選擇主線最清楚、最容易理解和接受的方式來說。
- 多試講,在試講中觀察聽衆的反應,再改進,再看效果。這種嘗試只須要幾回,你就能找到感受,知道聽衆更容易接受哪一種表達方式。
- 若是沒有條件試講,也要排練,並儘量假設聽衆在聽到每一步時的思惟和感覺,據此再改進。在實際分享中也要多觀察驗證本身的判斷。
- 不要由於擔憂效果很差而放棄上臺。其實你會發現身邊大多數人的起點都差很少。多作分享,多積累講臺經驗,實踐多了,天然會積累出本身的經驗和技巧。你以爲有人 「講得好」,大可能是由於他 「講得多」。
- 「生動活潑」 其實是爲分享主題服務的。內容爲王。
- 我總結了本身在今年 QCon 演講中的一些收穫,這裏也推薦給你參考。《魔法哥 QCon 2018 覆盤(上):如何作一場 「有趣 + 實用」 的技術演講》: mp.weixin.qq.com/s/qQmRy196U…
搶樓前五! 我想問下,如今廣泛都是用UI框架,我的怎麼提升css這一塊啊微信
其實,若是你看了我在其它 「CSS 學習」 相關問題下的回答,應該也能看出個人態度。若是你能很好地使用 UI 框架完成手頭的任務,我以爲沒有問題。前端工程師
對大多數前端開發者來講,在掌握基本的 CSS 應用技能以後,若是繼續深刻鑽研,投入產出比並不高。架構
若是你對 CSS 是真愛,就是要深刻鑽研,那我建議你經過看書來系統學習。我曾推薦過三本 CSS 書(《CSS 權威指南》、《精通 CSS》和《CSS 揭祕》),其中前二者近期都出了(或準備出)新版。框架
系統地掌握了 CSS 知識以後,再結合實踐不斷提高。frontend
如何分離css樣式,看到各類ui框架某一個樣式每每是多個類名下的樣式共同協做生效,如何去設計這些類和如何組合類來應用
這是一個挺好的問題,恰好我之前一篇博客也有涉及,並且文章下面有不少人蔘與評論,頗有價值,推薦給你。《淺析 Bootstrap 的 CSS 類名設計》: github.com/cssmagic/bl…
若是你感受本身的 CSS 經驗尚淺,還不能很好地把控一套 CSS 樣式類的設計,能夠詳細讀一下 Bootstrap 的文檔,並選擇性地看看它的源碼,應該會頗有幫助。
關於如何優雅實現響應式佈局的問題,正好在《CSS 揭祕》這本書裏有提到。你能夠看下 「CSS 編碼技巧」 這一節中的 「關於響應式網頁設計」 這一段: github.com/cssmagic/CS…
您好,我想問下如何打造本身的我的品牌呢,我在運營一個公衆號,每週原創一篇文章,一個月過去了就漲了10幾個粉絲,天天寫技術分享也不現實,有什麼好的方法運營公衆號吸引粉絲嗎?
首先咱們須要作好心理準備。打造我的品牌是一個 「運營」 的過程。「運營」 一方面意味着咱們有目標,並且要動腦筋達到這個目標;另外一方面意味着它是一項長期的工做。
在我的品牌運營方面,僅靠公衆號一個平臺多是不夠的。由於每一個平臺的特色和做用都不同,須要多線推動。好比微博相對開放,便於快速傳播;知乎比較容易把內容傳播給關注特定話題的讀者,有更精準的受衆定位能力;等等。
相比之下,微信公衆號相對封閉,且幾乎沒有主動曝光的手段,因此在冷啓動階段會很是困難。但微信的好處在於你能夠更容易地觸達到你已經聚攏來的用戶,適合做爲最終沉澱。因此建議先在其它平臺取得必定的影響力以後,再考慮把本身的受衆引導到公衆號或微信羣裏沉澱下來。
前端程序員如何作職業規劃,寫了三年前端代碼了,一直都以爲本身很菜,很迷茫。
這極可能不是你的問題。最近三年確實是整個前端領域變化最大、最快的三年。我也以爲本身忽然就變得很 「菜」,由於新出的東西我都不會 😢
關於如何作職業規劃,一樣建議權衡如下兩個方面:
- 本身的興趣和優點
- 各個方向的投入產出比
個人經歷或許對你有一些參考意義。若是你有興趣的話,能夠看一下這兩篇訪談:
- 《StuQ 專訪:CSS魔法暢聊前端人生》: mp.weixin.qq.com/s?__biz=MzI…
- 《圖靈訪談 CSS魔法:學海無涯,而吾生有涯》: mp.weixin.qq.com/s?__biz=MzI…
魔法哥,若是鑽研css能不能達到前端的某種極致?換句話來講就是,研究css有沒有前途。。。
(個人觀點可能比較偏激,你們姑且聽之吧。)
鑽研 CSS 能不能達到某種極致?從單純的學術層面上來講,確定是能夠的。好比《CSS 揭祕》這本書的做者,她就在 CSS 領域達到一個很是極致的境界。然而這個例子對咱們的借鑑意義有限,好比說,咱們是否有一樣的空間?咱們是在全球知名高校的科研部門研究人機交互嗎?並非。
因此到了現實層面,咱們會問,「研究 CSS 到底有沒有前途?」 對於我的的投入產出比來講,仍是要看 CSS 對咱們的工做業績有沒有貢獻,或者說貢獻程度是否是最大。(當前前端領域最火的方向確定不是 CSS,這彷佛已經從某種程度上回答了這個問題。)
因此,若是隻是平常搬磚,掌握基本的 CSS 應用能力極可能就夠用了。好比說,只要你稍微瞭解一些 Flexbox,那平常的佈局每每都難不倒你了。不少時候 CSS 短板也能夠由 JS 來補上或者繞過去——雖然這不是 「正確」 的作法,但大多時候這並不 「重要」。
固然,若是你是 UI 框架的開發者的話,那 CSS 水平確定就是一個加分項,甚至是必選項了。
我再換一個角度來回答這個問題:研究 CSS 有沒有前途?研究 CSS 確定有前途;但若是 「只」 研究 CSS,極可能沒有前途。
魔法哥,有什麼推薦的國外技術社區、論壇和博客,在如今js框架橫行天下的今天,js邏輯寫的比較多,css寫的較少,怎樣快速提升本身的css能力?
第一個問題:有什麼推薦的國外技術社區、論壇和博客?
因精力有限,我如今基本不會直接閱讀國外網站了。不過我找到一些可訂閱的人工聚合的日報,我就不勞而獲了。要相信這一點:好文章或重要的信息確定會來找你。
可訂閱的信息源有:
- 衆成翻譯 zcfy.cc/
- 博客週報 github.com/qiwihui/git…
- 前端日報 github.com/kujian/fron…
- 雲謙早報 github.com/sorrycc/zao…
第二個問題:在如今 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 開發(上)》: mp.weixin.qq.com/s/feo6YuBv4… -《爲何前端工程師更應該掌握區塊鏈 DApp 開發(下)》: mp.weixin.qq.com/s/avTPc6JfO…
本期 AMA 社區小夥伴提了許多實用問題,感謝 CSS魔法認真地爲掘金小夥伴解答了很多疑問。瀏覽更多的問答,能夠到 CSS魔法的 AMA 進行閱讀和討論。