Web前端严选

@babel/core是babel中的核心模块，@babel/preset-env 的作用是es6转化es5插件的插件集合，而babel-loader是webpack和loader的桥梁。

通过使用不同的loader，Webpack可以把不同的文件都转成JS文件，比如CSS、ES6/7、JSX等。 通过对loader的使用，我们了解到loader可以把其他类型模块都处理成JS模块，以便加载使用。这其实就是webpack中非常重要的混淆依赖中的一部分。

自动发布：更新完代码后，自动构建出线上发布代码并传输给发布系统。 扩展插件，在 Webpack 构建流程中的特定时机注入扩展逻辑来改变构建结果或做你想要的事情。 执行npm run build，默认会调用 node_modules/.bin下的webpack命令，内部会调用we…

在测试中我们会遇到很多问题，像如何测试异步逻辑，如何mock接口数据等... 这里需要注意的是，如果mock的api.js方法不全，在测试时可能还需要引入原文件的方法，那么需要使用jest.requireActual('./api.js') 引入真实的文件。 3. Jest中的…

目前开发大型应用，测试是一个非常重要的环节，但是大多数前端开发者对测试相关的知识是比较缺乏的。因为可能项目开发周期短根本没有机会写，所以你没有办法体会到前端自动化测试的重要性。 白盒测试是基于代码本身的测试，一般指对代码逻辑结构的测试。 单元测试是指对程序中最小可测试单元进行的…

因为new的结果是一个对象，所以在实现new的过程中，也要生成一个新的对象。我们先将这个对象命名为obj，因为obj也具有Person构造函数的属性，所有要通过调用父类，继承父类实例的方式，来给obj添加新属性。 在以上内容中，通过new Object()创建了一个对象obj。…

函数的 prototype 属性指向了一个对象，这个对象正是调用该构造函数而创建的实例的原型，也就是这个例子中的cat和dog的原型。 每一个JavaScript对象(null除外)在创建的时候就会与之关联另一个对象，这个对象就是我们所说的原型，每一个对象都会从原型"继承"属性…

JSX 可以很好地描述 UI 应该呈现出它应有交互的本质形式。JSX 可能会使人联想到模版语言，但它具有 JavaScript 的全部功能。 Babel 会把 JSX 转译成一个名为 React.createElement() 函数调用。 模板的最大特点是扩展难度大，不易扩展。…

npm:全称node package mananger，是世界上最大规模的包管理系统，官网是这样介绍的 Build amazing things... name是当前包的名字，也就是最终发布在npm官网上包的名字。不能和已有的包重名哦！ version就是当前包的版本号，主要我…