获得徽章 10
#掘友年度报告# 2024继续加油，努力学习，坚持不懈的产生问题，解决问题！
网格布局
display: grid;
grid-template-columns: minmax(10px、,20px); // 列宽大小在10-20px之间，
grid-auto-flow: column; // 子元素排列方式
grid-auto-columns: 60%; // 子元素占父元素框百分比
overflow-x: scroll; // x方向超出用滚动条展示
grid-template-rows: repeat(3,100px); // 三行，每行100px
grid-template-columns: repeat(3,100px); // 三列，每列100px
grid-column-gap: 20px // 列间距20px，同理可设行间距
// 单位也可以用fr 一个fr单位代表网格容器中可用空间的一等份
今天摩纳哥正塞精彩程度还行吧，不过感觉还是昨天的排位赛q3最后五分钟好看点![[吃瓜群众]](//lf-web-assets.juejin.cn/obj/juejin-web/xitu_juejin_web/img/jj_emoji_10.42a731c.png)
#青训营 x 字节后端训练营# 《Go微服务架构系列--gin框架(上)》学习记录，简要介绍了gin框架，确实很轻量，然后进行路由改造发现存在一些问题，代码规范、代码耦合高，而且也不便于后期维护。然后对路由进行分组。最后介绍了单例模式和加锁机制。文章中还提到了项目重构中node业务部分使用Deno，是一个基于TS的运行时，没接触过，需要学习下。
#青训营 x 字节后端训练营# 《10篇文章带你手摸手封装gin框架(2)- Viper配置管理》学习记录：先是介绍了安装方法、需求分析和数据流向图解。然后教如何编写settings-dev.yaml和定义配置对应的struct。最后给出了验证是否安装成功的方法。
#青训营 x 字节后端训练营# 《为Go配置JSON》学习记录，主要就是讲这几个小知识点：Go中读取使用ioutil包中的ReadFile，利用Unmarshal 函数将数据解析为结构体，利用Marshal 函数将结构编码为 JSON 数据，JSON标签是帮助我们通过省略空字段或空字段来控制属性的关键
偶然间拍的，感觉还不错。前面处理过，后面一张原图
![[吃瓜群众]](http://lf-web-assets.juejin.cn/obj/juejin-web/xitu_juejin_web/img/jj_emoji_10.42a731c.png)
![[奸笑]](http://lf-web-assets.juejin.cn/obj/juejin-web/xitu_juejin_web/img/jj_emoji_17.bcebf79.png)