观察者模式与发布/订阅模式区别：
- 从两张图片可以看到，最大的区别是调度的地方。虽然两种模式都存在订阅者和发布者（具体观察者可认为是订阅者、具体目标可认为是发布者），但是观察者模式是由具体目标调度的，而发布/订阅模式是统一由调度中心调的，所以观察者模式的订阅者与发布者之间是存在依赖的，而发布/订阅模式则不会。
- 两种模式都可以用于松散耦合，改进代码管理和潜在的复用。
子元素的padding如果设置百分比，不论是垂直方向或者是水平方向，都相对于直接父亲元素的width，而与父元素的height无关。
子元素的margin如果设置成百分比，不论是垂直方向还是水平方向，都相对于直接父元素的width。
响应式布局的常用解决方案：@media媒体查询、通过百分比单位 " % "、rem单位都是相对于根元素html的font-size来决定大小的,、通过vw/vh
JS字符串有哪些方法：
chartAt()、charCodeAt()、concat()、substring()、slice()、substr()、indexOf、lastIndexOf()、includes()、startsWith()、endsWith()、trim()、search()、split()
