获得徽章 0
赞了这篇文章
赞了这篇文章
赞了这篇文章
赞了这篇文章
装饰者模式（Decorator Pattern）也称为装饰器模式，在不改变对象自身的基础上，动态增加额外的职责。属于结构型模式的一种。
使用装饰者模式的优点：把对象核心职责和要装饰的功能分开了。非侵入式的行为修改。
使用装饰者模式的优点：把对象核心职责和要装饰的功能分开了。非侵入式的行为修改。
评论
1
使用过一段时间 class 来定义组件，要用 vue-property-decorator 提供定义好的装饰器，辅助完成所需功能，对这个过程好奇，就研究了源码。内部主要依靠 vue-class-component 实现，所以将重点放在对 vue-class-component 的解读上。
评论
1
观察者模式和订阅发布模式是一样的吗？我的理解在概念和思想上是统一的，在实现和使用场景不一样。DOM用 addEventListener绑定事件用的观察者模式；Vue的依赖收集使用用了订阅发布模式。
详细查看文章
详细查看文章
2
2
一篇对 React 态度转变的文章。可以简单看到前端代码组织方式的演变。
【分而治之】
使用模板引擎时，代码的组织方式，把模板都放在一个文件夹下，js和css也是这样。这样的组织方式太过分散了，要打开多个文件进行变更。
再进一步可以把一块业务逻辑的模板、js、css存放在同一个目录下，这解决了分散，但又遇到了复用问题。
【关注点分离】
通过 React 的组织方式，一个文件就是一个组件，组件只关注单一功能，借助 JSX，像写HTML一样把页面堆起来。
抽象能力也更强，如果同一个组件在不同场景下不尽相同，可以使用传递值的方式解决。
总之，如果你不喜欢它，就不要使用它。
blog.reactstory.com
【分而治之】
使用模板引擎时，代码的组织方式，把模板都放在一个文件夹下，js和css也是这样。这样的组织方式太过分散了，要打开多个文件进行变更。
再进一步可以把一块业务逻辑的模板、js、css存放在同一个目录下，这解决了分散，但又遇到了复用问题。
【关注点分离】
通过 React 的组织方式，一个文件就是一个组件，组件只关注单一功能，借助 JSX，像写HTML一样把页面堆起来。
抽象能力也更强，如果同一个组件在不同场景下不尽相同，可以使用传递值的方式解决。
总之，如果你不喜欢它，就不要使用它。
blog.reactstory.com
展开
4
1
