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