07 2020 档案
摘要：代理模式的定义：为⼀个对象提供⼀个代⽤品或占位符，以便控制对它的访问。 常⽤的虚拟代理形式：某⼀个花销很⼤的操作，可以通过虚拟代理的⽅式延迟到这种需要它的时候才去 创建（例：使⽤虚拟代理实现图⽚懒加载） 图⽚懒加载的⽅式：先通过⼀张loading图占位，然后通过异步的⽅式加载图⽚，等图⽚加载好了再把
阅读全文
摘要：策略模式的定义：定义⼀系列的算法，把他们⼀个个封装起来，并且使他们可以相互替换。 策略模式的⽬的就是将算法的使⽤算法的实现分离开来。 ⼀个基于策略模式的程序⾄少由两部分组成。第⼀个部分是⼀组策略类（可变），策略类封装了具体的 算法，并负责具体的计算过程。第⼆个部分是环境类Context（不变），Co
阅读全文
摘要：1.单例模式的定义：保证⼀个类仅有⼀个实例，并提供⼀个访问它的全局访问点。实现的⽅法为先判断实例存在与否，如果存在则直接返回，如果不存在就创建了再返回，这就确保了⼀个类只有⼀个实例对象。 适⽤场景：⼀个单⼀对象。⽐如：弹窗，⽆论点击多少次，弹窗只应该被创建⼀次' 实现起来也很简单，⽤⼀个变量缓存即可
阅读全文
摘要：pub/sub 这个应该⼤家⽤到最⼴的设计模式了， class Event{ constructor(){ this.callbacks = {} } $off(name){ this.callbacks[name] = null } $emit(name, args){ let cbs = thi
阅读全文
摘要：选项选择： ⾃定义选项 - Manually select features 添加ts⽀持 - TypeScript 基于类的组件 - y tslint 类型注解和类型检查 let name = "xx"; // 类型推论 let title: string = "开课吧"; // 类型注解 nam
阅读全文
摘要：setState class组件的特点，就是拥有特殊状态并且可以通过setState更新状态并重新渲染视图，是React中最重要的api。 1. setState为什么是异步 // 批量 this.setState({ counter: this.state.counter + 1 }); this
阅读全文
摘要：JSX 在线尝试 1. 什么是JSX 语法糖 React 使⽤ JSX 来替代常规的 JavaScript。 JSX 是⼀个看起来很像 XML 的 JavaScript 语法扩展。 2. 为什么需要JSX 开发效率：使⽤ JSX 编写模板简单快速。 执⾏效率：JSX编译为 JavaScript 代码
阅读全文
摘要：const React = { Children: { map, forEach, count, toArray, only, }, createRef, Component, PureComponent, createContext, forwardRef, lazy, memo, useCall
阅读全文
摘要：Docker-Compose // 强制重新构建并启 # --force-recreate 强制重建容器 # --build 强制编译 docker-compose up -d --force-recreate --build #docker-compose.yml version: '3.1' s
阅读全文
摘要：Docker概念 隔离的进程独⽴于宿主和其它的隔离的进程 - 容器 GO语⾔开发 特点 ⾼效的利⽤系统资源 快速的启动时间 ⼀致的运⾏环境 持续交付和部署 更轻松的迁移 对⽐传统虚拟机总结 特性 容器 虚拟机 启动 秒级 分钟级 硬盘使⽤ ⼀般为 MB ⼀般为 GB 性能 接近原⽣ 弱于 系统⽀持量
阅读全文
摘要：Nginx 反向代理 + 前端打包Dist yum install nginx apt update apt install nginx 添加静态路由 # /etc/nginx/sites-enable/taro server { listen 80; server_name taro.joseph
阅读全文
摘要：如何构建⼀个⾼可⽤的node环境 主要解决问题 故障恢复 多核利⽤ http://www.sohu.com/a/247732550_796914 多进程共享端⼝ // app.js const Koa = require('koa'); // 创建⼀个Koa对象表示web app本身: const
阅读全文
摘要：react-redux react-redux为提供了两个api 全局提供store，index.js import React from 'react' import ReactDom from 'react-dom' import App from './App' import store fr
阅读全文
