2021-06-03 JavaScript设计模式 -- 设计原则 JavaScript设计模式 前端 单一职责原则(SRP)就一个类而言,应该仅有一个引起它变化的原因。在 js 中,需要用到类的场景不多。单一职责更多的被运用到对象或者方法级别上。 单一职责原则(SRP)被定义为“引起变化的原因”。如果我们有两个动机去改写一个方法,那么这个方
2021-06-03 JavaScript设计模式 -- 1.单例模式 JavaScript设计模式 前端 定义 保证一个类只有一个实例,并提供一个访问它的全局访问点 常见场景 线程池 全局缓存 浏览器中的 window 对象 最简单的单例就是全局创建一个 var a = {}; 使用类创建一个单例对象 var Sing
2021-06-03 JavaScript设计模式 -- 2.策略模式 JavaScript设计模式 前端 定义 策略模式就是定义一系列的算法,将他们一个个封装起来。 使用场景在实际开发中,我们需要将算法的含义扩大一些。 比如,策略模式可以有效的拆分 业务逻辑,减少代码中的if .... else....这种分支 假设我们有一个按钮。需要根据
2021-06-03 JavaScript设计模式 -- 3.代理模式 JavaScript设计模式 前端 定义 代理模式是为一个对象提供一个代用品或占位符,以便控制对它的访问。代理模式的关键是当客户不方便直接访问对象或者不满足需要时。提供一个替身对象来控制对这个对象的访问,客户实际上访问的是替身对象 st=>start: 客户 op=>ope
2020-12-04 数据结构和算法 数据结构 数据结构和算法数据结构,主要需要掌握,数组,栈,队列,链表,树(二叉树) 数组这是一种最简单,最基础的数据结构,在 js 中是原生支持的 栈在 js 中,栈和队列都没有原生的实现,需要依赖数组实现 栈是后进先出的一个数据结构,所以只能用到
2020-09-10 React SSR(Server Side Render) React 前端 客户端渲染 vs 服务端渲染 客户端渲染 服务端渲染 请求 多个请求(HTML, 数据等) 1 个请求(HTML) 加载过程 HTML 和数据串行加载 1 个请求返回 HTML 和数据 渲染 前端加载空白 html,然后
2020-09-03 React Router中HashRouter和BrowserRouter的区别 React 前端 传参方式HashRouter 通过在url中增加查询字符串。如 <Link to={{pathname: '/test', search: '?id=1'}}>或者<Link to=
2020-09-03 如何锁定项目的node版本 NPMNode 后端 在一个项目中,随着时间的推移,一些依赖库可能只能工作于当时安装时所采用的 node 版本。这时再使用新版本 node 时就无法保证项目在一个稳定的环境中运行,甚至是无法运行。为了稳定,通常我们需要在开始时就选定一个兼容性强的 node LT