weiyimin01

行内级元素的分类，以及不同类别的元素在基线与布局边界上的区别；vertical-align中与父元素相关的规则，以及与行相关的规则； 如何借助font-size:0实现垂直居中

我们将通过学习一个看似简单，实则却很复杂的属性——line-height，来一窥行内布局的究竟。主要将涉及根行内框、行框、strut等概念，以及line-height: normal的真正含义。

本文将带你深入字体内部，学习字体设计的基本概念，包括ascent、descent和UPM等。并基于这些知识，计算行内元素内容区域的高度，和font-size到底是怎么决定文字大小的。

〇、狗非狗。 “大家都是狗，为什么长度差这么多？” 如果你对这个结果感到一脸懵逼，那么你一定要看完本文，因为本文会深入解释背后不为人知的奥秘。如果你已然知晓其中缘由，

代码库在发布之后，使用者可能期望能以各种方式来使用库，如直接在浏览器中加载使用、通过NodeJs的CommonJS模块方式来引用代码库、或者直接通过ES6的module方式来引用。 下面分别介绍以上几种不同使用情景下的编译过程。 目前前端开发库绝大部分都会发布到npm上，npm…

我们开发使用的很多工具都是 cli 工具，比如 babel，eslint，webpack，jest 等等。控制台因为其特殊性，它的信息表现力仅在于一个一个单纯的字符。 控制台的字符图表可以有效提高数据可视化能力，提高信息接收的效率，也更加美观。例如： 以上是某一个简单项目 ur…

我们团队的工作是用单页面应用的方式实现web工具。涉及到数万到十数万行的前端代码的管理，而且项目周期长达数年。 怎么样很好地管理好这种量级的前端代码，在迭代的过程中能保持代码的新鲜度，对我们来说是个挑战。 一个运行良好的项目，除了要有好的架构外，还需要各个功能模块有良好的设计，…

需要国际化的react项目已经迭代了1年多，文件众多，包含了jsx和普通的js对象文件。粗略估计有几千个中文词条。本文先介绍了采用的国际化方案，然后给出了国际化的过程和一个自己开发的脚本i18n-pick，按照教程，可以帮助前端jsx项目5分钟快速国际化。 先大体上介绍下我选择…

TypeScript = Type + Script（标准JS）。我们从TS的官方网站上就能看到定义：TypeScript is a typed superset of JavaScript that compiles to plain JavaScript。TypeScrip…