> 作者：王耀 ## 一、背景 原本我们预览视频仅仅是简单的video标签实现就可以满足业务的需求了，但是某一天，产品说：”业务的视频是用手机拍的，方向不一定是正的，还有视频的宽高太小了看不清，所

电梯导航也被称为锚点导航，当点击锚点元素时，页面内相应标记的元素滚动到视口。而且页面内元素滚动时相应锚点也会高亮。电梯导航一般把锚点放在左右两侧，类似电梯一样。常见的电梯导航效果如下，比如一些官方文档

CSS创建文本和图片无限滚动动画效果。标签和图片横向的水平滚动，元素会无缝衔接实现无限循环，首尾两端有渐变蒙层体现出现和消失的过渡效果。滚动时的淡出淡入视觉效果，丰富了网页增添加了动态和交互性。

在很多网站中，用移动端浏览器和 PC 端浏览器访问同一个路由时，展示的页面是不一样的。这篇文章实现了在 Nuxt3 中，根据设备类型的不同，使用 pages 目录下不同的文件夹作为路由的 “根目录”。

nuxt2 nuxt3 pm2 nginx jenkins fork cluster servers pages router 定时任务 ecosystem.config.js sitemap.txt

数据可视化大屏幕列表滚动动画的可视化封装（内含即用代码片段）。 动画采用vuejs的指令和requestAnimationFrame进行封装。

需求背景 前几天，甲方提了个需求，想让下面的数据循环展示，准备放在他们集团首页给他们领导演示用。 我们领导很重视这个事儿，拍了拍我，语重心长的说，小伙子，好好做。 我啪的一下就兴奋了，老板居然如此器重

目的聚焦开源官网开发，分享从 0 到 1 的官网开发实践经验，文章包括 需求、设计、实现思路、技术架构、构建部署、预览、源码以及开源实践总结

技术栈：html + css + jquery + bootstrap主要使用html+css实现静态布局，除此之外，就是jQuery对元素进行增删改，或者对元素属性进行增删改。