Desert_Fish
获得徽章 0
![[流泪]](http://lf-web-assets.juejin.cn/obj/juejin-web/xitu_juejin_web/img/jj_emoji_6.dde0d83.png)
Day 010, 今天进行项目的配置，安装了scss，相比于css，scss虽然扩展的功能不多，但是非常强大并且很好用，例如继承，变量，更加方便维护项目![[微笑]](//lf-web-assets.juejin.cn/obj/juejin-web/xitu_juejin_web/img/jj_emoji_1.7d9f699.png)
![[微笑]](http://lf-web-assets.juejin.cn/obj/juejin-web/xitu_juejin_web/img/jj_emoji_1.7d9f699.png)
评论
点赞
Day07, 今天学习结合vue+pinia+unocss+vite的前端工程化开发，在pinia中，官方推荐使用pnpm，pnpm与npm与yarn同样是包管理器，npm是node.js默认的管理器，pnpm与yarn在内存管理与效率方面更强一些![[呲牙]](//lf-web-assets.juejin.cn/obj/juejin-web/xitu_juejin_web/img/jj_emoji_2.cd1e2bd.png)
![[呲牙]](http://lf-web-assets.juejin.cn/obj/juejin-web/xitu_juejin_web/img/jj_emoji_2.cd1e2bd.png)
评论
点赞
Day05, 今天学习到使用css的方式尽量减少JS代码的使用率，优化代码，例如以下代码
<input type="checkbox" id="modeCheckBox">
<div class="content">
<header>
<label for="modeCheckBox" id="btn">功能按钮</label>
</header>
</div>
<style>
#modeCheckBox{
display: none;
}
#modeCheckBox:checked +.content{
background-color: black;
}
</style>
<input type="checkbox" id="modeCheckBox">
<div class="content">
<header>
<label for="modeCheckBox" id="btn">功能按钮</label>
</header>
</div>
<style>
#modeCheckBox{
display: none;
}
#modeCheckBox:checked +.content{
background-color: black;
}
</style>
展开
评论
点赞
day04，今天学习grid布局，这是一个二维的布局方式，相比于flex布局，flex是一维的布局，我的感受是两种布局有很大的相似之处，grid更加灵活，flex在只有一个方向的布局上，更加方便一些，两种布局都可以适用于响应式，有两篇看的掘金文章，讲的很好
4
点赞
day03
今天学习flex的布局知识，相比于传统的布局，传统布局对于垂直方向的布局有所欠佳，使用flex布局弹性布局，无法使用float等属性，但是float要实现的功能，flex可以全部包括，并且可以根据浏览器的窗口大小自动使用，是响应式布局很好的助手之一
今天学习flex的布局知识，相比于传统的布局，传统布局对于垂直方向的布局有所欠佳，使用flex布局弹性布局，无法使用float等属性，但是float要实现的功能，flex可以全部包括，并且可以根据浏览器的窗口大小自动使用，是响应式布局很好的助手之一
评论
点赞
打卡第一天：
使用node.js实现QQ邮箱发送验证码，今天的感想：node.js环境下，各种包的安装与开发非常快捷方便，有一个node-send-email可以直接使用QQ邮箱或者网易邮箱，但是这样少了很多步骤与学习的途径，所以我选择nodemailer，这样对于其他邮箱也能从容应对
使用node.js实现QQ邮箱发送验证码，今天的感想：node.js环境下，各种包的安装与开发非常快捷方便，有一个node-send-email可以直接使用QQ邮箱或者网易邮箱，但是这样少了很多步骤与学习的途径，所以我选择nodemailer，这样对于其他邮箱也能从容应对
评论
点赞