丁鹿学堂教育

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

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

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

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

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

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

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

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

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

css中的像素 像素是影响显示的基本单位。我们放大任何一张图片，开始变模糊后再放大，就会出现一个一个的格子，一个格子就是一个像素。 我们平时说的像素，其实有三种不同的场景。...

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

promise返回对象的then方法 我们手写promise中then方法的实现。第一步应该检测then方法传过来的参数是不是一个函数，如果是函数，我们就把他添加到chai...

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

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

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

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

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

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

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