- 博客(19)
- 收藏
- 关注
原创 class类使用withrouter
import {withRouter} from “react-router-dom”@withRouter
2020-09-25 00:28:57 263
原创 mobx知识点
# 安装cnpm i mobx mobx-react -S# 单向数据流 从 mobx 流向 视图# 它由几个部分组成:Actions、State、Computed Values、Reactions(响应式 )# mobx 原理通过事件驱动(UI 事件、网络请求…)触发 Actions在 Actions 中修改了 State 中的值 然后根据新的 State 中的数据计算出所需要的计算属性(computed values)值 最后更新修改到 UI视图层 #可观察状态(
2020-09-23 15:00:44 169
原创 react-redux笔记a
React-Redux的用法还是遵循 redux 的原理 先修改 action 再去修改 redux 最后发送 action高阶函数 高阶组件 HOC升级改造一,UI组件 React-Redux将所有组件组装成两大类:UI组件(呈现组件)和容器组件(容器组件)。UI组件有以下几个特征。 只负责UI的呈现,不带有任何业务逻辑 没有状态(即不使用this.state这个变量) 所有数据都由参数(this.props)提供 不使用任何Redux的API二,容器组件 高阶组件 组
2020-09-22 20:56:46 102
原创 redux1.0以及2.0笔记
安装cnpm i redux react-redux -Sredux 不推荐使用场景用户的使用方式非常简单 用户之间没有协作 不需要与服务器大量交互,也没有使用 WebSocket 视图层(View)只从单一来源获取数据redux 推荐使用用户的使用方式复杂 不同身份的用户有不同的使用方式(比如普通用户和管理员) 多个用户之间可以协作 与服务器大量交互,或者使用了WebSocket View要从多个来源获取数据组件 角度考虑某个组件的状态,需要共享 某个状态需要在任何地方都可以拿到 一个
2020-09-22 19:47:54 58
原创 reactday3笔记 路由
1. react-router-dom v4 react路由4.0 RR4react-router ===> 3.0 react-router-dom ===> 4.0安装cnpm i react-router-dom@4 -S2. react 路由路由构建单页面应用 SPA Signle Page application路由池注册路由对象 路由path 和 路由组件(模板视图)当页面url切换 匹配不同path 匹配成功就加载对应的路由组件 (view);三. Brow
2020-09-21 15:45:50 77
原创 reactday2笔记 组件通信、state、props、组件生命周期
/*组件之间的通信父子 组件兄弟组件props 传递数据state 修改数据父组件如何修改子组件父组件把组件的state 当着子组件的props 传递给子组件父组件修改 state 会二次render 子组件接收到变化的 props 从而实现子组件修改ref this.refs 对象获取ref 作用于DOM 元素 指向这个真实的DOM元素ref 作用于组件 指向这个组件对象ref = oneref = {el=>this.one=el;}架构 f
2020-09-21 13:47:14 160
原创 面试题
#面试题##CSS###1.一个盒子垂直水平居中有哪些方法?(2~3种方法)space-bettewn属性###2.flex怎么使用,flex:1代表了什么(三个属性)###3.使用自适应布局的时候用rem,为什么可以实现自适应布局,在不同的手机端表现得是什么rem是基于html的字体大小来进行布局的(问:不同的移动端是有不同的html字体大小吗,在拿到设计图是怎么计算的)除以16px(问:16px是基于什么来的)##4.http计算机基础相关三次握手四次挥手常见状态码##vueaxi
2020-09-19 23:48:47 139
原创 react生命周期函数
react 组件的生命周期// 组件的生命周期 (https://segmentfault.com/a/1190000016617400?utm_source=tag-newest)/* react 组件的生命周期 含义 组件从初始化渲染到被移除或者销毁的过程 成为组件的生命周期 1. 每个组件都有生命周期 2. react 通过组件的生命周期钩子函数来管理 组件 3. 系统 某些状态和参数发生改变的时候,系统立马去通知 对应处理的函数叫做钩子函数 hooks 钩子函数 【允许
2020-09-18 20:49:02 65
原创 组件生命周期方法
初始化阶段getDefaultProps() // 组件类创建的时候调用getInitialState() // 组件挂载之前调用, 定义state初始值componentWillMount() // 组件即将被装载、渲染到页面上componentDidMount() // 组件挂载后调用组件运行阶段componentWillReceiveProps() // 组件将要接收到新属性的时候调用shouldComponentUpdate() // 组件接受到新
2020-09-17 18:54:19 118
原创 reactday1笔记
'react FACEBOOK 框架虚拟DOM 组件化开发 原生JS的框架 (ES6+原生javascript)优点极速的渲染能力 虚拟DOM virtual DOM高度组件化 组件之间高度复用经历大量的测试 有一定的稳定性虚拟DOM virtual DOM虚拟DOM 就是在 真实DOM的基础上建立的一个抽象层 (把存储在javascripts 内存中DOM节点的数据 叫做 虚拟DOM)我们对数据和状态所做的任何改动,都会被自动且高效的同步到虚拟DOM,最后再批量同
2020-09-17 14:32:05 159
原创 本地项目推送到gitee
1、gitee上面新建一个仓库,填写仓库名即可,不需要勾选reader me2、本地的项目在桌面新建一个文件夹: 里面放my-exp文件夹 不要node-modules;app文件夹不要node-modules、gitignored3、git指令git initgit remote add origin 仓库地址git statusgit add .git commit -m 's'git push origin master...
2020-09-14 19:01:15 74
原创 VUE复习
什么是Vue基于MVVM设计模式的渐进式的纯前端js框架(1). MVVM?(2). 渐进式: 不要求整个项目都用vue做,可以轻松和别的技术混搭,且会多少就可以先用多少!(3). 纯前端js框架: 与nodejs无关!单靠浏览器就可运行!(4). 框架:vue模板中常用指令条件渲染:v-show v-if v-else v-else-if元素节点渲染 v-text v-html循环渲染 v-for行为绑定 v-on v-bind v-model v-slot v-pre
2020-09-14 10:33:42 126
原创 vue10道面试题
Vue 实例的 data 属性,可以在哪些生命周期中获取到?A. beforeCreateB. createdC. beforeMountD. mounted下列对 Vue 原理的叙述,哪些是正确的?A. Vue 中的数组变更通知,通过拦截数组操作方法而实现B. 编译器目标是创建渲染函数,渲染函数执行后将得到 VNode 树C. 组件内 data 发生变化时会通知其对应 watcher,执行异步更新D. patching 算法首先进行同层级比较,可能执行的操作是节点的增加、删除和更..
2020-09-13 22:29:34 908
原创 虚拟DOM
. 响应式 虚拟DOM对于DOM来说,当HTML的一个元素(如div)需要响应数据更改时,【会刷新整个页面】,导致效率堪忧。对于虚拟DOM,浏览器会将【HTML文件转换为JS文件并复制一个额外使用(虚拟)】对于任何更改,虚拟DOM都将复制的JS与原始JS进行【比较】只重新加载更改的部分,局部修改到真实DOM上。...
2020-09-13 22:06:29 80
原创 Vuex知识点
vuex状态管理 (数据共享 实现组件之间通信)Vuex 是一个专为 Vue.js 应用程序开发的状态管理模式它采用集中式存储管理应用的所有组件的状态state,驱动应用的数据源 dataview,以声明方式将 state 映射到视图 componentactions,响应在 view 上的用户输入导致的状态变化 通知单向数据流view 视图发送一个 action 通知 action 去通知 state 改变 state 改变会更新视图集中式管理 会把组件内部的共享数据存储到 state
2020-09-09 13:50:10 68
原创 VUE第六天
上午路由守卫路由守卫:进不去;出不来 用来判断时候可以进入或者离开当前路由 路由导航守卫 分三种 a. 全局前置守卫 router.beforeEach 全局后置守卫 router.afterEach b. 路由独享的守卫 beforeEnter 进入当前路由之前触发 c. 路由组件内直接定义以下路由导航守卫 component beforeRouteEnter 进入这个组件之前
2020-09-06 23:27:34 212
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人