大家好，我是Ysh 有过微信小程序开发经验的同学们，或多或少都遇到过一些坑，并且考虑到后续的可复用性我们一般都会使用uni-app进行开发，在开发涉及仪表盘组件时，我们会发现他的可选项少得可怜。 为什

介绍一个CSS检测文本溢出的小技巧。 一直以来，CSS 都无法很好的检测出一段文本是否溢出。但这又是一个非常普遍的需求，比如多行文本展开，展开按钮只有在文本溢出的时候才出现 由于无法直接CSS判断，这

1. Flex布局 接下来，我们先提出两个概念：剩余空间和溢出空间，具体是什么意思我们后面慢慢解释。 2. flex-grow 传统的布局是子容器在父容器中从左到右进行布局，应用 flex 进行布局，那么父容器一定设置 display: flex，子容器要“占有”并且“瓜分”父…

从实现一个盒子垂直水平居中这个面试出发，先熟悉定宽和不定宽实现盒子垂直水平居中的一些招式，最后加以归纳总结，化成内力，以后就算忘记全部招式，也能把面试官杀个丢盔卸甲！

一个相对抽象的概念。本文用大白话说清楚。BFC到底是什么东西，他拥有什么机制。他又能解决什么样的问题。

本文先从浏览器的渲染过程来从头到尾的讲解一下回流重绘，如果大家想直接看如何减少回流和重绘，优化性能，可以跳到后面。（这个渲染过程来自MDN） Display:将像素发送给GPU，展示在页面上。（这一步其实还有很多内容，比如会在GPU将多个合成层合并为同一个层，并展示在页面中。而…

。。。 归根到底是元素之间的互相影响，导致了预期之外的情况的发生。这里就涉及到了BFC的概念 BFC（Block formatting context）直译为“块级格式化上下文”。它是一个独立的渲染区域，只有Block-level box参与，它规定了内部的Block-leve…

48张图带你从0到1掌握flex布局方式。 需要本文的Xmind导图的话，移步公众号--前端UpUp,回复flex关键字即可。 从上面图来看，我们将flex布局分为两部分讲，轴和容器。 打个预防针，flex布局涉及到12个CSS属性，父容器,子容器各6个。 接下来先梳理常见的属…

在 CSS flexbox 布局出现以前，如果要控制 HTML 元素的布局，要用到很多种奇葩的方式。在水平方向上得用float控制左右对齐，稍一不注意，就会有浮动的元素飞来飞去~。在垂直方向上就更是百家争鸣了：要么手动计算高度然后算出中心点，要么用 line-height 和 …