蒲公英 · JELLY技術周刊 Vol.28: Next.js 10 發佈
- 2020 年 11 月 4 日
- 筆記
蒲公英 · JELLY技術周刊 Vol.28
前端應用到底該選 SSR 還是 CSR？每個項目技術棧決策的時候都會根據實際需求有自己的看法，而在不久前 React 17 發佈之後，自然而然也會有同學好奇，如果想要在服務端渲染 React 17 寫的頁面有什麼比較好的方案么？這不就 Next.js 10 剛好就在十月的小尾巴上發佈了，當然除了支持 React 17 以外，Next.js 10 還有更多好用的功能，一起來看看吧～
登高遠眺
天高地迥，覺宇宙之無窮
基礎技術
在項目中實踐 CLS 性能指標優化
你是否試過在開始閱讀一篇有趣的新聞文章時，因為所有文字突然向下移動而令你要重新找回剛才看到的部分？Chorme 83 中新增了 Cumulative Layout Shift（CLS) 指標來衡量頁面「累計版面配置轉移」的數值，本文將在項目中實踐 CLS 指標的優化。
前端框架
Next.js 10 正式發佈：帶來諸多新特性
10月27號 Next.js conf 大會上發佈了全新的版本-Next.js 10，本次發佈的特性主要聚焦於開發者體驗的提升和用戶體驗的提升，還包含了諸多亮點：內置圖片組件Image Component : next/image，自動進行圖片優化；國際化路由Internationalized Routing，多語言支持，自動語言檢測等，一起來快速了解下吧~
工程化
騰訊 Code Review 規範
代碼，是設計理念落地的地方，是技術的呈現和根本。同學們可以在 review 過程中做到落地溝通，不再是空對空的討論，可以在實際問題中產生思考的碰撞，互相學習，大家都掌握團隊里積累出來最好的實踐方式！
圖形編程
使用貝塞爾樣條算法生成穿過預定義點的平滑曲線
在設計師作圖時, 通常會先定義若干點, 然後生成一條穿過這些點的平滑曲線, 再進行細節刻畫。這種根據預定義點生成平滑曲線的算法叫做貝塞爾樣條算法, 它還應用在很多的場景, 比如數據可視化中的曲線圖、數值分析中曲線擬合和手繪軟件中畫筆的線條等。
服務端開發
TiDB一款同時支持在線事務處理與在線分析處理的融合型分佈式數據庫產品
TiDB 是 PingCAP 公司自主設計、研發的開源分佈式關係型數據庫，是一款同時支持在線事務處理與在線分析處理 (Hybrid Transactional and Analytical Processing, HTAP）的融合型分佈式數據庫產品，具備水平擴容或者縮容、金融級高可用、實時 HTAP、雲原生的分佈式數據庫、兼容 MySQL 5.7 協議和 MySQL 生態等重要特性。目標是為用戶提供一站式 OLTP (Online Transactional Processing)、OLAP (Online Analytical Processing)、HTAP 解決方案。TiDB 適合高可用、強一致要求較高、數據規模較大等各種應用場景
人工智能
GPT-3 襲來，前端又要失業？談談如何實現智能切圖
曾經，智能切圖項目 pix2code 橫空出世，它支持導入設計稿直接生成代碼，驚艷了整個前端屆，就在大家驚呼前端要失業的時候，這個項目卻完美演繹了出道即巔峰，從此再無更新，漸漸被人遺忘。最近 GTP-3 再一次挑戰前端，似乎前端這個領域總是充滿危機感。本文由百度 FEX 負責人吳多益撰寫，他用強悍的學習能力告訴我們，前端er 無需焦慮，任何新技術的出現都應該成為一個合格工程師手中的利劍，學習它，掌握它，然後用它驚艷所有人。So,keep learning,keep growing!
工具推介
Framer Motion：讓動畫創建更加簡單
framer-motion是適用於react的動效庫，通過將動作添加到HTML和SVG元素前面來創建動畫組件，無需成為CSS專家即可創建精美的動畫。本文介紹了其基本的使用方式。
滄海拾遺
滄海拾遺，積跬步以至千里
隨機算法: 2D 圓形分佈
前端有什麼算法？前端工程師不需要懂算法？或許很多人都有類似這樣的誤區，覺得前端開發過程中需要用到算法的場景很少，而這篇文章恰恰就寫到了隨機算法在前端場景下的應用方式。
平面下的物理引擎——Matter.js 的試玩報告
模擬一個接近真實的環境，那麼我們很多時候需要去實現一整套系統的算法去描述所有的物理規則，或者我們可以使用某一個引擎來幫助我們完成這些，而在 Web 端的平面世界中就有 Matter.js 這樣一個剛體物理學引擎可以實現我們絕大多數的需求。
「蒲公英」期刊，每周更新，我們專註於挖掘「基礎技術、工程化、跨端框架技術、圖形編程、服務端開發、桌面開發、人工智能、設計哲學、前端框架」等多個大方向的業界熱點，並加以專業的解讀；不僅如此，我們還會推介精選凹凸技術文章，向大家呈現團隊內的研究技術方向。
抬頭仰望，蒲公英的種子會生根發芽，如夏花絢爛；格物致知，我們登高遠眺、滄海拾遺，以求積硅步而至千里。
歡迎關注凹凸實驗室博客：aotu.io
或者關注凹凸實驗室公眾號（AOTULabs），不定時推送文章：
