随着 Nodejs 的崛起，编译这个昔日在 Java、C++ 等语言中流行的词，在前端也逐渐火了起来，现在一个前端项目在开发过程中没有编译环节，总感觉这个项目是没有灵魂的。说起前端编译就不得不提前端编译界的扛把子 Babel ，大部分前端攻城狮对 Babel 并不陌生，但是在这…

对于入门选手来讲，webpack 配置项很多很重，如何快速配置一个可用于线上环境的 webpack 就是一件值得思考的事情。其实熟悉 webpack 之后会发现很简单，基础的配置可以分为以下几个方面： entry 、 output 、 mode 、 resolve 、 modu…

在遇到的一些问题，我都在写在的代码注释中先看代码main.js登录先从登录开始就从登录看起vue-routervuexmain.vue后台总结先定义一份公共的路由表，里面仅有一些公共的路由，如logi

几乎在所有浏览器中，都具有 Tab 键切换焦点的功能。 但是任性的用户强烈要求一定要有 Enter 键切换焦点的功能。 为了交付上线拿到钱，我们只好再一次毫无原则性的接受了客户的需求。 在上一代人中，大多都有这种操作习惯。习惯把保存称为编辑，习惯用回车替换 Tab。这是受到微软…

webpack是当下最热门的前端资源模块化管理和打包工具，它可以将许多松散的模块按照依赖和规则打包成符号生产环境部署的前端资源，还可以将按需加载的模块进行代码分割。本篇将介绍webpack的配置、配置Html模板、引入CSS文件等

... 简单来说把 JavaScript 中 es2015/2016/2017/2046 的新语法转化为 es5，让低端运行环境(如浏览器和 node )能够认识并执行。本文以 babel 6.x 为基准进行讨论。最近 babel 出了 7.x，放在最后聊。 严格来说，babe…

对 Babel 的配置项的作用不那么了解，是否会影响日常开发呢？老实说，大多情况下没有特别大的影响（毕竟有搜索引擎）。 不过呢，还是想更进一步了解下，于是最近认真阅读了 Babel 的文档，外加不断编译验证，输出了本篇文章，为了更好的阅读体验，修修改改，最终算是以我个人比较喜欢…

我们知道Babel是一个通用型的JS编译器，通过Babel我们可以把最新标准编写的JS代码向下编译成兼容各种浏览器或Node的通用版本。你可以通过安装预设（presets，一系列同类插件组合） 或 插件（plugins） 告诉Babel应该如何进行代码转译，例如：@babel/…

正则在平时工作中用得蛮多的，比如说验证、文本搜索、文本替换、服务配置...。之前就常有同事直接发我规则，让我写个正则给他。自己也因为在编辑一个公众号的内容，需要将图片上的文本录入图文(文章)。于是就想着调用百度的图片识别API，将返回的数据格式化 (通过正则判断需要获取的值) …