frontend

A collection of 3 posts
CSS

font-size 的常用长度单位

font-size 是网页开发的过程中 CSS 语言针对字体的一个属性,通常我们在设计一个网页时会使用不同的字体大小,可以方便对应 html 中的不同标签,我们一般作为 Heading 在整个项目中去不断的复用这些 Heading。像诸多设计工具一样,font-size 也有不同的单位,设计常用的单位可能有像素(px)、厘米(cm)等,而在 CSS 中 font-size 常用的单位有 rem、em、px、pt、% 这几种。那么 font-size 的不同单位都有什么不同呢? 相对长度单位 em、rem、% * em ,1em 就等于当前元素的字体大小,在印刷媒体时代,通常是用 M 的宽度表示 1em ,其由来由于英文中的 -- 与 M 是等宽的,--
5 min read
frontend

小小bug

最近在写Reactjs,今天在写项目代码的过程中遇到了一个bug,记录一下. 由于项目的css修改,就去修改其中的一个React Component.然后奇怪的事情发生了,component里的Render方法被执行了两次。 代码如下 修改前 var Demo = React.createClass({ displayName: 'Demo', getInitialState: function () { return { values: [] }; }, handleAdd: function () { var values = this.state.values; values.push(''); this.setState({ values: values }); }, handleReduce: function (i, e) { this.setState({ values: this.state.values.filter(functio
2 min read