Javascript
-
webpack代码分离特性
代码分离是 webpack 中最引人注目的特性之一。此特性能够把代码分离到不同的 bundle 中，然后可以按需加载或并行加载这些文件。代码分离可以用于获取更小的 b……html5 2019年9月12日
-
vuejs的动态组件和异步组件
在动态组件上使用 keep-alive 我们之前曾经在一个多标签的界面中使用 is 特性来切换不同的组件： <component v-bind:is="currentTabCompo…… -
设计模式之原型模式 – 深入理解JavaScript系列 42
介绍 原型模式（prototype）是指用原型实例指向创建对象的种类，并且通过拷贝这些原型创建新的对象。 正文 对于原型模式，我们可以利用JavaScript特有的原型继…… -
Webpack4如何优化？
今天我们主要聊聊在写webpack配置中，如何优化打包后生成的上线代码 1、tree shaking tree shaking 是一个术语，通常用于描述移除 JavaScript 上下文中…… -
如何使用preload预加载页面资源
本文主要介绍preload的使用，以及与prefetch的区别。然后会聊聊浏览器的加载优先级。 preload 提供了一种声明式的命令，让浏览器提前加载指定资源(加载后…… -
浅谈script标签的defer和async
1. defer和async是什么鬼 今天在做一个小需的时候，忽然看到前辈一句吊炸天的代码 <script src="#link("xxxx/xx/home/home.js")" type="text/javasc…… -
设计模式之模板方法 – 深入理解JavaScript系列 41
介绍 模板方法（TemplateMethod）定义了一个操作中的算法的骨架，而将一些步骤延迟到子类中。模板方法使得子类可以不改变一个算法的结构即可重定义该算法的某…… -
设计模式之组合模式 – 深入理解JavaScript系列 40
介绍 组合模式（Composite）将对象组合成树形结构以表示“部分-整体”的层次结构，组合模式使得用户对单个对象和组合对象的使用具有一致性。 常见的场景有asp.ne…… -
设计模式之适配器模式 – 深入理解JavaScript系列 39
介绍 适配器模式（Adapter）是将一个类（对象）的接口（方法或属性）转化成客户希望的另外一个接口（方法或属性），适配器模式使得原本由于接口不兼容而不能一…… -
设计模式之职责链模式 – 深入理解JavaScript系列 38
介绍 职责链模式（Chain of responsibility）是使多个对象都有机会处理请求，从而避免请求的发送者和接受者之间的耦合关系。将这个对象连成一条链，并沿着…… -
设计模式之享元模式 – 深入理解JavaScript系列 37
介绍 享元模式（Flyweight），运行共享技术有效地支持大量细粒度的对象，避免大量拥有相同内容的小类的开销(如耗费内存)，使大家共享一个类(元类)。 享…… -
设计模式之中介者模式 – 深入理解JavaScript系列 36
介绍 中介者模式（Mediator），用一个中介对象来封装一系列的对象交互。中介者使各对象不需要显式地相互引用，从而使其耦合松散，而且可以独立地改变它们之间…… -
设计模式之迭代器模式 – 深入理解JavaScript系列 35
介绍 迭代器模式(Iterator)：提供一种方法顺序一个聚合对象中各个元素，而又不暴露该对象内部表示。 迭代器的几个特点是： 访问一个聚合对象的内容而无需暴露…… -
设计模式之命令模式 – 深入理解JavaScript系列 34
介绍 命令模式(Command)的定义是：用于将一个请求封装成一个对象，从而使你可用不同的请求对客户进行参数化；对请求排队或者记录请求日志，以及执行可撤销的操…… -
设计模式之策略模式 – 深入理解JavaScript系列 33
介绍 策略模式定义了算法家族，分别封装起来，让他们之间可以互相替换，此模式让算法的变化不会影响到使用算法的客户。 正文 在理解策略模式之前，我们先来一…… -
设计模式之观察者模式 – 深入理解JavaScript系列 32
介绍 观察者模式又叫发布订阅模式（Publish/Subscribe），它定义了一种一对多的关系，让多个观察者对象同时监听某一个主题对象，这个主题对象的状态发生变化时…… -
设计模式之代理模式 – 深入理解JavaScript系列 31
介绍 代理，顾名思义就是帮助别人做事，GoF对代理模式的定义如下： 代理模式（Proxy），为其他对象提供一种代理以控制对这个对象的访问。 代理模式使得代理对…… -
Vue优化：常见会导致内存泄漏问题及优化
如果你在用 Vue 开发应用，那么就要当心内存泄漏的问题。这个问题在单页应用 (SPA) 中尤为重要，因为在 SPA 的设计中，用户使用它时是不需要刷新浏览器的，所…… -
vue自定义指令导致的内存泄漏问题解决
vue的自定义指令是一个比较容易引起内存泄漏的地方，原因就在于指令通常给元素绑定了事件，但是如果忘记了解绑，就会产生内存泄漏的问题。 看下面代码： …… -
设计模式之外观模式 – 深入理解JavaScript系列 30
介绍 外观模式（Facade）为子系统中的一组接口提供了一个一致的界面，此模块定义了一个高层接口，这个接口值得这一子系统更加容易使用。 正文 外观模式不仅简…… -
设计模式之装饰者模式 – 深入理解JavaScript系列 29
介绍 装饰者提供比继承更有弹性的替代方案。 装饰者用用于包装同接口的对象，不仅允许你向方法添加行为，而且还可以将方法设置成原始对象调用（例如装饰者的构…… -
设计模式之工厂模式 – 深入理解JavaScript系列 28
介绍 与创建型模式类似，工厂模式创建对象（视为工厂里的产品）时无需指定创建对象的具体类。 工厂模式定义一个用于创建对象的接口，这个接口由子类决定实例化…… -
设计模式之建造者模式 – 深入理解JavaScript系列 27
介绍 在软件系统中，有时候面临着“一个复杂对象”的创建工作，其通常由各个部分的子对象用一定的算法构成；由于需求的变化，这个复杂对象的各个部分经常面临着…… -
设计模式之构造函数模式 – 深入理解JavaScript系列 26
介绍 构造函数大家都很熟悉了，不过如果你是新手，还是有必要来了解一下什么叫构造函数的。构造函数用于创建特定类型的对象——不仅声明了使用的对象，构造函数…… -
设计模式之单例模式 – 深入理解JavaScript系列 25
介绍 从本章开始，我们会逐步介绍在JavaScript里使用的各种设计模式实现，在这里我不会过多地介绍模式本身的理论，而只会关注实现。OK，正式开始。 在传统开发……