webpack中hash和chunkhash有何不同？(contenthash)

两者的使用

1
2
3
4
5
6
7
8
9
10
11
12
13
14

//使用hash的情况
output: {
  path: path.resolve(__dirname, '../dist/static'),
  publicPath: '/',
  filename: 'static/js/[name].[hash].js',
  chunkFilename: 'static/js/[id].[hash].js'
}
//使用chunkhash的情况
output: {
  path: config.prod.assetsRoot,
  filename: 'static/js/[name]-[chunkhash:16].js',
  chunkFilename: 'static/js/[id]-[chunkhash:16].js',
  publicPath: '/'
},

一、为什么JavaScript是单线程？

JavaScript语言的一大特点就是单线程，也就是说，同一个时间只能做一件事。那么，为什么JavaScript不能有多个线程呢？这样能提高效率啊。

Webpack 以其使用方法简单著称，在使用它的过程中，使用者只需要将它当做一个黑盒，只需要关心它暴露出来的配置。
本文将带我们走进这个黑盒，看看Webpack是如何运行的。

基本概念

在了解webpack原理前，我们需要掌握以下几个核心概念，以方便后面的理解

Webpack 4 前端工程化常用配置

什么是 webpack

webpack 可以看做是模块打包机：他做的事情是，分析你的项目结构，找到 JavaScript 模块以及其他的一些浏览器不能直接运行的扩展语言（Scss、TypeScript 等），将其打包为合适的格式以供浏览器使用

在浏览器从获取到HTML，然后解析，渲染的过程中，到底发生了什么？

页面呈现六部曲

1.解析HTML,构建DOM树。
2.解析CSS,生成CSS规则树。
在chrome的Timeline 工具中对应的阶段是：Re-caculate。为什么是 Re-caculate Style 呢？这是因为浏览器本身有 User Agent StyleSheet，所以最终的样式是我们的样式代码样式与用户代理默认样式覆盖/重新计算得到的。
3.合并 DOM 树与 CSSOM 树为 Render 树
4.布局（Layout）
5.绘制（Paint）
6.复合图层化（Composite）
多个复合层的合成，最终合成的页面被用户看到。

在input框中进行第二次输入时，会自动出现以前填写过的信息下拉autocomplete，然而用在 输入验证码的输入框的场景 下时，由于验证码两次肯定不会重复，
应该关掉改功能。

给定一个整数数组，其中有两项之和为一个特定的数字，假设每次 input 只有一个唯一解，不允许两次使用同一个元素，返回这两个数的索引。

比如：
给定 nums = [2, 7, 11, 15]，target = 9，由于 nums[0] + nums[1] = 9，所以返回 [0, 1]

报错1：

1

fatal: unable to access 'https://github.com/shengyur/shengyur.github.io.git/': Could not resolve host: github.com

在网站和应用程序变的越来越丰富的今天，web应用对网络和设备资源的要求也越来越高。配合各种方式、手段、辅助系统，进行前端优化的最终目的都是提升用户体验，改善页面性能。
我们常常竭尽全力进行前端页面优化，但却忽略了这样做的效果和意义。先不急于探究前端优化具体可以怎样去做，先看看什么是前端性能，应该怎样去了解和评价前端页面的性能。

在了解http请求的过程中，发现除了可以通过chrome控制台调试工具，也可以直接在mac(内置Linux)命令行中，使用curl命令,并且在很多命令行操作中，会返回curl的报错提示，已经错误码。

经了解，curl命令是一个利用URL规则在命令行下工作的文件传输工具。它支持文件的上传和下载，所以是 综合传输工具 ，但按传统，习惯称curl为下载工具。作为一款强力工具，curl支持包括HTTP、HTTPS、ftp等众多协议，还支持POST、cookies、认证、从指定偏移处下载部分文件、用户代理字符串、限速、文件大小、进度条等特征。做网页处理流程和数据检索自动化，curl可以祝一臂之力。