蒲公英 · JELLY技术周刊 Vol.28: Next.js 10 发布
<p><img src="https://img2020.cnblogs.com/other/1992869/202011/1992869-20201104094936255-1922344159.jpg"></p><h1 id="蒲公英--jelly技术周刊-vol28">蒲公英 · JELLY技术周刊 Vol.28</h1>
<blockquote>
<p>前端应用到底该选 SSR 还是 CSR？每个项目技术栈决策的时候都会根据实际需求有自己的看法，而在不久前 React 17 发布之后，自然而然也会有同学好奇，如果想要在服务端渲染 React 17 写的页面有什么比较好的方案么？这不就 Next.js 10 刚好就在十月的小尾巴上发布了，当然除了支持 React 17 以外，Next.js 10 还有更多好用的功能，一起来看看吧～</p>
</blockquote>
<h2 id="登高远眺">登高远眺</h2>
<blockquote>
<p>天高地迥，觉宇宙之无穷</p>
</blockquote>
<h3 id="基础技术">基础技术</h3>
<h4 id="在项目中实践-cls-性能指标优化">在项目中实践 CLS 性能指标优化</h4>
<p>你是否试过在开始阅读一篇有趣的新闻文章時，因为所有文字突然向下移动而令你要重新找回刚才看到的部分？Chorme 83 中新增了 Cumulative Layout Shift（CLS) 指标来衡量页面「累计版面配置转移」的数值，本文将在项目中实践 CLS 指标的优化。</p>
<h3 id="前端框架">前端框架</h3>
<h4 id="nextjs-10-正式发布带来诸多新特性">Next.js 10 正式发布：带来诸多新特性</h4>
<p>10月27号 Next.js conf 大会上发布了全新的版本-Next.js 10，本次发布的特性主要聚焦于开发者体验的提升和用户体验的提升，还包含了诸多亮点：内置图片组件<code>Image Component : next/image</code>，自动进行图片优化；国际化路由<code>Internationalized Routing</code>，多语言支持，自动语言检测等，一起来快速了解下吧~</p>
<h3 id="工程化">工程化</h3>
<h4 id="腾讯-code-review-规范">腾讯 Code Review 规范</h4>
<p>代码，是设计理念落地的地方，是技术的呈现和根本。同学们可以在 review 过程中做到落地沟通，不再是空对空的讨论，可以在实际问题中产生思考的碰撞，互相学习，大家都掌握团队里积累出来最好的实践方式！</p>
<h3 id="图形编程">图形编程</h3>
<h4 id="使用贝塞尔样条算法生成穿过预定义点的平滑曲线">使用贝塞尔样条算法生成穿过预定义点的平滑曲线</h4>
<p>在设计师作图时, 通常会先定义若干点, 然后生成一条穿过这些点的平滑曲线, 再进行细节刻画。这种根据预定义点生成平滑曲线的算法叫做贝塞尔样条算法, 它还应用在很多的场景, 比如数据可视化中的曲线图、数值分析中曲线拟合和手绘软件中画笔的线条等。</p>
<h3 id="服务端开发">服务端开发</h3>
<h4 id="tidb一款同时支持在线事务处理与在线分析处理的融合型分布式数据库产品">TiDB一款同时支持在线事务处理与在线分析处理的融合型分布式数据库产品</h4>
<p>TiDB 是 PingCAP 公司自主设计、研发的开源分布式关系型数据库，是一款同时支持在线事务处理与在线分析处理 (Hybrid Transactional and Analytical Processing, HTAP）的融合型分布式数据库产品，具备水平扩容或者缩容、金融级高可用、实时 HTAP、云原生的分布式数据库、兼容 MySQL 5.7 协议和 MySQL 生态等重要特性。目标是为用户提供一站式 OLTP (Online Transactional Processing)、OLAP (Online Analytical Processing)、HTAP 解决方案。TiDB 适合高可用、强一致要求较高、数据规模较大等各种应用场景</p>
<h3 id="人工智能">人工智能</h3>
<h4 id="gpt-3-袭来前端又要失业谈谈如何实现智能切图">GPT-3 袭来，前端又要失业？谈谈如何实现智能切图</h4>
<p>曾经，智能切图项目 pix2code 横空出世，它支持导入设计稿直接生成代码，惊艳了整个前端届，就在大家惊呼前端要失业的时候，这个项目却完美演绎了出道即巅峰，从此再无更新，渐渐被人遗忘。最近 GTP-3 再一次挑战前端，似乎前端这个领域总是充满危机感。本文由百度 FEX 负责人吴多益撰写，他用强悍的学习能力告诉我们，前端er 无需焦虑，任何新技术的出现都应该成为一个合格工程师手中的利剑，学习它，掌握它，然后用它惊艳所有人。So,keep learning,keep growing!</p>
<h3 id="工具推介">工具推介</h3>
<h4 id="framer-motion让动画创建更加简单">Framer Motion：让动画创建更加简单</h4>
<p><code>framer-motion</code>是适用于<code>react</code>的动效库，通过将动作添加到HTML和SVG元素前面来创建动画组件，无需成为CSS专家即可创建精美的动画。本文介绍了其基本的使用方式。</p>
<h2 id="沧海拾遗">沧海拾遗</h2>
<blockquote>
<p>沧海拾遗，积跬步以至千里</p>
</blockquote>
<h4 id="随机算法-2d-圆形分布">随机算法: 2D 圆形分布</h4>
<p>前端有什么算法？前端工程师不需要懂算法？或许很多人都有类似这样的误区，觉得前端开发过程中需要用到算法的场景很少，而这篇文章恰恰就写到了随机算法在前端场景下的应用方式。</p>
<h4 id="平面下的物理引擎matterjs-的试玩报告">平面下的物理引擎——Matter.js 的试玩报告</h4>
<p>模拟一个接近真实的环境，那么我们很多时候需要去实现一整套系统的算法去描述所有的物理规则，或者我们可以使用某一个引擎来帮助我们完成这些，而在 Web 端的平面世界中就有 Matter.js 这样一个刚体物理学引擎可以实现我们绝大多数的需求。</p>
<blockquote>
<p>「蒲公英」期刊，每周更新，我们专注于挖掘「<strong>基础技术</strong>、<strong>工程化</strong>、<strong>跨端框架技术</strong>、<strong>图形编程</strong>、<strong>服务端开发</strong>、<strong>桌面开发</strong>、<strong>人工智能</strong>、<strong>设计哲学</strong>、<strong>前端框架</strong>」等多个大方向的业界热点，并加以专业的解读；不仅如此，我们还会推介精选凹凸技术文章，向大家呈现团队内的研究技术方向。</p>
<p>抬头仰望，蒲公英的种子会生根发芽，如夏花绚烂；格物致知，我们登高远眺、沧海拾遗，以求积硅步而至千里。</p>
<p>蒲公英 · JELLY技术周刊贡献指南</p>
</blockquote>
<h2 id="_"><img src="https://img2020.cnblogs.com/other/1992869/202011/1992869-20201104094937811-119606493.jpg"></h2>
<p>欢迎关注凹凸实验室博客：aotu.io</p>
<p>或者关注凹凸实验室公众号（AOTULabs），不定时推送文章：</p>
<p><img src="https://img2020.cnblogs.com/other/1992869/202011/1992869-20201104094938648-2082761608.jpg"></p><br><br>
来源：https://www.cnblogs.com/o2team/p/13924361.html
頁:
[1]