蒲公英 · JELLY技術週刊 Vol.36

不知不覺，蒲公英已經伴隨咱們走過了一年時光，在這一年咱們從基礎技術、前端框架、圖形編程、人工智能等諸多領域爲你們推介了三百餘篇文章，儘管這一年來風雨不斷，可是技術演進的方向卻並不會停歇，在和 2020 揮別以前，可不要忘記本期的內容推薦哦～css

登高遠眺

天高地迥，覺宇宙之無窮前端

基礎技術

文本長度不一如何影響界面佈局

使用 CSS 構建佈局時，如何作好短文本內容與長文本內容的兼容，是每位優秀前端工程師的基本修養，當清楚地知道文本長度變化是否會影響界面佈局時，能夠避免不少沒必要要的問題。css3

前端框架

使用 Hooks 的五個常見錯誤（2020 版本）

在 React 支持使用 Hooks 編寫組件後，愈來愈多的同窗已徹底投入 Hooks 的懷抱，本文總結了五個常見錯誤，你們能夠看看本身是否也遇到過，查漏補缺。編程

圖形編程

手把手教你作遊戲，金幣小鎮 EVA 全解

EVA 互動技術體系爲手淘在互動遊戲前端開發的一整套技術解決方案，包含了資源管理方案、IDE 方案以及技術選型方案，並針對金幣小鎮這款遊戲進行了詳細的落地說明，爲營銷互動開發提效提供了一些思路。小程序

工程化

淘寶小程序還能夠這麼玩？私域互動實戰指北！

超級 APP 中的小程序創意互動能怎麼開發，本文給出了答案。經過 200+ 個品牌定製創意互動的落地，驗證了這一整套技術方案的可行性，從技術設計，到生產鏈路的打通，再到多端協調達到性能最優化等等的推動，展現瞭如何基於業務進行架構設計的強大專業力。後端

丁香園的前端研發效能講義

不管對於前端仍是後端，都涉及到各類複雜程度不一的研發工做流，對於研發效能提高的思考和探索，從未中止過。每每需求從開發到上線，均會經歷準備、開發、測試驗收和發佈 4 個階段，每一個階段又涉及到各類環節，致使研發流程冗長且容易出錯。一個好的工程化平臺，可以串聯起研發過程當中的各個環節，讓開發人員更加聚焦於業務開發，而不是疲於應對工具帶來的問題，最終達到降本增效的目的。瀏覽器

設計哲學

基於 C4 模式繪製軟件架構圖

隨着敏捷開發的流行，不少團隊中止或縮減了他們的圖表和文檔工做，包括使用UML。即便有團隊在使用軟件架構圖，也每每也混淆不清。爲此，2013 IEEE 先驅獎得到者 Simon Brown 提出了 C4 Model。C4 Model 由一系列分層的軟件架構圖組成，這些架構圖用於描述上下文、容器、組件和代碼，C4 圖的層次結構提供了不一樣的抽象級別，每種抽象級別針對不一樣的受衆。若是你還在苦惱架構圖規範和統一，也許你應該嘗試瞭解一下。前端框架

滄海拾遺

滄海拾遺，積跬步以致千里前端工程師

CSS3 動效優化: 從瀏覽器層面解析原理

切圖仔，真的懂本身的代碼爲何要這麼寫麼？可以知道怎麼作纔是性能最佳，同時還能理解其原理？若是不懂，那還不快來看看這篇文章，從根本上解釋清楚了爲何咱們要這麼寫！架構

Animation 動畫: 那些你未曾知曉的技巧與細節

實現動畫效果每每有不少方案，實際開發中咱們每每根據須要來選擇最適合的最優解。這篇文章詳細講解了動畫開發中經常使用的各類屬性、效果以及可能遇到的問題，梳理了各種實踐下的技巧和細節，快來看看，爲本身的知識體系查漏補缺吧～

「蒲公英」期刊，每週更新，咱們專一於挖掘「基礎技術、工程化、跨端框架技術、圖形編程、服務端開發、桌面開發、人工智能、設計哲學、前端框架」等多個大方向的業界熱點，並加以專業的解讀；不只如此，咱們還會推介精選凹凸技術文章，向你們呈現團隊內的研究技術方向。

擡頭仰望，蒲公英的種子會生根發芽，如夏花絢爛；格物致知，咱們登高遠眺、滄海拾遺，以求積硅步而至千里。

蒲公英 · JELLY技術週刊貢獻指南

歡迎關注凹凸實驗室博客：aotu.io

或者關注凹凸實驗室公衆號（AOTULabs），不定時推送文章：