如何提高 webpack 的打包速度？

① 什么是 HTML 语义化？为什么要语义化？

HTML 语义化是指使用恰当的 HTML 标记来描述文档结构和内容，以便于浏览器、搜索引擎和其他程序理解并正确地呈现网页。

语义化的好处包括：

1. 提高可访问性：使用语义化的 HTML 可以帮助屏幕阅读器等辅助技术更好地理解页面结构和内容，从而提高网页的可访问性；

2. 提高 SEO：搜索引擎可以更好地理解页面结构和内容，从而提高网页在搜索结果中的排名；

3. 方便维护和升级：语义化的 HTML 结构可以使代码更清晰易懂，方便后期维护和升级。

总之，语义化的 HTML 能够使网站更加友好，易于理解和管理。

② 怎么用 JS 实现大型文件上传？要考虑哪些问题？

要实现大型文件上传，在前端需要使用 JavaScript，后端需要使用服务器端语言（如 Node.js、PHP）。

以下是一个基本的大型文件上传的实现步骤：

1. 在前端编写文件选择器，让用户可以选择要上传的文件。可以使用 <input type="file"> 标签创建文件选择器；

2. 通过 JavaScript 的 File API 获取用户选择的文件，可以用 FileReader 对象读取文件内容，并使用 Blob 对象存储二进制数据；

3. 分段上传：为避免一次性上传大文件导致网络拥堵，可以将文件分成多个块进行上传。可以使用 Blob.slice() 方法切分文件，并将每个块单独上传；

4. 利用 AJAX 或 WebSocket 将文件块发送到后端，后端接收到块后进行存储，可以使用文件流的方式写入磁盘；

5. 后端接收到所有块后，将它们合并成完整的文件，然后通知前端上传完成。

在实现大型文件上传时，还需要考虑以下问题：

1. 断点续传：当网络中断或上传过程被中止时，需要在下次上传时能够从上一次中断处继续上传，而不是从头开始；

2. 上传进度条：在上传过程中显示上传进度条，让用户了解上传进度；

3. 安全性：服务器应该对上传的文件进行安全检查，以防止恶意代码或病毒的传播；

4. 并发上传：为加速上传速度，可以同时上传多个文件块，但需要限制同时上传的文件数，以避免服务器负载过高。

以上是实现大型文件上传的基本步骤和需要考虑的问题。

③ 如何提高 webpack 的打包速度？

Webpack 打包速度受多个因素影响，以下是一些提高 webpack 打包速度的方法：

1. 升级到最新版本：新版本的 webpack 通常会有更好的性能表现；

2. 减少入口文件数量：每个入口文件都需要独立打包，所以减少入口文件数量可以减少打包时间；

3. 使用编译缓存：可以使用 cache-loader 或 hard-source-webpack-plugin 等插件启用编译缓存，从而减少重复编译时间；

4. 使用 DllPlugin 和 DllReferencePlugin：将经常使用的第三方库单独打包成一个 dll 文件，然后在 webpack 打包时通过 DllReferencePlugin 引用该文件，可以提高打包速度；

5. 使用 Happypack：将不同类型的文件分开打包，并使用 Happypack 将不同的 Loader 放在单独的进程中运行，从而加快打包速度；

6. 压缩代码：使用 UglifyJSPlugin 压缩代码，可以减少文件大小和打包时间；

7. 开启 Scope Hoisting：Scope Hoisting 是 webpack 3 新增的功能，可以减少模块引用的内存消耗和代码体积，从而提高打包速度。

除了以上方法外，还可以通过调整 webpack 配置选项、升级 Node.js 版本等方式来提高 webpack 打包速度。