米卡

摘要： 前面讲了几种控制网页布局的方式，flex,gird 和 float。这下我们初略讲下 position.这个我日常中用到的已经挺多了。定位和其他控制文档流的行为不同。它将元素彻底从文档流中移走，它允许你将元素放在屏幕的任意位置。还可以将一个元素放在另一个元素的前面或后面，彼此重叠。 浏览器将 htm 阅读全文

摘要： svga 是一种动画格式。不仅可以在 ios,android,flutter,web 上使用，小程序也支持。设计师使用 after effects 或是 animate 进行动画设计。设计师导出工具给我们 svga 动画后。我们通过引入 svga 相关 lib 文件就可以在环境中执行动画了。 将压缩 阅读全文

摘要： 网格布局：flexbox 彻底改变了网页布局方式，但这只是开始。它还有一个大哥：另一个称作网格布局模块的新规范。这两个规范提供了一种前所未有的全功能布局引擎。跟 flexbox 类似，网格布局也是作用于两级的 dom 结构。设置为 display:grid 的元素成为一个网格容器（grid cont 阅读全文

摘要： 创造浮动的初衷并不是为了用于页面布局。浮动能将一个元素，通常是一张图片，拉到其容器的一侧，这样文档流就能够包围它。word 文档中，报纸，杂志中很常见。所以 css 增加了浮动来实现这种效果。尽管这才是浮动的是设计初衷，我们却并不总是这样使用它。flexbox 正在迅速取代浮动在页面布局中的地位。f 阅读全文

摘要： 处理元素高度的方式跟处理宽度不一样。之前对 border-box 的修改依然适用于高度。而且很有用，但是通常最好避免给元素指定明确的高度。当明确设置一个元素的高度时，内容可能会溢出容器。当内容再限定区域放不下，渲染到父元素外面时。用 overflow 属性可以控制溢出内容的行为，该属性支持以下 4 阅读全文

摘要： 过去经常将网页的根元素字号设置为 0.625em 或者 62.5%。这样是为了将全局的 font-size 改成 10px。这样设计师希望字号 14px 时，只需要写成 1.4rem 就好了。还使用了相对单位。一开始，这会很方便，但是这样有两个缺点。第一，我们被迫写很多重复的代码。10px 对大部分 阅读全文

摘要： 还有一种给元素添加样式的方式：继承。经常有人会把层叠跟继承混淆。虽然两者相关，但是应该分别理解它们。如果一个元素的某个属性没有层叠值，则可能会继承某个祖先元素的值。比如给 body 元素添加上 font-family,里面所有的祖先元素都会继承这个字体，不必给页面的每个元素明确指定字体了。但不是所有 阅读全文

摘要： 如果要掌握 css,一定要理解基础知识，并且深入的理解。css 的意思是层叠样式表。我们先讲层叠。我们需要理解浏览器如何解析样式规则。每条规则单独看很简单，但是当两条规则提供了冲突的样式会发生什么呢。如果你发现一条规则没有按照预期生效，可能是因为另一条规则跟它冲突了。要想预测规则最终的效果，就需要理 阅读全文

摘要： 其实回溯算法中很关键的一个问题是递归。我们都知道递归，也看得懂递归，但有的时候在实际操作过程中却不知道怎么使用，有时候还会被搞晕。那我们就先来搞清楚递归。首先我们写递归，首先要明白函数要做什么。第二我们要找到递归结束的条件。第三我们就是要找到函数的等价关系式。也就是我们要不断的缩小参数的范围。缩小后 阅读全文

摘要： 石头汤与煮青蛙 士兵渐进地欺骗村民，但他们所催生的变化对村民有利。但是，渐进地欺骗青蛙，你是在加害于它。当你设法催生变化时，你能否确定你是在做石头汤还是青蛙汤。 批判地思考你思考你读到的和听到的。你需要确保你的资产中的知识是准确的，并且没有受到供应商或媒体炒作的影响。警惕声称他们的信条提供了唯一答案 阅读全文