Kazoo Blog

每天进步一点点

CSS | 清除浮动

CSS | 清除浮动 清除浮动是前端常见的一个概念,今天这篇文档将带大家了解什么是清除浮动,清除浮动的作用,以及如何实现清除浮动。 1. 什么是清除浮动 改变文档流有三种方法: 浮动 flex grid 2. 清除浮动的意义 3. 如何实现清除浮动 参考资料: 《深入解析CSS》第4章 理解浮动

CSS | 随用随记

请将html模块中ul列表的第2个li标签和第4个li标签的背景颜色设置成”rgb(255, 0, 0)”。 关键词:伪类选择器 1 2 3 ul li:nth-child(2n){ background:rgb(255,0,0) } 请给html模块的div元素加一个后伪元素,且后伪元素的宽度和高度都是20px,背景颜色为”r...

学习笔记 | 掘金小册【SSR 实战:官网开发指南】

跟着掘金小册【SSR 实战:官网开发指南】实践的代码 (小册地址:https://juejin.cn/book/7137945369635192836) 内容:1-5章,SSR原理部分 与此同时,感觉到在写代码的时候中英文切换有些打断节奏,所以想尝试文本、注释以及学习笔记也使用英文来写。 1. how to execute ts files on node theres are...

node | path模块相关操作

记录一些常用用法和区别,以及犯的错。

path相关操作 path是node的一个常用模块。 常用用法 TODO 区别 __dirname和process.cwd()的区别 node.js - What’s the difference between process.cwd() vs __dirname? - Stack Overflow 此段代码意在配置静态资源路径,由...

阅读 | 牧羊少年奇幻之旅

牧羊少年奇幻之旅 保罗·柯艾略 19个笔记 导出自微信读书 ◆ 上部 >> 父亲祝福了他。从父亲的目光中,男孩看出,父亲也想云游四方。这个愿望一直存在,尽管几十年来他一直将这个愿望深埋心底,为吃喝而操劳,夜夜在同一个地方睡觉。 >> 老者接着说道:“这本书和几乎所有的书一样,讲的是同一个道理,人们无法选择自己的命运。它要使大家相信这个世上最大的谎言。”“什...

next.js | 学习和使用笔记

最近的工作任务对于SEO以及静态页面生成有要求,所以两个项目都选择了使用next.js来实现。本博文主要记录个人印象较深或者觉得有意义的点。 静态页面生成 文档对应链接为: Advanced Features: Static HTML Export (nextjs.org) next export时,报错:

博客改造日志

改造自黄玄老师提供的博客模板

1. featured tags数量为0时,隐藏该组件 在组件外层新增一道tags数量判断 2. rake 快速创建博客 rake post title="xxx" subtitle="xxx"