CSS3 – 不知不问

通过 eslint stylelint htmllint 规范前端项目代码

二月 28, 20202020年3月4日MazeyLeave a comment

一、部署 eslint 规范 JavaScript

1.1 原理

husky + lint-staged + prettier + eslint + commitlint

husky: 阻止不规范的 git commit, git push。
lint-staged: 只检测待提交区的代码。

“通过 eslint stylelint htmllint 规范前端项目代码”继续阅读

图解 CSS3：核心技术与案例实战 – 廖伟华著

四月 13, 20192020年4月2日MazeyLeave a comment

讲的很详细。

读完时间：2019 年 3 月 24 日

出版时间：2015 年 1 月

“图解 CSS3：核心技术与案例实战 – 廖伟华著”继续阅读

设置 box-sizing 为 border-box 后外边距（margin）会合并吗

七月 07, 20182018年8月12日MazeyLeave a comment

border-box 告诉浏览器去理解你设置的边框和内边距的值是包含在width内的。也就是说，如果你将一个元素的width设为100px,那么这100px会包含其它的border和padding，内容区的实际宽度会是width减去border + padding的计算值。大多数情况下这使得我们更容易的去设定一个元素的宽高。

设置 box-sizing: border-box; 后，简言之：