整理工作学习中常犯的错误css版（随缘更新）

✦ 你可能也想看

• css2021-06-03

  记一次匪夷所思的flex-shrink失效事件

  今天发现一个很奇怪的现象，现象如下 html代码： css代码 按照我原先的逻辑，flex布局下，当子项总宽度（33% 4）大于父项宽度时，如果 flex-shrink 不为0，则会按照加权系数分摊缩小超出的空间，而上例中子项并未设置 flex-shirnk ,且 flex-shirnk 默认为1，…

• css2020-11-14

  height百分比什么时候才有效？

  新人玩家在初接触到css的时候总是搞不明白height的%什么时候才是有效的，这里我们简单的分析一下。 根据规范中解释 如果包含块的高度没有显式指定（即高度由内容决定），并且该元素不是绝对定位，则计算值为auto。 auto是什么呢，一个未知数，我们可以看成是NaN,那么NaN x% = NaN，N…

• 学习感悟2019-06-19

  开发环境、IDE、编辑器、配置等常见问题或需求积累记录

  1、vscode格式化代码时在函数括号前加空格 eslint默认是不加空格的，如果想让vscode在格式化代码时在函数括号前加空格只需在vscode的设置（setting.json）中加入下面这一行： 2、vscode中写jsx代码，支持tab展开元素标签，在vscode的设置（setting.js…

• js2019-06-11

  JS函数防抖&节流

  前言 最近公司要招几个前端，出了一套笔试题，在思考出什么题的时候突然来的灵感，觉得防抖（debounce）和节流（throttle）还是挺能考察基础和对性能优化的理解，顺便也记录一下自己对防抖和节流的理解。 防抖： 防抖比较广义的理解是指某个函数在某段时间内，无论触发多少次回调， 都只执行最后一次 …