zhhlwd的个人博客

最近看了慕课网的webpack4视频，对于webpack这种配置的应用，我知道具体的功能配置和概念，要用时知道怎么查找就行了，不想花费过多时间去做笔记，因为做了也记不住，自己的水平不会因此有明显提升，所以我转载了一篇别人的笔记，方便以后查找。

文章转载自https://github.com/wudiufo/WebPack4-study

设计模式应该是从设计到模式，设计原则是模式的理念，知道设计原则才能更好的掌握设计模式。

设计原则

SOLID 五大设计原则

1. S-单一职责原则：一个程序只做好一件事，如果功能过于复杂就拆分开，每个部分保持独立
2. O-开放封闭原则：对扩展开放，对修改封闭，增加需求时，扩展新代码，而非修改已有代码，这是软件设计的终极目标
3. L-李氏置换原则：子类能覆盖父类，父类能出现的地方子类就能出现，JS 中使用较少（弱类型&继承使用较少）
4. I-接口独立原则：保持接口的单一独立，避免出现“胖接口”，JS 中没有接口（typescript 例外），使用较少类似于单一职责原则，这里更关注接口
5. D-依赖导致原则：面向接口编程，依赖于抽象而不依赖于具体，使用方只关注接口而不关注具体类的实现，JS 中使用较少（没有接口&弱类型）

在框架封装，继承的时候，如果你做好了一个对象给别人使用，为了不让使用者拿过来后任意涂改，比如他把你的对象的一个方法改成了指向另一个函数，或者干脆删除了这个方法，我们需要把这个对象固化。

在 JavaScript里我们可以在三个层级上固化一个对象。从宽到严它们依次是：防止扩展、密封、冻结。

用let，const和用var来声明变量的区别 1. var - 不区分变量和常量 - 允许重新声明 - 存在变量提升 - 没有块级作用域 - 是顶层对象的属性 2. let，const - 暂时性死区 ......

要求 此博客就是使用此布局方法的，在内容区有空时，底部 footer 在窗口底部，填满时自动被挤下去 参考饿了么的商店详情,文字少时,footer 在详情底下,多时在页面底部,文字超出页面时,文字隐藏在 footer 底下,往下拉文字 footer 不变,文字往上升 实现方法 1. html,body{height: 100%;} 2. wrap{min-height: 1......