DevOps海洋的渔夫

在日常开发中，如果在项目中使用ES6、ES7等高级语法进行开发，那么浏览器是无法识别的。这时候就需要使用 babel 进行语法的转化，将其转化为 ES5 的语法，提供浏览器识别。 Babel 提供了各种组件的安装方式，在这里我们选择 webpack 的安装方式。 选择 webp…

在历史问题的情况下，存在需要往jquery项目中引入vue.js框架的情况，这种情况下，因为前期并没有使用webpack进行打包压缩，所以考虑直接使用原生的js拆分vue.js的组件，不依赖与wabpack等打包软件。 因为没有使用webpack以及babel等高级语法编译工具…

1. 存在的问题 借助于webpack这个前端自动化构建工具，可以完美实现资源的合并、打包、压缩、混淆等诸多功能。 下面主要来认识webpack，以及熟悉webpack的基本使用。 2. Webpack的介绍 现在安装完毕了webpack，那么下面就可以开始建立一个项目，用来练…

使用npm下载镜像默认是采用国外的镜像地址的，那么当在国内使用国外的地址来下载软件，那么肯定存在网络缓慢的过程。 那么这时候就要考虑切换国内下载镜像。但是这样也有一个问题，切换国内镜像有些时候挺麻烦的，这时候就可以使用nrm这个工具来进行镜像地址切换。 那么下面来演示一下安装使…

前面在写名称拼接案例的时候使用了keyup监听文本框，还使用了watch来监听数据变化，那么本篇章来使用computed计算属性来监听实现。 那么在使用之前，先来看看computed属性的官网说明。 模板内的表达式非常便利，但是设计它们的初衷是用于简单运算的。在模板中放入太多的…

上一篇章使用watch组件通过监听文本框的参数变化，实现了名称拼接的案例。这种业务使用事件监听都可以处理，但是如果需要监听网页的URL地址变化，这样事件监听肯定是做不了的。那么此时就可以使用watch来实现了。 这时候可以监听路由的对象this.$route.path变化来处理…

上一章节，我才用了监听keyup事件的方式，实现了一个名称拼接的案例。那么其中Vue框架提供一个watch组件，可以用来监听数据的变化，然后再执行相关的业务方法。 那么，本篇章则可以使用watch来实现。下面先来看看官网的基本功能说明。 虽然计算属性在大多数情况下更合适，但有时…

在日常开发中，经常会有计算或者拼接输入框内容，然后在另一个输入框呈现的场景，例如：计算器、拼接名称等等。 其中 姓名 由 姓氏 + 名称，下面来实现一下。 可以看到data的值已经与文本框对应上了。