DAY27 进行式--工作日志002

工作日志碎碎念

我个人的习惯是在写内容之前,会先把元件都创好组起来,所以花了一些时间将 FrontEnd layout 的元件都先建置起来
主要配置就是 navbar、sidebar、content、footer,先把元件都建好,并 importFrontEnd layout
做事情习惯由大到小,所以都从大方向的东西开始着手

今天又踩雷了,昨天把 scss 放进来整理之後,其实还没 import,结果今天 npm run dev 一下,就出包了
原来是 sass-loader 版本太新,改成 sass-loader@10 之後就顺利过关

後来开始研究 scss 的部分,对於许久未碰的 @mixin@include@each 突然有点茫,花了一些时间才想起来自己之前写的是啥东西。
就开始将btn那些小元件的 @each 也先写好,修改成这次设计要样式,顺便加上 active 的版本,开始配色哩哩抠抠的。
接着把前几天写好的小日历丢进来,开始改配色、整理、排版
目前对於 CSS Grid 不太熟悉,很多时候都会想说要用 CSS Flex 还是 CSS Grid,犹犹豫豫的
但是赶时间的关系,最後想想还是先在日历上用 CSS Grid,其他部分都还是用我的真爱 CSS Flex来写,据说大脑总是会让我们选择轻松的方法,这肯定不是假的。
只是在写 CSS Flex 同时,也思考如果是用 CSS Grid要怎麽写?
後续更新在陆续换成 CSS Grid 吧!


<<:  从 IT 技术面细说 Search Console 的 27 组数字 KPI (26) :Search Console 的 Bug

>>:  [Day12] XSLT Injection

【把玩Azure DevOps】Day26 YAML格式以外的Pipeline传统编辑器(Classic Editor)

先前在「CI/CD从这里:设定第一个Pipeline(范本与编辑介面介绍)」这篇文章内容建立Pipe...

Day 1 序言及基本运算元件

我很早就开始接触组合语言,但没有学太久,就没有再碰了,当初学组合语言的原因,是觉得组合语言是人与机器...

大共享时代系列_011_共享社区

可曾想过,我所住的社区有什麽? 什麽是社区 在本文章的定义引自 wiki_社区 提到的,因为共享共同...

Day 29:

昨天练习测试专案预设的元件後,今天要来测试之前所开发的Todolist app 来回忆一下Todol...

Day10 - 指标

大家好,我是长风青云。今天是铁人赛第十天。 没办法请到Siri男,只能请到Siri女。明天再尝试看看...