Rem是什么，牛逼的Vue，Epub竟然可以实现阅读器功能。太牛了。-优快云博客

本文深入探讨了前端开发中使用rem单位的原理，讲解了如何利用SCSS进行响应式布局设计，同时涵盖了Vue、NodeJs等现代前端技术的应用，以及CSS动画、过渡效果的实现方法。文章还提到了菜单栏功能的实现，组件化思想的应用，以及通过测试和算法解决复杂功能的策略。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

rem 相当于根元素font-size值的倍数。
1rem=根元素font-size
2rem=根元素font-size * 2

// 1rem = fontSize px
// 1px = (1/fontSize) rem
$fontSize:37.5;
@function px2rem($px) {
    @return (@px / $fontSize) + rem;
}

div,div,div布局。div，span。加上class，id布局。wrapper。
加背景色，进行调试看效果。
flex布局。
scss布局。

实现效果，实现点击事件。
Vue实现点击事件效果。

NodeJs，Vue，Scss，CSS3。
动画效果，过渡动画。
reset.css，global.css。
精简代码。

实现菜单栏的具体功能。
组件化思想。

发现问题，解决问题。
计算，解决页面布局问题。
分析问题，解决问题。

布局是核心，看到页面，心中的布局架构就出现了。
准备好图标，处理好初始化工作。
搭好脚手架，然后进行建造。
命名清晰美丽。
css选择器。
测试，感悟代码内在的魔力。
算法实现特殊功能。

绝对定位，相对定位。
display，position，width，height，background，color，border，left，top，border-radius，z-index，padding，margin。
css，js，nodejs，vuejs，scss，算法，Linux，Vscode。
水平布局，垂直布局。
熟悉常用颜色。
assets，components，router，static，config。
Dom结构。
if，for。
通过js动态设置css样式。
console.log时刻监控数据信息。
Vue.js epub.js威武。