声明：如按照文中代码执行报错，请检查依赖版本是否和示例代码仓库中一致。 除了前面我们介绍的几种工具外，其实还有很多实用的工具，但是由于太简单了，没必要单独开一篇文章来讲，所以这里就简单介绍一下。 有的时候，为了赶进度，需要前后端同时开发，接口出来之前，就需要前端进行数据Mock…

总结了一下前端性能优化的方法，这是面试必然会遇到的问题。大概的话就是比较常见的方法，其实很多方法也有利有弊，互相学习。

为什么要在 Webpack 中使用 Source Map？以及 Webpack 提供了哪些 Source Map 的使用方式？我们应该在开发环境和生产环境如何使用 Source map？

1、输入url到显示页面发生了什么 浏览器的地址栏输入URL并按下回车； 浏览器查找当前URL是否存在缓存，并比较缓存是否过期； DNS解析URL对应的IP。先在本地hosts文件查找，如果没找到，再

本文简单介绍了chrome dev tools的相关工具，使用和技巧。适合刚入门的同学了解chrome开发调试。

捕获并处理异常，能避免出现页面白屏的情况。那怎么捕获异常呢? 主动捕获运行时异常 用 try-catch 能捕获同步代码的运行时错误。如果是异步代码，需要转化成 await 的写法。

CSS Modules 是什么？官方文档的介绍如下：所有的类名和动画名称默认都有各自的作用域的 CSS 文件。CSS Modules 并不是 CSS 官方的标准，也不是浏览器的特性，而是使用一些构建工

前言 首先抛出结论，webpack是一个非常简单的工具，毫无难度可言。webpack阻碍很多人的根本原因是大家对一些概念的不熟悉、对webpack丰富的loader和plugin望而怯步。当你把概念弄

作为一个合格的前端工程师，浏览器相关的工作原理是我们进行性能优化的基石，我之前也强调过知识体系的重要性，这部分原理性的内容就是知识体系中的重要部分，必须牢牢掌握才能面对瞬息万变的实际场景，针对性地给出实际方案，而不是背诵各种开发军规和性能优化的条例，这样很难发现真正的问题所在,…