蒲公英 · JELLY技术周刊 Vol.28: Next.js 10 发布

蒲公英 · 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 这样一个刚体物理学引擎能够实现咱们绝大多数的需求。

「蒲公英」期刊，每周更新，咱们专一于挖掘「 基础技术、 工程化、 跨端框架技术、 图形编程、 服务端开发、 桌面开发、 人工智能、 设计哲学、 前端框架」等多个大方向的业界热点，并加以专业的解读；不只如此，咱们还会推介精选凹凸技术文章，向你们呈现团队内的研究技术方向。

抬头仰望，蒲公英的种子会生根发芽，如夏花绚烂；格物致知，咱们登高远眺、沧海拾遗，以求积硅步而至千里。

蒲公英 · JELLY技术周刊贡献指南

欢迎关注凹凸实验室博客：aotu.io

或者关注凹凸实验室公众号（AOTULabs），不定时推送文章。