本文介绍了webpack中JS、HTML、CSS进行代码压缩的方式。

本文介绍了webpack中的三种文件指纹的用法及其区别。

本文介绍了webpack中开启文件监听的两种方法以及热更新的原理

本文介绍了如何使用webpack解析ES6、JSX、CSS等资源

什么是webpack

webpack本质上是一个打包工具，它会根据代码的内容解析模块依赖，帮助我们把多个模块的代码打包。下面是webpack官网给的一个说明图。

如上图，webpack 会把项目中使用到的多个代码模块（可以是不同文件类型），打包构建成项目运行仅需要的几个静态文件（如.js、.css等）。

题目链接：28. 实现strStr()

概述

给定一个haystack字符串和一个needle字符串，在haystack字符串中找出needle字符串出现的第一个位置 (从0开始)。如果不存在，则返回-1。

题目链接：27. 移除元素

概述

给定一个数组 nums 和一个值 val，你需要原地移除所有数值等于 val 的元素，返回移除后数组的新长度。

题目链接：26. 删除排序数组中的重复项

概述

题目给定一个排序数组，需要在原地删除重复出现的元素，使得每个元素只出现一次，返回移除后数组的新长度。

在JS刚出来的时候，想要遍历一个数组，可以像下面这样：

1
2
3

for (var i = 0; i < array.length; i++) {
  conosole.log(array[i])
}

Algorithm

本周完成了LeetCode的三题简单题：

Review

本周看了ES6 In Depth的第一篇：Iterators and the for-of loop

本文主要对比了js中几种for循环各自的特点，着重介绍了迭代器Iterators和for...of。
只要实现了[Symbol.iterator]及next()方法的对象，都可以使用for...of进行迭代。
[Symbol.iterator]方法返回一个可迭代对象，而next()方法返回一个形如{ done: false, value: 1 }的对象。
在使用for...of循环时，首先会调用[Symbol.iterator]方法，得到一个可迭代对象，然后不断执行next()方法，直到next().done === true就会停止循环。

Tip

1. javascript中的for、for...in、for...of、while、do...while均不能使用return语句，会报错SyntaxError: Illegal return statement。
2. git中，可以使用git stash将代码存到暂存区中，然后就可以放心的切换到其他分支了。使用git stash pop可以将暂存区中的代码恢复。参见：这篇文章

Share

本周看了js中的几种for循环，了解了几种循环的区别。