前后端分离架构图以及vue的简介
架构图前后端分离总架构图 前端架构设计图 MVVM架构模式MVVM的简介MVVM 由 Model,View,ViewModel 三部分构成，Model 层代表数据模型，也可以在Model中定义数据修改...
admin
React 动画 Animation
文章源自: https://facebook.github.io/react/docs/animation.htmlReactCSSTransitionGroup 基于 ReactTransition...
Vue单向绑定与双向绑定解析
在讲绑定之前我们要理解MVVM框架,这对我们理解单向以及双向绑定有很大的帮助.一 MVVM框架M : model(模型) 数据保存V : view(视图) 用户界面VM : ViewModel 把Mo...
react-native App的原理介绍
react-native App中，大体可以理解为：整个APP作为容器,里面存放有多个父组件,子组件,孙子组件,各个组件都含有state和props这两个最重要的属性.如下图所示：React 有pro...
vue的双向绑定原理及实现
使用vue也好有一段时间了，虽然对其双向绑定原理也有了解个大概，但也没好好探究下其原理实现，所以这次特意花了几晚时间查阅资料和阅读相关源码，自己也实现一个简单版vue的双向绑定版本，先上个成果图来吸引...
10 - Vue3 UI Framework - Tabs 组件
标签页是非常常用的组件，接下来我们来制作一个简单的 Tabs 组件返回阅读列表点击 这里需求分析我们先做一个简单的需求分析可以选择标签页排列的方向选中的标签页应当有下划线高亮显示切换选中时，下划线应当...
Vue生命周期及业务场景使用
vue里的生命周期是什么？vue实例从创建到销毁的过程称之为vue的生命周期vue的生命周期各阶段都做了什么？beforeCreate 实例创建前：这个阶段实例的data、methods是读不到的cr...
Vue组件中的单项数据流
当子组件中的input v-model 父组件的值时不能直接绑定props的值要使用计算属性，向下面的写法，因为props是单项数据流，子组件不能改变父组件的状态，直接绑定会报错。还可以这样写：但是父...
对 React Context 的理解以及应用
在React的官方文档中，Context被归类为高级部分(Advanced)，属于React的高级API，但官方并不建议在稳定版的App中使用Context。很多优秀的React组件都通过Contex...