pnabc

2021 高频前端面试题汇总之JavaScript篇，前端面试题汇总系列文章的JavaScript篇，长期更新，欢迎收藏、点赞！

本人才疏学浅，如有描述不对，或者理解错误的地方欢迎指出。会及时改正！ 本质上，webpack 是一个现代 JavaScript 应用程序的静态模块打包器(module bundler)。当 webpack 处理应用程序时，它会递归地构建一个依赖关系图(dependency gr…

上一节中讲了零配置也可以跑起打包js的操作，但是在实际项目中，不只是那么简单的打包，需要自定义配置打包的入口、输出的出口文件。 上面配置中，mode选项就是我们的打包模式，上一节讲过的。 entry 就是打包的入口文件，值是一个路径。 path 是输出到什么目录下，使用Node…

而 display: flex... 并没有添加前缀 上面的问题，主要原因是需要配置指定浏览器的范围内添加CSS前缀才能给 display: flex等，添加前缀。 现在有四种配置方法可以解决上面的问题。 在跟目录新增 .browserslistrc 配置文件。 选择此方法的目…

在实际开发过程中，我们希望每次修改文件都会帮我们自动的刷新修改的页面或者部分被修改的内容，让开发更加高效，所以我们就需要为我们的项目提供一个简单的web服务器（webpack-dev-server），该服务器能够实现时重新加载(live reloading)、热替换的功能。 c…

在安装vue-template-compiler、vue包时，两个包的版本必须保持同步，这样 vue-loader 就会生成兼容运行时的代码。这意味着你每次升级项目中的 vue 包时，也应该匹配升级 vue-template-compiler。 发现完美的跑起了一个简单的vue…

在开发环境中，我们需要具有强大的、具有实时重新加载(live reloading)、热模块替换(hot module replacement)能力的 source map(方便开发者调试代码) 和 localhost server（本地服务器）。 在生产环境中，我们的目标则转向…

1. 修改 build/webapck.base.js 文件 2. 修改 build/webapck.dev.js 文件 在 devServer 选项中添加 overlay: true， 方便再浏览器中直接提示ESLint的错误信息。 3. 添加ESLint配置文件 根目录新增…

简单的说，就是把sass文件编译成wxss文件啦。 第二步（编写）： 直接在scss文件中编写需要的css就好啦，wxss就自动生成啦。