摘要：什么是圣杯布局以及双飞翼布局 上图就是一个经典的圣杯布局和双飞翼布局的模型，即三列结构，左右两边定宽，中间自适应，能根据屏幕大小做响应。 实现方式 浮动(经典方式) 在介绍这种方式之前要先说一下margin设置负值的作用： 1. /`margin left`设置负值会将元素拉入对应位置 可以看到，当 阅读全文

摘要：惰性单例模式 之前介绍了JS中类的单例模式，这次我们讨论下单例模式的应用。在众多网站中，登录框的实现方式就是一个单例，点击一次就展示一次，所以我们可以在页面加载好的时候就创建一个登录框，点击页面上的登录按钮时，用于控制它的显示和隐藏。 代码实现： 登录 现在达到了 惰性 的目的，但失去了单例的效果。 阅读全文

摘要：概念 保证一个类仅有一个实例，并提供一个全局访问点 为什么要用单例模式 想象一下某些web应用，当点击登录按钮时，会弹出一个登录框，无论你点击多少次这个登录按钮，登录框都只会出现一个，不会出现多个登录框。同时不会频繁的进行删除和添加，而是同一个登录框进行隐藏和显示，因为删除和添加十分耗费性能，所以单 阅读全文