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威武。

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值