摘要：
表单校验 Web项目中，登录，注册等等功能都需要表单提交，当把用户的数据提交给后台之前，前端一般要做一些力所能及的校验，比如是否填写，填写的长度，密码是否符合规范等等，前端校验可以避免提交不合规范的表单。 假如我们有一个表单，校验逻辑如下： 用户名不为空 密码长度不低于6位 手机号符合格式 未使用策 阅读全文
摘要：
什么是圣杯布局以及双飞翼布局 上图就是一个经典的圣杯布局和双飞翼布局的模型，即三列结构，左右两边定宽，中间自适应，能根据屏幕大小做响应。 实现方式 浮动(经典方式) 在介绍这种方式之前要先说一下margin设置负值的作用： 1. /`margin left`设置负值会将元素拉入对应位置 可以看到，当 阅读全文
摘要：
惰性单例模式 之前介绍了JS中类的单例模式，这次我们讨论下单例模式的应用。在众多网站中，登录框的实现方式就是一个单例，点击一次就展示一次，所以我们可以在页面加载好的时候就创建一个登录框，点击页面上的登录按钮时，用于控制它的显示和隐藏。 代码实现： 登录 现在达到了 惰性 的目的，但失去了单例的效果。 阅读全文
摘要：
概念 保证一个类仅有一个实例，并提供一个全局访问点 为什么要用单例模式 想象一下某些web应用，当点击登录按钮时，会弹出一个登录框，无论你点击多少次这个登录按钮，登录框都只会出现一个，不会出现多个登录框。同时不会频繁的进行删除和添加，而是同一个登录框进行隐藏和显示，因为删除和添加十分耗费性能，所以单 阅读全文