mirror of
https://github.com/zhwei820/learn.lianglianglee.com.git
synced 2025-09-17 08:46:40 +08:00
445 lines
13 KiB
HTML
445 lines
13 KiB
HTML
<!DOCTYPE html>
|
|
|
|
<!-- saved from url=(0046)https://kaiiiz.github.io/hexo-theme-book-demo/ -->
|
|
|
|
<html xmlns="http://www.w3.org/1999/xhtml">
|
|
|
|
<head>
|
|
|
|
<head>
|
|
|
|
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
|
|
|
|
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1.0, user-scalable=no">
|
|
|
|
<link rel="icon" href="/static/favicon.png">
|
|
|
|
<title>12 构建模式：想要车还是庄园.md.html</title>
|
|
|
|
<!-- Spectre.css framework -->
|
|
|
|
<link rel="stylesheet" href="/static/index.css">
|
|
|
|
<!-- theme css & js -->
|
|
|
|
<meta name="generator" content="Hexo 4.2.0">
|
|
|
|
</head>
|
|
<body>
|
|
<div class="book-container">
|
|
|
|
<div class="book-sidebar">
|
|
|
|
<div class="book-brand">
|
|
|
|
<a href="/">
|
|
|
|
<img src="/static/favicon.png">
|
|
|
|
<span>技术文章摘抄</span>
|
|
|
|
</a>
|
|
|
|
</div>
|
|
|
|
<div class="book-menu uncollapsible">
|
|
|
|
<ul class="uncollapsible">
|
|
|
|
<li><a href="/" class="current-tab">首页</a></li>
|
|
|
|
</ul>
|
|
<ul class="uncollapsible">
|
|
|
|
<li><a href="../">上一级</a></li>
|
|
|
|
</ul>
|
|
<ul class="uncollapsible">
|
|
|
|
<li>
|
|
|
|
|
|
<a href="/专栏/白话设计模式 28 讲（完）/00 生活中的设计模式：启程之前，请不要错过我.md.html">00 生活中的设计模式：启程之前，请不要错过我.md.html</a>
|
|
</li>
|
|
|
|
<li>
|
|
|
|
|
|
<a href="/专栏/白话设计模式 28 讲（完）/01 监听模式：坑爹的热水器.md.html">01 监听模式：坑爹的热水器.md.html</a>
|
|
</li>
|
|
|
|
<li>
|
|
|
|
|
|
<a href="/专栏/白话设计模式 28 讲（完）/02 适配模式：身高不够鞋来凑.md.html">02 适配模式：身高不够鞋来凑.md.html</a>
|
|
</li>
|
|
|
|
<li>
|
|
|
|
|
|
<a href="/专栏/白话设计模式 28 讲（完）/03 状态模式：人与水的三态.md.html">03 状态模式：人与水的三态.md.html</a>
|
|
</li>
|
|
|
|
<li>
|
|
|
|
|
|
<a href="/专栏/白话设计模式 28 讲（完）/04 单例模式：你是我生命的唯一.md.html">04 单例模式：你是我生命的唯一.md.html</a>
|
|
</li>
|
|
|
|
<li>
|
|
|
|
|
|
<a href="/专栏/白话设计模式 28 讲（完）/05 职责模式：我的假条去哪了.md.html">05 职责模式：我的假条去哪了.md.html</a>
|
|
</li>
|
|
|
|
<li>
|
|
|
|
|
|
<a href="/专栏/白话设计模式 28 讲（完）/06 中介模式：找房子问中介.md.html">06 中介模式：找房子问中介.md.html</a>
|
|
</li>
|
|
|
|
<li>
|
|
|
|
|
|
<a href="/专栏/白话设计模式 28 讲（完）/07 代理模式：帮我拿一下快递.md.html">07 代理模式：帮我拿一下快递.md.html</a>
|
|
</li>
|
|
|
|
<li>
|
|
|
|
|
|
<a href="/专栏/白话设计模式 28 讲（完）/08 装饰模式：你想怎么穿就怎么穿.md.html">08 装饰模式：你想怎么穿就怎么穿.md.html</a>
|
|
</li>
|
|
|
|
<li>
|
|
|
|
|
|
<a href="/专栏/白话设计模式 28 讲（完）/09 工厂模式：你要拿铁还是摩卡.md.html">09 工厂模式：你要拿铁还是摩卡.md.html</a>
|
|
</li>
|
|
|
|
<li>
|
|
|
|
|
|
<a href="/专栏/白话设计模式 28 讲（完）/10 迭代模式：下一个就是你了.md.html">10 迭代模式：下一个就是你了.md.html</a>
|
|
</li>
|
|
|
|
<li>
|
|
|
|
|
|
<a href="/专栏/白话设计模式 28 讲（完）/11 组合模式：自己组装电脑.md.html">11 组合模式：自己组装电脑.md.html</a>
|
|
</li>
|
|
|
|
<li>
|
|
<a class="current-tab" href="/专栏/白话设计模式 28 讲（完）/12 构建模式：想要车还是庄园.md.html">12 构建模式：想要车还是庄园.md.html</a>
|
|
|
|
|
|
</li>
|
|
|
|
<li>
|
|
|
|
|
|
<a href="/专栏/白话设计模式 28 讲（完）/13 克隆模式：给你一个分身术.md.html">13 克隆模式：给你一个分身术.md.html</a>
|
|
</li>
|
|
|
|
<li>
|
|
|
|
|
|
<a href="/专栏/白话设计模式 28 讲（完）/14 策略模式：怎么来不重要，人到就行.md.html">14 策略模式：怎么来不重要，人到就行.md.html</a>
|
|
</li>
|
|
|
|
<li>
|
|
|
|
|
|
<a href="/专栏/白话设计模式 28 讲（完）/15 命令模式：大闸蟹，走起！.md.html">15 命令模式：大闸蟹，走起！.md.html</a>
|
|
</li>
|
|
|
|
<li>
|
|
|
|
|
|
<a href="/专栏/白话设计模式 28 讲（完）/16 备忘模式：好记性不如烂笔头.md.html">16 备忘模式：好记性不如烂笔头.md.html</a>
|
|
</li>
|
|
|
|
<li>
|
|
|
|
|
|
<a href="/专栏/白话设计模式 28 讲（完）/17 享元模式：颜料很贵必须充分利用.md.html">17 享元模式：颜料很贵必须充分利用.md.html</a>
|
|
</li>
|
|
|
|
<li>
|
|
|
|
|
|
<a href="/专栏/白话设计模式 28 讲（完）/18 外观模式：学妹别慌，学长帮你.md.html">18 外观模式：学妹别慌，学长帮你.md.html</a>
|
|
</li>
|
|
|
|
<li>
|
|
|
|
|
|
<a href="/专栏/白话设计模式 28 讲（完）/19 访问模式：一千个读者一千个哈姆雷特.md.html">19 访问模式：一千个读者一千个哈姆雷特.md.html</a>
|
|
</li>
|
|
|
|
<li>
|
|
|
|
|
|
<a href="/专栏/白话设计模式 28 讲（完）/20 生活中的设计模式：与经典设计模式的不解渊源.md.html">20 生活中的设计模式：与经典设计模式的不解渊源.md.html</a>
|
|
</li>
|
|
|
|
<li>
|
|
|
|
|
|
<a href="/专栏/白话设计模式 28 讲（完）/21 生活中的设计模式：那些未完待续的设计模式.md.html">21 生活中的设计模式：那些未完待续的设计模式.md.html</a>
|
|
</li>
|
|
|
|
<li>
|
|
|
|
|
|
<a href="/专栏/白话设计模式 28 讲（完）/22 深入解读过滤器模式：制作一杯鲜纯细腻的豆浆.md.html">22 深入解读过滤器模式：制作一杯鲜纯细腻的豆浆.md.html</a>
|
|
</li>
|
|
|
|
<li>
|
|
|
|
|
|
<a href="/专栏/白话设计模式 28 讲（完）/23 深入解读对象池技术：共享让生活更便捷.md.html">23 深入解读对象池技术：共享让生活更便捷.md.html</a>
|
|
</li>
|
|
|
|
<li>
|
|
|
|
|
|
<a href="/专栏/白话设计模式 28 讲（完）/24 深入解读回调机制：把你技能亮出来.md.html">24 深入解读回调机制：把你技能亮出来.md.html</a>
|
|
</li>
|
|
|
|
<li>
|
|
|
|
|
|
<a href="/专栏/白话设计模式 28 讲（完）/25 谈谈我对设计模式的理解.md.html">25 谈谈我对设计模式的理解.md.html</a>
|
|
</li>
|
|
|
|
<li>
|
|
|
|
|
|
<a href="/专栏/白话设计模式 28 讲（完）/26 谈谈我对设计原则的思考.md.html">26 谈谈我对设计原则的思考.md.html</a>
|
|
</li>
|
|
|
|
<li>
|
|
|
|
|
|
<a href="/专栏/白话设计模式 28 讲（完）/27 谈谈我对项目重构的看法.md.html">27 谈谈我对项目重构的看法.md.html</a>
|
|
</li>
|
|
|
|
</ul>
|
|
</div>
|
|
|
|
</div>
|
|
<div class="sidebar-toggle" onclick="sidebar_toggle()" onmouseover="add_inner()" onmouseleave="remove_inner()">
|
|
|
|
<div class="sidebar-toggle-inner"></div>
|
|
|
|
</div>
|
|
<script>
|
|
|
|
function add_inner() {
|
|
|
|
let inner = document.querySelector('.sidebar-toggle-inner')
|
|
|
|
inner.classList.add('show')
|
|
|
|
}
|
|
function remove_inner() {
|
|
|
|
let inner = document.querySelector('.sidebar-toggle-inner')
|
|
|
|
inner.classList.remove('show')
|
|
|
|
}
|
|
function sidebar_toggle() {
|
|
|
|
let sidebar_toggle = document.querySelector('.sidebar-toggle')
|
|
|
|
let sidebar = document.querySelector('.book-sidebar')
|
|
|
|
let content = document.querySelector('.off-canvas-content')
|
|
|
|
if (sidebar_toggle.classList.contains('extend')) { // show
|
|
|
|
sidebar_toggle.classList.remove('extend')
|
|
|
|
sidebar.classList.remove('hide')
|
|
|
|
content.classList.remove('extend')
|
|
|
|
} else { // hide
|
|
|
|
sidebar_toggle.classList.add('extend')
|
|
|
|
sidebar.classList.add('hide')
|
|
|
|
content.classList.add('extend')
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
function open_sidebar() {
|
|
|
|
let sidebar = document.querySelector('.book-sidebar')
|
|
|
|
let overlay = document.querySelector('.off-canvas-overlay')
|
|
|
|
sidebar.classList.add('show')
|
|
|
|
overlay.classList.add('show')
|
|
|
|
}
|
|
|
|
function hide_canvas() {
|
|
|
|
let sidebar = document.querySelector('.book-sidebar')
|
|
|
|
let overlay = document.querySelector('.off-canvas-overlay')
|
|
|
|
sidebar.classList.remove('show')
|
|
|
|
overlay.classList.remove('show')
|
|
|
|
}
|
|
</script>
|
|
<div class="off-canvas-content">
|
|
|
|
<div class="columns">
|
|
|
|
<div class="column col-12 col-lg-12">
|
|
|
|
<div class="book-navbar">
|
|
|
|
<!-- For Responsive Layout -->
|
|
|
|
<header class="navbar">
|
|
|
|
<section class="navbar-section">
|
|
|
|
<a onclick="open_sidebar()">
|
|
|
|
<i class="icon icon-menu"></i>
|
|
|
|
</a>
|
|
|
|
</section>
|
|
|
|
</header>
|
|
|
|
</div>
|
|
|
|
<div class="book-content" style="max-width: 960px; margin: 0 auto;
|
|
|
|
overflow-x: auto;
|
|
|
|
overflow-y: hidden;">
|
|
|
|
<div class="book-post">
|
|
|
|
<p id="tip" align="center"></p>
|
|
|
|
<div><h1>12 构建模式：想要车还是庄园</h1>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
<div>
|
|
|
|
<div style="float: left">
|
|
|
|
<a href="/专栏/白话设计模式 28 讲（完）/11 组合模式：自己组装电脑.md.html">上一页</a>
|
|
|
|
</div>
|
|
|
|
<div style="float: right">
|
|
|
|
<a href="/专栏/白话设计模式 28 讲（完）/13 克隆模式：给你一个分身术.md.html">下一页</a>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
<a class="off-canvas-overlay" onclick="hide_canvas()"></a>
|
|
|
|
</div>
|
|
|
|
<script defer src="https://static.cloudflareinsights.com/beacon.min.js/v652eace1692a40cfa3763df669d7439c1639079717194" integrity="sha512-Gi7xpJR8tSkrpF7aordPZQlW2DLtzUlZcumS8dMQjwDHEnw9I7ZLyiOj/6tZStRBGtGgN6ceN6cMH8z7etPGlw==" data-cf-beacon='{"rayId":"70997b9548233cfa","version":"2021.12.0","r":1,"token":"1f5d475227ce4f0089a7cff1ab17c0f5","si":100}' crossorigin="anonymous"></script>
|
|
|
|
</body>
|
|
|
|
<!-- Global site tag (gtag.js) - Google Analytics -->
|
|
|
|
<script async src="https://www.googletagmanager.com/gtag/js?id=G-NPSEEVD756"></script>
|
|
|
|
<script>
|
|
|
|
window.dataLayer = window.dataLayer || [];
|
|
function gtag() {
|
|
|
|
dataLayer.push(arguments);
|
|
|
|
}
|
|
gtag('js', new Date());
|
|
|
|
gtag('config', 'G-NPSEEVD756');
|
|
|
|
var path = window.location.pathname
|
|
|
|
var cookie = getCookie("lastPath");
|
|
|
|
console.log(path)
|
|
|
|
if (path.replace("/", "") === "") {
|
|
|
|
if (cookie.replace("/", "") !== "") {
|
|
|
|
console.log(cookie)
|
|
|
|
document.getElementById("tip").innerHTML = "<a href='" + cookie + "'>跳转到上次进度</a>"
|
|
|
|
}
|
|
|
|
} else {
|
|
|
|
setCookie("lastPath", path)
|
|
|
|
}
|
|
function setCookie(cname, cvalue) {
|
|
|
|
var d = new Date();
|
|
|
|
d.setTime(d.getTime() + (180 * 24 * 60 * 60 * 1000));
|
|
|
|
var expires = "expires=" + d.toGMTString();
|
|
|
|
document.cookie = cname + "=" + cvalue + "; " + expires + ";path = /";
|
|
|
|
}
|
|
function getCookie(cname) {
|
|
|
|
var name = cname + "=";
|
|
|
|
var ca = document.cookie.split(';');
|
|
|
|
for (var i = 0; i < ca.length; i++) {
|
|
|
|
var c = ca[i].trim();
|
|
|
|
if (c.indexOf(name) === 0) return c.substring(name.length, c.length);
|
|
|
|
}
|
|
|
|
return "";
|
|
|
|
}
|
|
</script>
|
|
</html>
|
|
|