小丸子子丸小

本文是笔者写CSS时常用的套路。不论效果再怎么华丽，万变不离其宗。 有时候，我们需要给多个元素添加同一个动画，播放后，不难发现它们会一起运动，一起结束，这样就会显得很平淡无奇。 那么如何将动画变得稍微有趣一点呢？很简单，既然它们都是同一时刻开始运动的，那么让它们不在同一时刻运动…

带着这个疑问，结合各种博客和源码，终于有了点眉目。 要理解diff的过程，先要对virtual dom有个了解，这里简单介绍下。 我们都知道重绘和回流，回流会导致dom重新渲染，比较耗性能；而virtual dom就是用一个对象去代替dom对象，当有多次更新dom的动作时，不会…

前言：今天一个实习生问我，为什么他对图片使用了margin:0 auto，但图片却没有居中，我让他换成对父元素使用text-align:center即可。为什么margin:0 auto对图片不起作用，这是以前入门的时候看《css权威指南》知道的，后来一直这么用，突然有点忘记为…

前言：有关Vue中父组件通过prop传值给子组件时，是否加v-bind的问题，没弄清楚时感觉很乱，弄清楚之后很简单。 由于结果记起来很容易，所以先给出结果：只有传递字符串常量时，不采用v-bind形式，其余情况均采用v-bind形式传递。 根据以上说明，可以看出只有当字符串以静…

而想要在一定宽度内显示省略号，必须还有一个固定的宽度，否则元素宽度会扩展至父级元素的宽度。但前不久碰到一个问题，希望实现如下布局： 希望左边的图片宽度固定，右边宽度自适应，内容部分溢出显示省略号。于是出现了难题：宽度需要自适应，但自适应就无法显示省略号。首先，我们简单看一下不考…

我们先来看看border的表现形式。 观察上图可以发现，border表现为梯形。当减小box的宽高时，会发生如下变化： 从上图很容易看出，当box宽度降低到很小，也就是border的梯形的上边降到很小。所以想一想，当这一值降到0时，border就变成了三角形。如下图： 所以我们…