前言 大家好，我是林三心，用最通俗易懂的话讲最难的知识点是我的座右铭，基础是进阶的前提是我的初心。 设计模式是什么？ 设计模式（Design pattern）代表了最佳的实践，通常被有经验的面向对象的

继上一篇 一步步从零开始用 webpack 搭建一个大型项目 之后的第二篇。本文使用了 webpack5 将项目进行了重构，并全程使用的 webpack-chain 来配置 webpack，每个功能也都是独立文件，可单独使用。因此该项目的配置可以在任何项目中被使用。此项目可实战…

前端开发是一个非常特殊的行业，它的历史实际上不是很长，但是知识之繁杂，技术迭代速度之快是其他技术所不能比拟的。 这样是一个非常真实的现状，实际上很多前端开发者都是自学甚至转行过来的，前端入门简单，学习了几个API以后上手做项目也很简单，但是这往往成为了限制自身发展的瓶颈。 只是…

无论是设计模式还是设计原则，都是针对面向对象编程，其他编程范式并不很适合，编程范式参考这篇文章。 相关实现会使用typescript,如果对ts不熟，请参考这篇文章。 这里参考 Design Patterns：elements of reusable object-orient…

本文是一系列 ts 的设计模式实战总结，并不是单纯的介绍设计模式，而是从工作中的例子出发，因为这样才能让人体会到设计模式离我们很近。全篇每个设计模式都是从，概念、一句话概括、优缺点、实战几个方面来讲。 设计模式（Design pattern）代表了最佳的实践，通常被有经验的面向…

浏览器中可以打开多个Tab页面，每个Tab页面都是独立的运行环境，那么我们如何做到在这些Tab页面之间同步页面数据或者状态呢。这时候就要研究跨页面通信。 我们可以把跨页面的通信分为两类。一是同源页面间的跨页面通信，二是非同源页面之间的跨页面通信。 1. BroadCast Ch…

起初 Vue3.0 暴露变量必须 return 出来，template中才能使用； Vue3.2 中 只需要在 script 标签上加上 setup 属性，组件在编译的过程中代码运行的上下文是在 se

在软件工程中，设计模式（Design Pattern）是对软件设计中普遍存在（反复出现）的各种问题，所提出的解决方案。根据模式的目的来划分的话，GoF（Gang of Four）设计模式可以分为以下 3 种类型： 1、创建型模式：用来描述 “如何创建对象”，它的主要特点是 “将…

单例模式: 确保一个类只有一个实例, 并且提供一个全局访问的方法, 属于创建型模式。 测试代码不变。 单例模式的目的: 确保只有一个类的实例出现, 并提供一个全局访问的方法。 单例类的职责过重，在一定程度上违背了“单一职责原则”。因为单例类既充当了工厂角色，提供了工厂方法，同时…