leocoder

组件库，一套标准化的组件集合，是前端工程师开发提效不可或缺的工具。 业内优秀的组件库比如 Antd Design 和 Element UI，大大节省了我们的开发时间。那么，做一套组件库，容易吗？ 答案肯定是不容易，当你去做这件事的时候，会发现它其实是一套体系。从开发、编译、测试…

new 大家肯定都不陌生，单身没有对象的时候就 new 一个，很方便。那么它在创建实例的时候，具体做了哪些操作呢？今天我们就来一起分析一下。 在介绍 new 之前，必须要知道什么是构造函数。 构造函数和普通函数在写法上没有任何区别，当一个函数通过 new Fun() 调用时，就…

expires 是 HTTP/1.0 中用于控制网页缓存的字段，其值代表服务器返回该请求结果的缓存到期时间，也就是说，再次发起同样的请求时，如果客户端时间小于 Expires 的值，浏览器直接返回缓存结果。 由于 expires 是采用客户端时间去和缓存失效时间做对比，但客户端…

接着上一篇《JavaScript设计模式第2篇：工厂模式》，今天我们来看工厂模式的最后一种：抽象工厂。 有了前一节工厂方法模式的基础，抽象工厂其实很类似，只不过工厂方法针对的是一个产品等级结构，而抽象工厂针对的是多个产品等级结构。 我们先来解释 2 个概念：产品等级结构和产品族…

这里工厂模式分为2类：简单工厂 和 工厂方法，下一节会介绍第3类工厂模式：抽象工厂。 简单工厂：定义一个类来创建其他类的实例，根据参数的不同返回不同类的实例，通常这些类拥有相同的父类。 我们定义了一个父类 Car，包含一个方法 drive，Benz、Audi 和 BMW 继承自…

单例模式是设计模式中较为简单，好理解的一种模式，但是它的使用场景是很广泛的，包括大名鼎鼎的 Vuex 也使用了单例模式。 本文会介绍单例模式的两种实现方法：类和闭包，同时也会对Vuex中的单例模式进行介绍。 类Class是ES6新增的语法，在之前我们想要新建一个对象实例，是通过…

23种设计模式，大家没用过，肯定也都听过。作为一名前端开发工程师，我们有没有必要去学习和使用设计模式，我个人认为，是有必要的。 另外，设计模式也是面试必考点，什么是工厂模式呀，能不能手写一个观察者模式呀，观察者模式和发布订阅模式有没有区别呀，等等。你要是答不上来，是不是很尴尬·…

微前端，相信大家就算没用过，也一定听过。什么是微前端，为什么要上微前端，它和iframe的区别是什么，大家在网上可以找到很多相关的文章，这里就不在赘述了。我想通过这个《微前端落地系列》，把我对某个公有云系统做整体微前端架构改进的过程分享出来，向大家展示一条真正走过的路，踩过的坑…

SSR大家肯定都不陌生，通过服务端渲染，可以优化SEO抓取，提升首页加载速度等，我在学习SSR的时候，看过很多文章，有些对我有很大的启发作用，有些就只是照搬官网文档。通过几天的学习，我对SSR有了一些了解，也从头开始完整的配置出了SSR的开发环境，所以想通过这篇文章，总结一些经…