文章目录1.stackoverflow上的回答（翻译）2.自己动手实践2.1子项为单行的情况2.1.1flex容器不设置高度2.1.2flex容器设置高度2.2子项为多行的情况2.2.1flex容器不

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

寻根溯源话布局 一切都始于这样一个问题：怎样通过 CSS 简单而优雅的实现水平、垂直同时居中。记得刚开始学习 CSS 的时候，看到 float 属性不由得感觉眼前一亮，顺理成章的联想到 Word 文档排版中用到的的左对齐、右对齐和居中对齐，然而很快就失望的发现 CSS 中并不存…

前端八股文还是值得深入了解，系统巩固的基础。扎实的基本功还有利于跳槽涨薪的。小知识，大挑战！努力行动起来吧！

背景 最近公司项目有需求, 某导入功能, 想让客户选完excel文件, 直接将加载到web的excel编辑器中, 修改、确认, 之后上传导入。

ts 的类型兼容性是基于结构类型的，即基于类型的组成结构(鸭式辨型法)。 与基于名义类型不同，ts中数据类型的兼容性或等价性不需要通过明确的声明或类型的名称来决定的。 协变、逆变、双向协变

我正在参加「掘金·启航计划」 Typescript 是结构化的类型系统，那么对于对象来说，如果 A 具有 B 的所有属性，并且属性对应的类型相匹配，那么 A 就能赋值给 B 但是其中有一个例外的情况，

从变量提升说起 在 ES2015 之前，JS 引擎用 “var” 这个关键字声明所有的变量。 在 “var” 时代，有一个特别的现象：**不管我们的变量声明是写在程序的哪个角落，最后都会被提到作用域的

在了解路由模式前，我们先看下 什么是单页面应用，vue-router  的实现原理是怎样的，这样更容易理解路由。 SPA与前端路由 SPA（单页面应用，全程为：Single-page Web appl