04 2020 档案
摘要：首先我们要明白vue中为什么要有这个key值呢！ 这个key值能帮我们追踪dom树中的变化,让我们更新只发生变化的dom树,而不是只要有一个数据发生变化，我们就更新整个dom树.这个也算是Vdom的一大特点所在吧 在进行数组下标操作的时候 数组的位置会发生变化 不到万不得已 不要使用 数组的 下标作
阅读全文
摘要：Vue.js通过编译将template 模板转换成渲染函数(render ) ，执行渲染函数就可以得到一个虚拟节点树 在对 Model 进行操作的时候，会触发对应 Dep 中的 Watcher 对象。Watcher 对象会调用对应的 update 来修改视图。这个过程主要是将新旧虚拟节点进行差异对比
阅读全文
摘要：Object.defineProperty是ES5中的方法，它可以直接在一个对象上定义一个新属性，或者修改一个对象的现有属性， 并返回这个对象。用法如下： var obj = { name:'zhangsan' } //此后可通过obj.name访问obj的name属性 //通过obj.name='
阅读全文
摘要：mapStateToProps（state, ownProps） mapStateToProps是一个函数，用于建立组件跟store的state的映射关系 作为一个函数，它可以传入两个参数，结果一定要返回一个object 传入mapStateToProps之后，会订阅store的状态改变，在每次st
阅读全文
摘要：React Native使你只使用JavaScript也能编写原生移动应用。 它在设计原理上和React一致，通过声明式的组件机制来搭建丰富多彩的用户界面。 import React, { Component } from 'react'; import { Text, View } from 'r
阅读全文
摘要：检测数组 site 是否包含 runoob : let site = ['runoob', 'google', 'taobao']; site.includes('runoob'); // true site.includes('baidu'); // false 定义和用法 includes()
阅读全文
摘要：export const nub= (num) => { let f_x=parseFloat(num) if(isNaN(f_x)){ return false } let ff=Math.round(num*100)/100 let s_x=ff.toString() let pos=s_x.i
阅读全文
摘要：React：管理View react-router：管理路由 Redux：管理Model redux-saga：管理异步调用（副作用） 当然，也不是完全没有新东西，其中有一个Subscription好像之前没有见过，这是一种数据源订阅机制，数据源可以是键盘输入事件、路由变化、服务器的 websock
阅读全文
摘要：什么是Umi.js? umi，中文可发音为乌米，是一个可插拔的企业级 react 应用框架。你可以将它简单的理解为一个专注性能的类 next.js 前端框架，并通过约定、自动生成和解析代码等方式来辅助开发，减少我们开发者的代码量。 为什么使用Umi.js? 我们做react开发的时候会不会遇到以下问
阅读全文
摘要：generator（生成器）是ES6标准引入的新的数据类型。一个generator看上去像一个函数，但可以返回多次 function foo(x) { return x + x; } var r = foo(1); // 调用foo函数 函数在执行过程中，如果没有遇到return语句（函数末尾如果没
阅读全文
摘要：为什么会有redux-saga 中间件用过redux-thunk，也用过redux-promise-middleware，原理都很简单。 thunk就是简单的action作为函数，在action进行异步操作，发出新的action。 而promise只是在action中的payload作为一个prom
阅读全文
摘要：虚拟DOM 虚拟DOM(下面简化称为Vnode)简而言之 ，就是用js去描述一个dom节点树，而DOM变化的对比，都放在js层来做。 传统的dom节点，是这样的 <div> <p className='text'>写个啥内容啊</p> </div>Vnode是长这样的 { nodeName:'div
阅读全文
摘要：1、什么是redux 官方解释：redux 是 js 应用的可预测状态的容器。 可以理解为全局数据状态管理工具（状态管理机），用来做组件通信等。 2、为什么使用redux 当没有使用redux时兄弟组件间传值将很麻烦，代码很复杂冗余。使用redux定义全局单一的数据Store，可以自定义Store里
阅读全文
摘要：React项目的可用的路由库是React-Router,当然这也是官方支持的。它也分为： react-router 核心组件 react-router-dom 应用于浏览器端的路由库（单独使用包含了react-router的核心部分） react-router-native 应用于native端的路
阅读全文
摘要：你还在为该使用无状态组件（Function）还是有状态组件（Class）而烦恼吗？ ——拥有了hooks，你再也不需要写Class了，你的所有组件都将是Function。 你还在为搞不清使用哪个生命周期钩子函数而日夜难眠吗？ ——拥有了Hooks，生命周期钩子函数可以先丢一边了。 你在还在为组件中的
阅读全文
摘要：高阶组件 简单来说，高阶组件是一个函数，能够接受一个组件并返回一个新的组件。 组件是将 props 转化成 UI ，然而 高阶组件将一个组价转化成另外一个组件。 装饰器 ES7中的一种语法糖，与Python中的装饰器使用及作用类似，其实就是以一种更为简洁的方式来来包装修改类的行为。装饰对象包括：类、
阅读全文
摘要：1.什么是HOC? HOC(Higher-order component)是一种React 的进阶使用方法，只要还是为了便于组件的复用。强调一点，HOC本身并不是 React API, 它就是一个方法，一个接收一个组件作为参数，返回一个增强的组件的方法。 概括的讲，HOC能够实现： 1. 代码复用，
阅读全文
摘要：组件本身更多是作为一个容器，它所包含的内容可能是动态的、未预先定义的。这时候它的内容取决另一个组件或外部的输入。比如弹层。 props.children： React在组件中提供了props.children这个内置变量。当我们创建一个用作容器的组件时，在其返回的JSX中插入{props.child
阅读全文
