整洁架构 --- solid原则概览 SOLID 设计原则SRP — 单一职责原则主要强调 任何一个软件模块都应该只对某一类行为者负责, 软件模块可以是一组关系紧密的函数或者类以及他们所管理的数据结构。 OCP — 开闭原则以让系统易于扩展为目标,实现原则上需要将各个组件的依赖关系按层次结构进行组织,使得高阶组件的逻辑不会因为低阶组件的修改而修改。 LSP — 里氏替换原则强调实现接口的实现之间具有可替换性。 ISP — 接口隔离原则 2023-01-25 架构设计 #架构
react动画实践 React 动画实践ReactTransitionGroup使用 ReactTransitionGroup 必须是已经被挂载的组件,例如: let Component=React.createClass({ render(){ return [children] } }); chi 2016-07-02 前端框架 #框架 #React
Vuejs 0.12.x学习笔记——组件中数据继承 Vuejs 0.12.x 在组件系统的Api上有些变化,首先是v-with 这个指令没有了,取而代之的是需要通过props来向子组件传递父组件或ViewModel的数据,例如: var vm=new Vue({ el:'#component-demo', data:{ 'title':'', 2015-07-19 前端框架 #MVVM #前端框架
Yeoman学习笔记(一) InquirerJs 学习 最近想用Yeoman这个脚手架做一个自己平常用的项目生成器,项目地址:http://yeoman.io/。阅读了一部分开发文档,当看到user interaction 这一节的时候,yeoman用到了prompt,并且这个prompt是用的InquirerJs 提供的,因此需要大致了解一下,github地址:https://github.com/SBoudrias/Inquirer.js,这是一个 2015-05-11 前端项目生成工具 #inquirer #yeoman #工具
browserSync 使用笔记 最近在毕设当中用到了browserSync这个工具,项目主页:http://www.browsersync.io/。这个工具的好处是可以在我们改变了本地静态资源即js,css,html的时候自动帮我们将资源加载进浏览器而不会刷新整个页面,这对于我们开发SPA应用的时候非常有好处,我们不需要按F5然后再进行操作跳转到那个页面去,可以节省一些时间,下面大致讲一下如何结合gulp来使用browserSy 2015-05-07 工具 #工具 #browserSync