了解设计模式是学习一切软件架构设计的基础,大到一个项目的整体框架设计,小到一个功能函数的优化,都有着重要意义。《代码大全》中将设计模式共分为了 23 类,分别为: 创建型模式(5 种):工厂方法模式、抽象工厂模式、单例模式、建造者模式、原型模式。 结构型模式(7 种):适配器模式、装饰器模式、代理模式、外观模式、桥接模式、组合模式、享元模式。 行为型模式(11 种):策略模式、模板方法模式、观察者模式、迭代子模式、责任链模式、命令模式、备忘录模式、状态模式、访问者模式、中介者模式、解释器模式。 接下来我将针对其中常用的几种设计模式进行解读与实现,供大家参考。
设计模式的 js 实现 (1)--单例模式
了解设计模式是学习一切软件架构设计的基础,大到一个项目的整体框架设计,小到一个功能函数的优化,都有着重要意义。《代码大全》中将设计模式共分为了 23 类,分别为: 创建型模式(5 种):工厂方法模式、抽象工厂模式、单例模式、建造者模式、原型模式。 结构型模式(7 种):适配器模式、装饰器模式、代理模式、外观模式、桥接模式、组合模式、享元模式。 行为型模式(11 种):策略模式、模板方法模式、观察者模式、迭代子模式、责任链模式、命令模式、备忘录模式、状态模式、访问者模式、中介者模式、解释器模式。 接下来我将针对其中常用的几种设计模式进行解读与实现,供大家参考。
利用 React 高阶组件实现一个面包屑导航
css 的垂直居中方法
CSS 是每一个前端工程师都绕不过去的坎,熟练运用 CSS 后,实现同样一种效果我们可以有很多种写法,但由于兼容问题,通常简洁的写法并不能实现全平台统一效果,复杂的写法对性能又不太友好,导致我们在编写 CSS 过程中有很多需要注意的点,要踩很多的坑,因此用一个笔记来集中记录一下方法。
git 常用命令笔记
git 是现如今最火的版本控制工具,尽管已经使用了 GitHub 数年的时间了,但一直没有对 git 命令以及作用进行深入的分析和学习,对 git 的使用还仅停留在 add、commit、push、clone 上,这根本算不得掌握 git。因此,这次一得出空来就开始从头恶补 git 知识了,分享出来与大家一同学习进步。