白哥学前端

群友发了一个页面跳转有过渡动画的网站，问：Next.js 项目怎么做页面切换的过渡动画？本文就来介绍一个性能优先的最佳实践方案。

服务端渲染具有诸多优点，包括优化SEO、加快首屏加载速度、增强安全性等。针对注重SEO的C端项目而言，服务端渲染是首选方式，也是每位前端工程师必备的技术

NextJs从0-1实现一个博客系统，包含开发，部署，SEO，安全，服务器，Nginx, PM2全部内容

我开发了接近1年的月访问量800万+的境外电商项目，踩了很多坑，挑几个讲一下。使用的版本是v14.2.3。

起步 在计算机的世界中，有各种各样的文件，文件类型千奇百怪，作为一名前端开发工程师，我们如何来实现这些文件的在线预览呢？

我们公司的导航菜单是动态可配置的，有的页面菜单数量比较多，有的比较少。 由于大多页面菜单都是比较少的，因此当菜单非常多时， 我们采用了朴实无华的滚动条：当横向超出的时候，滚动展示。 但很快，客户

终于明白为什么大公司的前端程序员放着公司免费提供的webstorm不用，反而都用vscode。大概在编程领域，收费的并不一定就是最好的吧！

我们经常会在博客、文档中看到类似这样的侧边导航目录，例如 这种导航也被称为“电梯导航”（当然可能还有其他叫法，知道是这个交互就行）。它会随着内容的滚动而自动切换当前选中态，点击任意目录也会自动滚动到对

前几天偶然看到缺角矩形这个功能，脑袋中第一想法是，搞个绝对定位的伪元素，哪里需要挡哪里，或者找UI小哥聊聊天，忽然灵光一闪，想起之前翻过的《CSS揭秘》一书，记得有这个篇章，遂有了此文。 1. 伪元素实现 2. 渐变实现 并且渐变可以接受一个角度（比如45deg）作为方向，而且…