带有标签 前端 的文章

为什么使用 CSS Variables

在开发一个 Web 应用的时候,经常需要为许多元素设置属性(如colorwidthheight)等,即使很多元素具有相同的属性,我们还是要为每个元素单独设置属性。这样一旦应用更改主题,比如更改主色调,那么要为每一个元素一个一个地修改,为什么不能像大部分编程语言一样,定义一个变量,用这个变量来设置对象(元素)的属性?这样只需要修改变量值就可以修改所有的属性值了。CSS Variables 就是做这个的。

为什么不用SASS/LESS

...

查看全文

初学React时,使用组件自身管理状态,这样当业务逻辑比较简单时还比较有用,一旦业务逻辑复杂起来,各组件之间要相互通信,情况就复杂起来了。可以使用状态提升,将各子组件状态提升到父组件内,这样又要经历事件向上传递 --》 属性向下传递的过程,如果组件嵌套较深,回调传递也是十分复杂。好在有了Redux,可以将整个项目的状态存储到一个对象内,各组件分别与该对象进行交互,逻辑就清晰多了。但是有了Redux,是否就可以抛去setState方法了?

表单

一个例子是表单。如果我们使用受控组件,那么每一个表单项onChange事件都应该触发Redux事件,改变状态,再作为属性传递给表单,和状态提升思路差不多。但是可以发现,其他组件(一般)是不需要访问我们表单的状态的,将表单状态传递到全局Redux,最后还是传递回表单。对比一下两者需要的工作:

...

查看全文