前端培训丁鹿学堂分享站

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

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

设计模式探究之封装 我们经常说封装，封装的好处在哪里呢？ 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不管是在服务器还是在浏览器中，都不能直接被使用，而是要

css中常见的单位 我们使用css的长度单位，最常用的是px。其实，css中除了px 之外，还有很多长度单位。今天就跟大家分享一下。 css中长度单位的分类 我们把css中的长度单位分成两类。 一类是

promise返回对象的then方法 我们手写promise中then方法的实现。第一步应该检测then方法传过来的参数是不是一个函数，如果是函数，我们就把他添加到chain里面, 成功和失败的里面去

手写promise2 前面打好了基础，现在就开始手写promise。我们定义一个Promise函数。 定义一个二维数组，用于记录异步操作的信息。包括信息，状态等。 定义返回的对象chain，定义全局的

从零开始手写promise（一） 上次总结了promise A+ 规范，其实js中的promise只是实现了这个规范。就像js这个语言实现了es的规范一个道理。 带着大家一起手写promise，让我们

什么是语法糖 在编程中，用更简练的语言表达复杂的含义。在得到大家默认的广泛的认可的时候，就是约定俗成的时候，可以提升交流的效率。 async 和await VS generator函数 async 和

协程 协程是一种基于线程之上，但又比线程更加轻量级的存在。对内核来说具有不可见性。 一个进程可以有多个线程。一个线程可以有多个协程。 generator函数 generator就是生成器函数。是协程在

异步回调函数带来的问题 1.回调地狱问题 前面我们也多次提过了，就是如果多个异步回调嵌套，就会有回调地狱的问题，不利于阅读和维护。 2.可靠性丢失问题 如果我们在开发中引入了第三方库，他是异步的，则在

js异步解决方案之观察者模式 在观察者模式里面就是被观察者，它只需要维护一套观察者的集合，将有关状态的任何变更，自动通知给他们的watcher（观察者），这个设计是松耦合的。 观察者模式和发布订阅模式

为什么要设计微任务 js设计微任务，是为了解决宏任务的执行时机不可控的问题。如果只有宏任务，那任务队列里如果有一些紧急的任务，但是他前面还有别的耗时的回调的话，就比较麻烦。 有了微任务队列，因为主线程

js这门语言创建的时候就是一门单线程非阻塞的语言。 但是按照我们的理解，单线程一定是会阻塞的。js单线程非阻塞的原理就是js里面设计了一个基于事件循环的并发模型。 事件循环负责执行代码，收集和处理事件

面向对象 面向对象可以缩写为OOP。 他是将抽象的编程概念，想象成一个对象，更好理解。 面向对象的几个重要概念 面向对象本来是为了帮助我们简化程序的，结果被很多人教复杂了，我们掌握几个重要概念，形成自