Javascript

介绍 最近几个月忙得实在是不可开交，终于把《深入理解JavaScript系列》的最后两篇“补全”了，所谓的全是不准确的，因为很多内容都没有写呢，比如高性能、Ajax安全、DOM详解、JavaScript架构等等。但因为经历所限，加上希望接下...

介绍 本篇我们介绍的一些模式称为初始化模式和性能模式，主要是用在初始化以及提高性能方面，一些模式之前已经提到过，这里只是做一下总结。 立即执行的函数 在本系列第4篇的《自执行匿名函数》中，我们已经对类似的函数进行过详细的描述，这里我们只是再...

介绍 本篇主要是介绍Function方面使用的一些技巧（上篇），利用Function特性可以编写出很多非常有意思的代码，本篇主要包括：回调模式、配置对象、返回函数、分布程序、柯里化（Currying）。 回调函数 在JavaScript中，...

curring的概念将函数式编程的概念和默认参数以及可变参数结合在一起.一个带n个参数,curried的函数固化第一个参数为固定参数,并返回另一个带n-1个参数的函数对象,分别类似于LISP的原始函数car和cdr的行为。currying能...

Currying好像是函数式语言都有的一个特性，比如Perl,Python,Javascript。 那么到底什么是Currying，我是在学习Closure时无意中接触到这个定义的，觉得很是有趣。 先看看 Wiki 中的...

介绍 本篇主要是介绍创建对象方面的模式的下篇，利用各种技巧可以极大地避免了错误或者可以编写出非常精简的代码。 模式6：函数语法糖 函数语法糖是为一个对象快速添加方法（函数）的扩展，这个主要是利用prototype的特性，代码比较简单，我们先...

介绍 本篇主要是介绍创建对象方面的模式，利用各种技巧可以极大地避免了错误或者可以编写出非常精简的代码。 模式1：命名空间（namespace） 命名空间可以减少全局命名所需的数量，避免命名冲突或过度。一般我们在进行对象层级定义的时候，经常是...

介绍 本文介绍的四种代码复用模式都是最佳实践，推荐大家在编程的过程中使用。 模式1：原型继承 原型继承是让父对象作为子对象的原型，从而达到继承的目的： function object(o) { function F() { } F.prot...

介绍 任何编程都提出代码复用，否则话每次开发一个新程序或者写一个新功能都要全新编写的话，那就歇菜了，但是代码复用也是有好要坏，接下来的两篇文章我们将针对代码复用来进行讨论，第一篇文避免篇，指的是要尽量避免使用这些模式，因为或多或少有带来一些...

介绍 桥接模式（Bridge）将抽象部分与它的实现部分分离，使它们都可以独立地变化。 正文 桥接模式最常用在事件监控上，先看一段代码： addEvent(element, 'click', getBeerById);function get...

介绍 状态模式（State）允许一个对象在其内部状态改变的时候改变它的行为，对象看起来似乎修改了它的类。 正文 举个例子，就比如我们平时在下载东西，通常就会有好几个状态，比如准备状态（ReadyState）、下载状态（Downloading...

vue-cli生成的文件vendor.js体积太大 看到vue-cli的webpack配置，应该是将所有的库打包到了vendor中，引用的库太多时，vendor的体积会很大，有办法控制打包的体积超过一定值时，分成多个文件打包吗？或者通过配置...

在前文 Webpack 打包优化之体积篇中，对如何减小 Webpack 打包体积，做了些探讨；当然，那些法子对于打包速度的提升，也是大有裨益。然而，打包速度之于开发体验和及时构建，相当重要；所以有必要对其做更为...

谈及如今欣欣向荣的前端圈，不仅有各类框架百花齐放，如Vue， React， Angular等等，就打包工具而言，发展也是如火如荼，百家争鸣；从早期的王者Browserify, Grunt，到后来赢得宝座的&nb...

当打包构建应用时，JavaScript 包会变得非常大，影响页面加载。如果我们能把不同路由对应的组件分割成不同的代码块，然后当路由被访问的时候才加载对应组件，这样就更加高效了。 结合 Vue 的异步组件和 Webpack 的代码分割功能，轻...

代码分离是 webpack 中最引人注目的特性之一。此特性能够把代码分离到不同的 bundle 中，然后可以按需加载或并行加载这些文件。代码分离可以用于获取更小的 bundle，以及控制资源加载优先级，如果使用合理，会极大影响加载时间。 常...

在动态组件上使用 keep-alive 我们之前曾经在一个多标签的界面中使用 is 特性来切换不同的组件： 当在这些组件之间切换的时候，你有时会想保持这些组件的状态，以避免反复重渲染导致的性能问题。例如我们来展开说一说这...

介绍 原型模式（prototype）是指用原型实例指向创建对象的种类，并且通过拷贝这些原型创建新的对象。 正文 对于原型模式，我们可以利用JavaScript特有的原型继承特性去创建对象的方式，也就是创建的一个对象作为另外一个对象的prot...

今天我们主要聊聊在写webpack配置中，如何优化打包后生成的上线代码 1、tree shaking tree shaking 是一个术语，通常用于描述移除 JavaScript 上下文中的未引用代码。 它依赖于 ES2015 模块系统中的...

本文主要介绍preload的使用，以及与prefetch的区别。然后会聊聊浏览器的加载优先级。 preload 提供了一种声明式的命令，让浏览器提前加载指定资源(加载后并不执行)，在需要执行的时候再执行。提供的好处主要是 将加载和执行分离开...