- 博客(8)
- 收藏
- 关注
RSS订阅
原创 简单理解函数式编程
定义 函数式编程是一种编程范式，单纯的来说就是如何编写程序的方法论， 主要思想是把运算过程写存一系列嵌套函数调用 使用函数式编程的目标是使用函数来抽象作用在数据之上的控制流与操作从而在系统中 消除副作用并减少对状态的改变。 一些基本概念 声明式编程 函数式编程属于声明范式编程这种范式会描述一系列的操作。但是并不会暴露他们是如何实现的或是数据量如何穿过他们的。 我们来看一个命令是编程的程序例子。假设你需要一个数组中收缩压数的平方 命令式编程有一下步骤： var arra = [1, 2, 3, 4, 5,
2020-07-17 20:01:25
341
原创 深入浅出设计模式一设计模式的概念与意义
设计模式的概念与意义 学习设计模式意义 设计模式的本质是面向对象设计原则的实际运用，是对类的封装性、继承性和多态性以及类的关联关系和组合关系的充分理解. 1.可以提高程序员的思维能力、编程能力和设计能力. 2.使程序设计更加标准化、代码编制更加工程化，使软件开发效率大大提高，从而缩短软件的开发周期。 3.使设计的代码可重用性高、可读性强、可靠性高、灵活性好、可维护性强。 设计模式的基本要素 软件设计模式使人们可以更加简单方便地复用成功的设计和体系结构，它通常包含以下几个基本要素：模式名称、别名、动机、问题、
2020-08-13 19:31:15
159
原创 使用useReducer +createContext 代替Redux
具体操作 讲数据集中在一个store对象 const store = { user: null, books: null, movies: null }; 讲所有操作集中在reducer上 function reducer(state, action) { if (action.type === "setUser") { return { ...state, user: action.user }; } else if (action.type === "setBook
2020-07-17 16:21:09
497
1
原创 React 常用Hooks (二)
useReducer 总的来说useReducer是useState的复杂版和redux差不多 import React, { useState, useReducer, createContext, useContext, useEffect, useMemo, useRef } from 'react'; const initial = { n: 0 }; //创建初始值 const reducer = (state: any, action: any) => { //创建所有操作
2020-07-16 21:09:22
235
原创 React 常用Hook(一)useEffect
useEffect import React, { useState, useReducer, createContext, useContext, useEffect } from 'react'; import { render } from '@testing-library/react'; function App(): any { const [n, setN] = useState(0) const onclick = () => { setN(i => i +
2020-07-16 16:35:00
184
原创 简易的MVVM框架实现
MVVM框架实现步骤 模板元素节点$el， 并且把data属性挂载到实例生成虚拟dom childNodes 属性 nodeName属性 nodeType属性 根据虚拟dom重新生成节点 document.createDocumentFragment方法 document.createTextNode方法 document.createElement方法 数据劫持，监听数据变化更新 Object.defineProperty方法 双向数据绑定 v-model vue路由 事件绑定
2020-07-16 12:25:15
305
原创 useState Hooks 原理
React useState Hooks 原理 import React, { useState, } from "react"; import ReactDOM from 'react-dom'; let _state: any = []; let index: any = 0; // 手写useState const myUseState = (initialValue: any) => { const currentIndex = index; // 如果_state[curren
2020-07-16 11:56:01
262
原创 React常用生命周期函数通俗易懂
React常用生命周期函数通俗易懂React生命周期生命周期的理解：就是在某个特定时期会被自动执行的函数。严格模式组件挂载时更新时卸载时 React生命周期 生命周期的理解：就是在某个特定时期会被自动执行的函数。 学习生命周期小套路 会在什么时候被调用 有什么用 严格模式组件 该标签会导致某些生命周期函数运行的时候，运行多了一次。 该标签仅在开发环境下生效，如果运行 yarn build 打包成生产环境代码的时候就会自动被干掉。开发环境下：第二次运行是为了严格校验。 挂载时 render const
2020-05-29 17:23:43
328
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人