摘要： 本节课讲解 打包 单页应用 过程中的代码分割和代码懒加载。不同于多页面应用的提取公共代码，单页面的代码分割和懒加载不是通过 配置来实现的，而是通过 的写法和内置函数实现的。 目前 针对此项功能提供 2 种函数： 1. : 引入并且自动执行相关 js 代码 2. : 引入但需要手动执行相关 js 代码 阅读全文

摘要： 这节课讲解 打包多页面应用过程中的 提取公共代码 部分。相比于 ，`4.0 optimization.splitChunks 3.0 CommonsChunkPlugin`插件。在使用和配置上，更加方便和清晰。 " 本节课源码" " 所有课程源码" 1. 准备工作 按照惯例，我们在 文件夹下创建 和 阅读全文

摘要： 今天介绍 怎么编译 的各种函数和语法。敲黑板： 这是 版本哦, 有一些不同于 的地方。 " 本节课源码" " 所有课程源码" 1. 了解 说起编译 ，就必须提一下 和相关的技术生态： 1. : 负责 es6 语法转化 2. : 包含 es6、7 等版本的语法转化规则 3. : es6 内置方法和函数 阅读全文

摘要： webpack 本身就是为了打包 所设计，作为第一节，介绍 怎么打包 。 1. 检验 规范支持 支持 , , 。 创建 文件夹，其中 、`multi.js sum.js`分别用 CommonJS、AMD 和 ES6 规范编写。 " vendor 文件夹 代码地址" 在入口文件 中，我们分别用 3 中 阅读全文

摘要： 1. 什么是 ? 前端目前最主流的 打包工具，在它的帮助下，开发者可以轻松地实现加密代码、多平台兼容。而最重要的是，它为 前端工程化 提供了最好支持。 、`react`等大型项目的脚手架都是利用 webpack 搭建。 所以，学习 可以帮助开发者更好的进行基于 语言的开发工作。 2. 怎么学习 ? 阅读全文

摘要： 关于`scroll`等类似高频率事件的最优实现攻略。 你会怎么实现一个 监听HTML元素滚动到底部 这个看起来很简单的函数方法？ 阅读全文

摘要： > 如何理解css3中的`border-sizing`属性？介绍了一下常见用法，并且利用css3的`calc`来实现对`margin`属性的兼容。 你会怎么实现下面这张图？ ![https://raw.githubusercontent.com/dongyuanxin/markdown-static/master/CSS/border-sizing%E5%B1%9E%E6%80%A7%E8%AF%A6%E8%A7%A3%E5%92%8C%E5%BA%94%E7%94%A8/1.png) 阅读全文

摘要： 1、 和`Sass` 和 其实是同一种东西，我们平时都称之为 。 他们都是用 开发Css预处理器， 已经将 换成了 。 不同之处： 文件拓展名：分别是 和`scss` 缩进： 严格缩进（类似python和ruby）， 是css的缩进样式 是否兼容css语法：显然，由于缩进的不同， 是兼容原生的css 阅读全文

摘要： 1、继承和占位符 两者都是通过 来引用。 1.1 继承 一个 已经存在的css样式类 ，可以被其他样式类继承。 例如，实现以下css样式： scss中可以这样写，显然，这种写法便于维护和阅读！ 1.2 占位符 顾名思义，如果不被 引用，它是不会被编译，也就是： 不会占用css文件大小 。这是和继承最 阅读全文

摘要： 1、题目和答案 一道题题目：下面这段promise、async和await代码，请问控制台打印的顺序？ 上述，在 和`node v10`中，正确输出是： 2、知识点 显然，这考察的是js中的事件循环和回调队列。注意以下几点： 优先于 宏任务。所以， 回调会在最后执行。 一旦被定义，就会立即执行。 的 阅读全文