• webpack的核心对象

    webpack中的核心对象我们不会讲所有 webpack 中的对象都拿出来讲解,而是整理了一些比较核心的概念。我们可以先看看下面的类图:下面的论述将会逐一讲述类图中的对象,首先我们先来看一下最顶层的类 Tapable。TapableTapable 提供了 webpack 中基于任务点的架构基础,它将提供任务点注册的方法以及触发的方法。一个简单的例子,使用 plugin 方法来注册一个任务点,然后使用 applyPlugins 方法触发:...
  • webpack的基本架构和构建流程

    webpack的基本架构webpack 的基本架构,是基于一种类似事件的方式。下面的代码中,对象可以使用 plugin 函数来注册一个事件,暂时可以理解为我们熟悉的 addEventListener。但为了区分概念,后续的讨论中会将事件名称为 任务点,比如下面有四个任务点 compilation,optimize, compile, before-resolve:compiler.plugin("compilation", (...
  • 正则表达式中的中括号

    中括号在正则中称为字符组(Character class),有的书翻译为字符类,还有的翻译成字符集。我觉得字符组更好点,毕竟class在计算机属于中代表面向对象里的“类”。顾名思义,字符组为一组字符,它表示在一个位置里可能出现的多种字符。注意这里强调只匹配一个位置哦。简单字符组范围字符组组合字符组排除型字符组字符组运算预定义字符组 简单字符组示例1:[123] 可以分别匹配包含1-3这5个数的字符串。var reg = /[123]/ reg.test('1') // -> tr...
  • vue-cli 构建的项目结构分析

    由于最近在vue-cli生成的webpack模板项目的基础上写一个小东西,开发过程中需要改动到build和config里面一些相关的配置,所以刚好趁此机会将所有配置文件看一遍,理一理思路,也便于以后修改配置的时候不会“太折腾”。一、文件结构本文主要分析开发(dev)和构建(build)两个过程涉及到的文件,故下面文件结构仅列出相应的内容。├─build │ ├─build.js │ ├─check-versions.js │ ├─dev-client.js │ ├─dev-ser...
  • 通信库Axios - 使用说明

    Axios 是一个基于 promise 的 HTTP 库,可以用在浏览器和 node.js 中。Features从浏览器中创建 XMLHttpRequests从 node.js 创建 http 请求支持 Promise API拦截请求和响应转换请求数据和响应数据取消请求自动转换 JSON 数据客户端支持防御 XSRF浏览器支持安装使用 npm:$ npm install axios 使用 bower:$ bower install ax...
  • AngularJS Filter用法

    AngularJS Filter用法

    Filter简介Filter是用来格式化数据用的。Filter的基本原型( ‘|’ 类似于Linux中的管道模式):{{ expression | filter }}Filter可以被链式使用(即连续使用多个filter):{{ expression | filter1 | filter2 | ... }}Filter也可以指定多个参数:{{ expression | filter:argument1:argument2:... }}AngularJS内建的FilterAngularJS内建了一...
  • EsLint——检查Javascript编程时的语法错误

    EsLint——检查Javascript编程时的语法错误

    介绍EsLint帮助我们检查Javascript编程时的语法错误。比如:在Javascript应用中,你很难找到你漏泄的变量或者方法。EsLint能够帮助我们分析JS代码,找到bug并确保一定程度的JS语法书写的正确性。EsLint是建立在Esprima(ECMAScript解析架构)的基础上的。Esprima支持ES5.1,本身也是用ECMAScript编写的,用于多用途分析。EsLint不但提供一些默认的规则(可扩展),也提供用户自定义规则来约束我们写的Javascript代码。EsLint...
  • ES6/ES2015 小菜一碟

    ES6/ES2015 小菜一碟

    最新的Javascrip迭代即将来临。截至2015年六月 es2015 ES6 /规格已获得批准,因此,你的浏览器将会支持大量的新特性和语法。让我们从新版本中拆分一些小菜一碟的知识点.当我说小菜一碟时,这意味着那些知识不需要大量的研究就可以轻松上手。例如我不会在这里讲生成器和展开运算符,我认为(解释)这些需要一个更深入的文章。我们会在这篇文章中讲到下面的这些新特性:letconstTemplate StringsClassesArrow FunctionsPromises论let在目前的JS中,...