序 大家好呀，我是summo，这次来写写我在上班空闲(摸鱼)的时候做的一个小网站的事。去年阿里云不是推出了个活动嘛，2核2G的云服务器一年只要99块钱，懂行的人应该知道这个价格在业界已经是非常良心了，

一个规模大点的公司大概率会有很多子系统，每个子系统都是属于公司的，没必要为每个子系统做一个登录系统，因为用户是相通的，把每个子系统的登录部分抽离出来形成一个认证中心，这就是单点登录 实现单点登录

事情起因是这样的，大家在刷抖音，小红书等短视频平台、发现他们的布局是这样的瀑布流布局。 反应是瀑布流，怎么做呢？我们第一反应是flex，grid？是的这是大部分人的固态思维 我认为这极为麻烦，因为你甚

🦄 Matter.js是一个强大的JavaScript物理引擎，可帮助你创建逼真的动画和交互式效果。如果你正在寻找一种能够增强你网站用户体验的方式，那么Matter.js是一个很好的选择。

AI + 前端：浏览器端神经网络库 brain.js 的探索与实践 随着人工智能技术的飞速发展，AI 工程化正在成为一种趋势。从前端的角度来看，将 AI 技术集成到前端应用中，有着很大的好处。

有时候真的不得不感叹，AI实在是太智能，太强大了。从自动驾驶，家具，AI无处不在。现在我们前端开发领域，AI也成了一种新的趋势，让不少同行压力山大啊。

前端Blob、File、FileReader、ArrayBuffer的使用场景、优缺点 在现代前端开发中，处理文件和二进制数据是常见的需求。Blob、File、FileReader、ArrayBuff

Live2D 是一种将 2D 图像转换为各种动画效果的技术。 相比于 GIF 图片，Live2D 模型可以实时和用户进行互动，更加吸引用户。

Rolup 是一个打包工具，类似 Webpack。 组件库打包基本都是用 Rollup。 那 Webpack 和 Rollup 有什么区别呢？为什么组件库打包都用 Rollup 呢？ 我们来试一下：