蒲公英 · JELLY技术周刊 Vol.25

阔别两年，Webpack 5 正式发布了，不仅清理掉很多冗余的功能，同样也为我们带来了很多新鲜的能力，不论是默认开启的持久缓存，还是反病毒保护，亦或者被其作者之一称为 JS 架构变革者的Module Federation。虽然不知道你有没有心动呢，但现在却正是时候上车 Webpack 5 体验一把装备升级。

登高远眺

天高地迥，觉宇宙之无穷

基础技术

看完这篇文章，我奶奶都懂了https的原理

文章由浅入深展示了对称加密、非对称加密、数字证书、CA机构、数字签名等在 https 协议过程中所扮演的角色，语言通俗易懂，虽然拉着奶奶一起看，奶奶表示看不懂，但还是值得推荐！

工程化

阔别两年，webpack 5 正式发布

自从 2018 年 2 月，Webpack 4 发布以来，Webpack 就暂时没有更进一步的重大更新，为了保持 API 的一致性，旧的架构没有做太多改变，遗留了很多的包袱。阔别 2 年多后，2020 年 10 月 10 日，Webpack 5 正式发布，并带来了诸多重大的变更，将会使前端工程师的构建效率与质量大为提升。Webpack 5 的 Release Note 非常长，本文尝试摘出最简练的信息。

图形编程

AR 核心概念及技术解析

这是谷歌推出的 ARCore 开发入门课程系列中的第二节课，介绍了 AR 的六大理念，以及 ARCore 实现这六大理念的思路与技术解决方案。文章开头提到的上节课《解密 AR 增强现实》的内容也同样值得一读。

RTF: 用 React 来写 three.js

如何优雅地使用 React 写 three.js，本篇文章提供了入门教程。文中罗列了选择 R3F（react-three-fiber）的理由：组件化场景的开发模式可读性极高且便于复用，内置了很多相当有用的辅助函数，暴露了足够多的 hooks 以便开发者灵活扩展，提前预处理画布尺寸，不限制 three.js 的使用版本，对二次渲染的算法做了优化。

人工智能

AI 聊天机器人——京东·数据科学实验室

A Survey on Dialogue Systems: Recent Advances and New Frontiers.（智能对话系统调查：前沿与进展）

虽然也是2018年的，全文引用了124篇论文，是一篇综合全面的介绍对话系统的文章，现在看来仍具有参考意义。

论文解读：基于动态词表的对话生成研究

虽然是18年的文章，但通过本文主要可以了解聊天机器人的分类以及实现思路，至于本文的核心内容，用动态词典替换静态词典的实现思路以及优化词预测损失和回复生成损失方法，则适合更深入研究的读者。

工具推介

历经十年岁月磨砺，这个网页视频播放器中的王牌终于开源了！

ckplayer 是一款用于网页上播放视频的软件，它有着高度自定义化的特点；而且作为一个老牌的网页视频播放器，使用起来只需几个简单的文件即可插入视频。而在最近，该播放器作者在更新了 X2 版本后，又将 ckplayer 正式开源给各位开发者，本文将带大家简单介绍该播放器的特点以及使用和安装方式。

沧海拾遗

沧海拾遗，积跬步以至千里

Nginx 配置 HTTPS 服务器

了解了那些关于 HTTPS 的基础，在实际的项目中该如何应用呢？本文讲解了如何使用 Nginx 来配置 HTTPS 服务器，还不快用起来，给自己的小网站按上象征安全认证的「绿锁」。

Webpack原理浅析

Webpack 5 正式发布了，当我们抽丝剥茧的去学习其中的内容时，还是需要先对 Webpack 有更为深刻的了解，这篇 Webpack 原理浅析，就是很好的教程，文章以实现一个简单的打包工具为路线图，逐一解析了 Webpack 中的各项能力，如果将它放在收藏夹吃灰就太可惜了。

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

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

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

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

或者关注凹凸实验室