Leetcode239. 滑动窗口最大值

题目链接: https://leetcode-cn.com/problems/sliding-window-maximum/
主要是记录一下分块做法,没想懂为什么比双向单调队列快,想懂了回来补充

给你一个整数数组 nums,有一个大小为 k 的滑动窗口从数组的最左侧移动到数组的最右侧。你只可以看到在滑动窗口内的 k 个数字。滑动窗口每次只向右移动一位。

返回滑动窗口中的最大值。


Webpack Tree Shaking

由Rollup提出,为了消除无用的JavaScript代码而被引入的,对于es模块依赖关系确定的,就可以进行静态分析,CJS不可以


webpack loader

关于loader的作用和配置方法,在 初识webpack 这篇文章中已经讲过,本篇文章会讲常用的一些loader,并自己实现一个loader函数。


webpack文件指纹

打包后的文件后缀,通常用于做版本管理,文件被修改后打包出来的文件指纹不同,浏览器只会下载这些不同的文件,没被修改的文件从缓存读取,加快浏览速度


初识webpack

1. 安装

1
npm install webpack webpack-cli --save-dev

webpack是核心模块,webpack-cli则是命令行工具

然后在根目录下创建webpack.config.js来配置webpack


Jest自动化测试入门

1. 环境搭建

1
npm install --save-dev jest

然后在项目根目录下,控制台执行如下命令,就会初始化jest配置 jest.config.js

1
npx jest --init

圣杯布局、双飞翼布局

1. 问题场景

三列布局中,如果想要将主要内容main优先加载优化,则DOM如下所示

1
2
3
4
5
<div class="g-container">
  <div class="g-main">我是主列</div>
  <div class="g-left">我是左列</div>
<div class="g-right">我是右列</div>
</div>