kule2018 / blog-9

📚 集博客之精华而生的目录，已有设计模式手册、Webpack4教程，欢迎食用

已完成系列

• 设计模式手册
• Webpack4渐进式教程

进行中系列

• Hexo主题开发教程
• 前端面试手记

前端面试手记

• JavaScript篇
  • 谈谈promise/async/await的执行顺序与V8引擎的BUG: 再谈一道网上泛滥的面试题和它当下真正正确的答案
  • 前端面试中常考的源码实现: call/apply/bind、完美的深拷贝函数、数据双向绑定、instanceof原理实现
• CSS篇
  • Flex上手与实战: CSS3的核心布局方式
  • 你了解css3的nth-child吗: 通过数学运算选定指定范围的子元素集合

设计模式手册

每种设计模式基本都用ES6和Python进行了实现，选取的例子也都是最典型的应用（避免长篇大论）。

1. 单例模式：https://godbmw.com/passages/2018-10-23-singleton-pattern/
2. 策略模式: https://godbmw.com/passages/2018-10-25-stragegy-pattern/
3. 代理模式: https://godbmw.com/passages/2018-11-01-proxy-pattern/
4. 迭代器模式: https://godbmw.com/passages/2018-11-06-iter-pattern/
5. 订阅-发布模式: https://godbmw.com/passages/2018-11-18-publish-subscribe-pattern/
6. 命令模式: https://godbmw.com/passages/2018-11-25-command-pattern/
7. 组合模式: https://godbmw.com/passages/2018-12-12-composite-pattern/
8. 享元模式：https://godbmw.com/passages/2018-12-16-flyweight-pattern/
9. 责任链模式: https://godbmw.com/passages/2019-01-07-chain-of-responsibility-pattern/
10. 装饰者模式: https://godbmw.com/passages/2019-01-12-decorator-pattern/
11. 状态模式: https://godbmw.com/passages/2019-01-16-state-pattern/
12. 适配器模式: https://godbmw.com/passages/2019-01-17-adapter-pattern/
13. 桥接模式: https://godbmw.com/passages/2019-01-19-bridge-pattern/
14. 解释器模式: https://godbmw.com/passages/2019-01-25-interpreter-pattern/
15. 备忘录模式: https://godbmw.com/passages/2019-01-26-memento-pattern/
16. 模板模式: https://godbmw.com/passages/2019-01-31-template-pattern/

Webpack4渐进式教程

配套代码地址：https://github.com/dongyuanxin/webpack-demos

1. webpack4 系列教程: 前言: https://godbmw.com/passages/2018-07-29-webpack-demos-introduction/
2. webpack4 系列教程(一): 打包 JS : https://godbmw.com/passages/2018-07-30-webpack-pack-js/
3. webpack4 系列教程(二): 编译 ES6 : https://godbmw.com/passages/2018-07-31-webpack-compile-es6/
4. webpack4 系列教程(三): 多页面解决方案--提取公共代码 : https://godbmw.com/passages/2018-08-06-webpack-mutiple-pages/
5. webpack4 系列教程(四): 单页面解决方案--代码分割和懒加载 : https://godbmw.com/passages/2018-08-08-webpack-spa-split-lazy/
6. webpack4 系列教程(五): 处理 CSS : https://godbmw.com/passages/2018-08-17-webpack-css/
7. webpack4 系列教程(六): 处理 SCSS : https://godbmw.com/passages/2018-08-18-webpack-scss/
8. webpack4 系列教程(七): SCSS 提取和懒加载 : https://godbmw.com/passages/2018-08-28-webpack-scss-lazy/
9. webpack4 系列教程(八): JS Tree Shaking : https://godbmw.com/passages/2018-09-01-js-tree-shaking/
10. webpack4 系列教程(九): CSS Tree Shaking : https://godbmw.com/passages/2018-09-02-css-tree-shaking/
11. webpack4 系列教程(十): 图片处理汇总 : https://godbmw.com/passages/2018-09-11-webpack-image/
12. webpack4 系列教程(十一)：字体文件处理 : https://godbmw.com/passages/2018-10-09-webpack-chracter-file/
13. webpack4 系列教程(十二)：处理第三方 JavaScript 库 : https://godbmw.com/passages/2018-10-09-webpack-js-pacakge/
14. webpack4 系列教程(十三)：自动生成 HTML 文件 : https://godbmw.com/passages/2018-10-17-automatic-html/
15. webpack4 系列教程(十四)：Clean Plugin and Watch Mode : https://godbmw.com/passages/2018-10-18-webpack-clean-and-watch-mode/
16. webpack4 系列教程(十五)：开发模式与 webpack-dev-server :https://godbmw.com/passages/2018-10-19-webpack-dev-server/
17. webpack4 系列教程(十六)：开发模式和生产模式·实战 : https://godbmw.com/passages/2018-10-19-webpack-dev-and-prod/