前端工程化 · 73/90
1. Babel 的工作原理 2. body-parser 中间件的作用 3. Babel 转译原理 4. 浏览器和 Node 中的事件循环区别 5. 职责链模式 6. 链模式 7. 命令模式 8. 组件封装设计 9. 数据统计 10. dependencies 和 devDependencies 的区别 11. CommonJS 和 ES6 模块引入的区别 12. 设计模式分类 13. 前端开发中常用的设计模式 14. 设计模式应用场景 15. 设计原则 16. 开发环境搭建要点 17. Electron 理解 18. 前后端分离是什么 19. 工厂模式 20. 前端代码重构 21. 前端组件化 22. 前端工程师职业发展 23. 前端工程化方向 24. 前端工程化的理解 25. 前端工程价值体现 26. 前端工程化 27. Git 常用命令与工作流 28. Gulp 任务自动化工具 29. 图片导出 30. 前端模块化规范 31. 迭代器模式 32. JavaScript 编码规范 33. 前端 CI/CD 流程 34. jQuery 生态对比 35. jQuery 实现原理 36. jQuery 与 Sizzle 选择器集成 37. Koa 中间件异常处理 38. jQuery 源码优秀实践 39. jQuery 与 Zepto 对比 40. jQuery UI 自定义组件 41. Koa 中间件不调用 await next() 的影响 42. Koa 在没有 async/await 时如何实现洋葱模型 43. Koa 和 Express 的区别 44. Koa 洋葱模型 45. 登录实现 46. 中介者模式 47. 模块模式 48. 小程序架构 49. 小程序常见问题 50. Monorepo 概念与工具 51. mpvue 框架 52. MVC vs MVP vs MVVM 53. Node.js ES Module 为什么必须加文件扩展名 54. MVC、MVP 和 MVVM 架构模式 55. Node.js 全局对象 56. Node.js 性能监控与优化 57. Node.js 多进程与进程通讯 58. Node.js 调试方法 59. Node.js 中的 process 对象 60. Node.js 的理解与应用场景 61. npm 是什么? 62. 观察者模式和发布订阅模式的区别 63. 页面重构方法 64. PM2 守护进程原理 65. 分页功能的前后端设计 66. PostCSS 作用 67. 项目管理方法 68. Rollup 打包工具 69. 高质量前端代码 70. JavaScript 单例模式实现 71. SSG 静态网站生成 72. 模板方法模式 73. 设计模式的六大原则 74. Tree Shaking 原理 75. 用户授权信息获取流程 76. Vite 原理与性能优势 77. Web App vs Hybrid App vs Native App 78. Web 前端开发注意事项 79. Web APP 设计原则 80. Webpack 构建流程 81. Hash vs ChunkHash vs ContentHash 82. Webpack 热更新原理 83. Webpack Loader 与 Plugin 区别 84. webpack 的 module、bundle、chunk 是什么 85. Webpack Proxy 工作原理与跨域解决 86. webpack、rollup、parcel 的选择 87. WePy 与 mpvue 对比 88. WXML 和 WXSS 89. Webpack Scope Hoisting 90. Zepto 实现原理

设计模式的六大原则

面向对象设计的六个基本原则:开放封闭、里氏代换、依赖倒转、接口隔离、迪米特法则和单一职责

问题

什么是设计模式的六大原则?

解答

开放封闭原则(Open Close Principle)

通过扩展软件实体来解决需求变化,而不是修改已有代码。软件产品在生命周期内必然发生变化,在设计时应该适应这些变化,提高项目的稳定性和灵活性。

里氏代换原则(Liskov Substitution Principle)

使用基类的地方可以用子类完美替换。子类可以扩展父类的功能,但不能改变父类原有的功能。子类可以实现父类的抽象方法,但不能覆盖父类的非抽象方法,子类中可以增加自己特有的方法。

这样可以增加程序的健壮性,即使增加了子类,原有的子类还可以继续运行,互不影响。

依赖倒转原则(Dependence Inversion Principle)

面向接口编程,依赖于抽象而不依赖于具体。在程序代码中传递参数时或在关联关系中,尽量引用层次高的抽象层类。这是开放封闭原则的基础。

接口隔离原则(Interface Segregation Principle)

使用多个隔离的接口,比使用单个接口要好。目的是降低类之间的耦合度。例如支付类的接口和订单类的接口,应该设计成两个隔离的接口,而不是混在一起。

迪米特法则(Demeter Principle)

也称最少知道原则。一个对象应当对其他对象有尽可能少的了解,即类间解耦。一个类尽量减少自己对其他对象的依赖,只有使各个模块之间的耦合尽量低,才能提高代码的复用率。

单一职责原则(Single Responsibility Principle)

一个方法或一个类只负责一件事情。各个职责的程序改动,不影响其他程序。这样可以降低类和类的耦合,提高可读性,增加可维护性和可扩展性,降低可变性的风险。

关键点

  • 开放封闭原则:通过扩展而非修改来应对变化
  • 里氏代换原则:子类可以替换父类,但不能改变父类原有功能
  • 依赖倒转原则:面向接口编程,依赖抽象而非具体实现
  • 接口隔离原则:使用多个专门的接口,降低耦合度
  • 迪米特法则:类之间保持最少了解,减少依赖关系
  • 单一职责原则:一个类或方法只负责一个职责