每日两题 T27

合一大师

发布于 2020-07-20 09:48:29

2720

发布于 2020-07-20 09:48:29

文章被收录于专栏：JavaScript全栈 JavaScript全栈JavaScript全栈

算法

LeetCode T55. 跳跃游戏[1]

描述

给定一个非负整数数组，你最初位于数组的第一个位置。

数组中的每个元素代表你在该位置可以跳跃的最大长度。

判断你是否能够到达最后一个位置。

示例 1:

输入: [2,3,1,1,4]
输出: true
解释: 我们可以先跳 1 步，从位置 0 到达 位置 1, 然后再从位置 1 跳 3 步到达最后一个位置。

示例2：

输入: [3,2,1,0,4]
输出: false
解释: 无论怎样，你总会到达索引为 3 的位置。但该位置的最大跳跃长度是 0 ， 所以你永远不可能到达最后一个位置。

分析

我们可以使用贪心算法来解该题，一直向后匹配，直至不满足条件位置。定义一个存储当前跳转到下一元素的数字，如果遍历过程中，索引大于了该数字，表示无法跳到最后。示例2的例子，当跳到0位置时，此时 k = 3, i = 3，到下一个位置，k = 3, i = 4，i > k成立，返回false。

代码

/**
 * @param {number[]} nums
 * @return {boolean}
 */
var canJump = function (nums) {
  let k = 0;
  for (let i = 0; i < nums.length; i++) {
    if (i > k) return false;
    k = Math.max(k, i + nums[i]);
  }
  return true;
};

前端

请手写一个webpack loader

Loader是 webpack 用于在编译过程中解析各类文件格式并输出，本质是一个node模块。

我们自定义一个Loader，做如下描述的事情：

1.读取txt文件内容，并输出为一个对象，内容包括文件内容和文件名2.读取loader选项，将内容中的[name]替换为配置值

在webpack配置文件中的配置

// webpack.config.js
module.exports = {
  //...
  module: {
    rules: [
      {
        test: /\.txt$/,
        use: {
          loader: path.resolve(__dirname, './txt-loader.js'),
          options: {
            name: 'YOLO'
          }
        }
      }
    ]
  }
}

在txt-loader.js中定义loader相关内容

// txt-loader.js
var utils = require('loader-utils')

module.exports = function (source) {
  const options = utils.getOptions(this)

  source = source.replace(/\[name\]/g, options.name)
  return `export default ${ JSON.stringify({
    content: source,
    filename: this.resourcePath
  }) }`
}

打包完毕就能看到生成的txt文件中内容已经被更改。