蒲公英 · JELLY技術週刊 Vol.36
不知不覺，蒲公英已經伴隨我們走過了一年時光，在這一年我們從基礎技術、前端框架、圖形程式設計、人工智慧等諸多領域為大家推介了三百餘篇文章，儘管這一年來風雨不斷，但是技術演進的方向卻並不會停歇，在和 2020 揮別之前，可不要忘記本期的內容推薦哦～
登高遠眺
天高地迥，覺宇宙之無窮
基礎技術
文字長度不一如何影響介面佈局
使用 CSS 構建佈局時，如何做好短文字內容與長文字內容的相容，是每位優秀前端工程師的基本修養，當清楚地知道文字長度變化是否會影響介面佈局時，可以避免很多不必要的問題。
前端框架
使用 Hooks 的五個常見錯誤（2020 版本）
在 React 支援使用 Hooks 編寫元件後，越來越多的同學已完全投入 Hooks 的懷抱，本文總結了五個常見錯誤，大家可以看看自己是否也遇到過，查漏補缺。
圖形程式設計
手把手教你做遊戲，金幣小鎮 EVA 全解
EVA 互動技術體系為手淘在互動遊戲前端開發的一整套技術解決方案，包含了資源管理方案、IDE 方案以及技術選型方案，並針對金幣小鎮這款遊戲進行了詳細的落地說明，為營銷互動開發提效提供了一些思路。
工程化
淘寶小程式還可以這麼玩？私域互動實戰指北！
超級 APP 中的小程式創意互動能怎麼開發，本文給出了答案。通過 200+ 個品牌定製創意互動的落地，驗證了這一整套技術方案的可行性，從技術設計，到生產鏈路的打通，再到多端協調達到效能最優化等等的推進，展示瞭如何基於業務進行架構設計的強大專業力。
丁香園的前端研發效能講義
無論對於前端還是後端，都涉及到各種複雜程度不一的研發工作流，對於研發效能提升的思考和探索，從未停止過。往往需求從開發到上線，均會經歷準備、開發、測試驗收和釋出 4 個階段，每個階段又涉及到各種環節，導致研發流程冗長且容易出錯。一個好的工程化平臺，能夠串聯起研發過程中的各個環節，讓開發人員更加聚焦於業務開發，而不是疲於應對工具帶來的問題，最終達到降本增效的目的。
設計哲學
基於 C4 模式繪製軟體架構圖
隨著敏捷開發的流行，很多團隊停止或縮減了他們的圖表和文件工作，包括使用UML。即使有團隊在使用軟體架構圖，也往往也混淆不清。為此，2013 IEEE 先驅獎獲得者 Simon Brown 提出了 C4 Model。C4 Model 由一系列分層的軟體架構圖組成，這些架構圖用於描述上下文、容器、元件和程式碼，C4 圖的層次結構提供了不同的抽象級別，每種抽象級別針對不同的受眾。如果你還在苦惱架構圖規範和統一，也許你應該嘗試瞭解一下。
滄海拾遺
滄海拾遺，積跬步以至千里
CSS3 動效優化: 從瀏覽器層面解析原理
切圖仔，真的懂自己的程式碼為什麼要這麼寫麼？能夠知道怎麼做才是效能最佳，同時還能理解其原理？如果不懂，那還不快來看看這篇文章，從根本上解釋清楚了為什麼我們要這麼寫！
Animation 動畫: 那些你不曾知曉的技巧與細節
實現動畫效果往往有很多方案，實際開發中我們往往根據需要來選擇最適合的最優解。這篇文章詳細講解了動畫開發中常用的各種屬性、效果以及可能遇到的問題，梳理了各類實踐下的技巧和細節，快來看看，為自己的知識體系查漏補缺吧～
「蒲公英」期刊，每週更新，我們專注於挖掘「基礎技術、工程化、跨端框架技術、圖形程式設計、服務端開發、桌面開發、人工智慧、設計哲學、前端框架」等多個大方向的業界熱點，並加以專業的解讀；不僅如此，我們還會推介精選凹凸技術文章，向大家呈現團隊內的研究技術方向。
抬頭仰望，蒲公英的種子會生根發芽，如夏花絢爛；格物致知，我們登高遠眺、滄海拾遺，以求積矽步而至千里。
歡迎關注凹凸實驗室部落格：aotu.io
或者關注凹凸實驗室公眾號（AOTULabs），不定時推送文章：
