- Hexo主题开发教程
- 前端面试手记
- JavaScript篇
- JavaScript基础知识梳理(上): 普通函数和箭头函数的
this
、原始数据类型及其判断和转化方法、JS事件模型...... - JavaScript基础知识梳理(下): 实现ES5继承的4种方法、原型和原型链、闭包的理解和分析、Event Loop......
- ES6重难点整理: let和const、Set和Map、Generator和yield、Promise、async/await介绍、Proxy代理器......
- 谈谈promise/async/await的执行顺序与V8引擎的BUG: 再谈一道网上泛滥的面试题和它当下真正正确的答案
- 前端面试中常考的源码实现: call/apply/bind、完美的深拷贝函数、数据双向绑定、instanceof原理实现
- JavaScript基础知识梳理(上): 普通函数和箭头函数的
- CSS篇
- Flex上手与实战: CSS3的核心布局方式
- 你了解css3的nth-child吗: 通过数学运算选定指定范围的子元素集合
每种设计模式基本都用
ES6
和Python
进行了实现,选取的例子也都是最典型的应用(避免长篇大论)。
- 单例模式:https://godbmw.com/passages/2018-10-23-singleton-pattern/
- 策略模式: https://godbmw.com/passages/2018-10-25-stragegy-pattern/
- 代理模式: https://godbmw.com/passages/2018-11-01-proxy-pattern/
- 迭代器模式: https://godbmw.com/passages/2018-11-06-iter-pattern/
- 订阅-发布模式: https://godbmw.com/passages/2018-11-18-publish-subscribe-pattern/
- 命令模式: https://godbmw.com/passages/2018-11-25-command-pattern/
- 组合模式: https://godbmw.com/passages/2018-12-12-composite-pattern/
- 享元模式:https://godbmw.com/passages/2018-12-16-flyweight-pattern/
- 责任链模式: https://godbmw.com/passages/2019-01-07-chain-of-responsibility-pattern/
- 装饰者模式: https://godbmw.com/passages/2019-01-12-decorator-pattern/
- 状态模式: https://godbmw.com/passages/2019-01-16-state-pattern/
- 适配器模式: https://godbmw.com/passages/2019-01-17-adapter-pattern/
- 桥接模式: https://godbmw.com/passages/2019-01-19-bridge-pattern/
- 解释器模式: https://godbmw.com/passages/2019-01-25-interpreter-pattern/
- 备忘录模式: https://godbmw.com/passages/2019-01-26-memento-pattern/
- 模板模式: https://godbmw.com/passages/2019-01-31-template-pattern/
- 工厂模式: https://godbmw.com/passages/2019-03-31-factory-pattern/
- 抽象工厂模式: https://godbmw.com/passages/2019-04-01-abstract-factory-pattern/
- webpack4 系列教程: 前言: https://godbmw.com/passages/2018-07-29-webpack-demos-introduction/
- webpack4 系列教程(一): 打包 JS : https://godbmw.com/passages/2018-07-30-webpack-pack-js/
- webpack4 系列教程(二): 编译 ES6 : https://godbmw.com/passages/2018-07-31-webpack-compile-es6/
- webpack4 系列教程(三): 多页面解决方案--提取公共代码 : https://godbmw.com/passages/2018-08-06-webpack-mutiple-pages/
- webpack4 系列教程(四): 单页面解决方案--代码分割和懒加载 : https://godbmw.com/passages/2018-08-08-webpack-spa-split-lazy/
- webpack4 系列教程(五): 处理 CSS : https://godbmw.com/passages/2018-08-17-webpack-css/
- webpack4 系列教程(六): 处理 SCSS : https://godbmw.com/passages/2018-08-18-webpack-scss/
- webpack4 系列教程(七): SCSS 提取和懒加载 : https://godbmw.com/passages/2018-08-28-webpack-scss-lazy/
- webpack4 系列教程(八): JS Tree Shaking : https://godbmw.com/passages/2018-09-01-js-tree-shaking/
- webpack4 系列教程(九): CSS Tree Shaking : https://godbmw.com/passages/2018-09-02-css-tree-shaking/
- webpack4 系列教程(十): 图片处理汇总 : https://godbmw.com/passages/2018-09-11-webpack-image/
- webpack4 系列教程(十一):字体文件处理 : https://godbmw.com/passages/2018-10-09-webpack-chracter-file/
- webpack4 系列教程(十二):处理第三方 JavaScript 库 : https://godbmw.com/passages/2018-10-09-webpack-js-pacakge/
- webpack4 系列教程(十三):自动生成 HTML 文件 : https://godbmw.com/passages/2018-10-17-automatic-html/
- webpack4 系列教程(十四):Clean Plugin and Watch Mode : https://godbmw.com/passages/2018-10-18-webpack-clean-and-watch-mode/
- webpack4 系列教程(十五):开发模式与 webpack-dev-server :https://godbmw.com/passages/2018-10-19-webpack-dev-server/
- webpack4 系列教程(十六):开发模式和生产模式·实战 : https://godbmw.com/passages/2018-10-19-webpack-dev-and-prod/