丁鹿学堂教育

前端设计模式之建造者模式 需求：我们写一个编辑器，这个编辑器初始化的时候，需要配置大量的参数，而且内部功能很多。 分析： 对象少，一个页面基本只要一个。参数和内部功能复杂，需要精细化构建。所以适合使用

一个例子搞懂设计模式之工厂模式 需求：弹窗需求,弹窗类型有多种，有不同的样式和内容。 比如有三个构造函数分别是消息弹窗，确认弹窗和取消弹窗的 常规做法，根据不同的需求，创建不同的实例 采用工厂模式：

设计模式探究之封装 我们经常说封装，封装的好处在哪里呢？ 1 定义的变量不会污染外部 2 能够作为一个模块调用 3 遵循开闭原则。 什么样的封装才是优雅的呢？ 1 保证变量外部不可见 2 设计好给外部

行为型设计模式简介 行为型的模式主要关注于各个模块之间的沟通。 1 观察者模式 接触过vue的应该对这个有一定的了解。 相当于定义一个第三方，两个模块之间的沟通，通过一个第三发来进行转发 2 职责链模

设计原则的分类 创建型：帮助我们优雅的创建对象 结构型：帮助我们更优雅的设计代码结构 行为型：模块之间行为的模式总结，帮助我们组织模块行为 技巧型：一些帮助我们优化代码的技巧 创建型设计模式简介 1

前端设计模式的使用 前端为什么也要学习设计模式呢？ 第一，通过一些设计模式，可以帮我们更好的组织模块间的组成结构。 第二，有些设计模式，可以我们更好的处理模块之间的数据沟通。 第三，通过设计模式，可以

响应式编程 Rx， 全称Reactivbe Extension，指的是实践响应式编程的一套工具。 Rx其实是一个大家庭，针对不同的语言都有适配。最早是微软的c#，我们前端关注的是js余元，就是RxJS

web Worker 我们知道js是单线程的。所有任务只会在一个线程上完成，一次只能做一件事件。前面的任务没有完成，后面的任务只能够等待。 但是，随着计算机计算能力的增强，尤其是多核心的CPU的普及，

less介绍 less是比较好用的css预处理语言。 less增加了很多好用的新特性。 常用的有变量，混入，嵌套，计算等 我们要注意的是，less不管是在服务器还是在浏览器中，都不能直接被使用，而是要