蒲公英 · JELLY技術週刊 Vol.28: Next.js 10 發佈

HEADER

蒲公英 · 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,多語言支持,自動語言檢測等,一塊兒來快速瞭解下吧~react

工程化

騰訊 Code Review 規範

代碼,是設計理念落地的地方,是技術的呈現和根本。同窗們能夠在 review 過程當中作到落地溝通,再也不是空對空的討論,能夠在實際問題中產生思考的碰撞,互相學習,你們都掌握團隊裏積累出來最好的實踐方式!git

圖形編程

使用貝塞爾樣條算法生成穿過預約義點的平滑曲線

在設計師做圖時, 一般會先定義若干點, 而後生成一條穿過這些點的平滑曲線, 再進行細節刻畫。這種根據預約義點生成平滑曲線的算法叫作貝塞爾樣條算法, 它還應用在不少的場景, 好比數據可視化中的曲線圖、數值分析中曲線擬合和手繪軟件中畫筆的線條等。github

服務端開發

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 這樣一個剛體物理學引擎能夠實現咱們絕大多數的需求。前端工程師

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

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

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

FOOTER

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

或者關注凹凸實驗室公衆號(AOTULabs),不定時推送文章。