282 字 1 分钟

今天开发的时候，遇到 include 不生效问题吗，特此记录一下。 经过排查发现 include 的 value 值是组件的 name 值，而不是路由配置里面的 name export default { name: 'Login', data() { return { userName: '', pwd: '' } }, methods:...
2k 字 2 分钟

Object.assign 可以实现对象的合并。它的语法是这样的： Object.assign(target, ...sources) ，

Object.assign 会将 source 里面的可枚举属性复制到 target 。

开发中，很多人对 Object.assign 的用法不清，很容易导致以下 2 种情况，使得源对象属性改变

5k 字 5 分钟

# instanceof 与 constructor 的区别

# 名词介绍

instanceof 的作用是判断实例对象是否为构造函数的实例，实际上判断的是实例对象的__proto__属性与构造函数的 prototype 属性是否指向同一引用；

constructor 的作用是返回实例的构造函数，即返回创建此对象的函数的引用。

5.7k 字 5 分钟

详解见官方 vue cli 配置参考 # Vue.config.js 配置注释 // Vue.config.js 配置选项module.exports = { // 基本路径 publicPath: "./", // 构建时的输出目录 outputDir: "dist", // 放置静态资源的目录 assetsDir: "static", // html 的输出路径 indexPath: "index.html", // 文件名哈希 filenameHashing: true, //...
306 字 1 分钟

# Git :fatal: refusing to merge unrelated histories 解决

今天本地创建了一个仓库（有 README)，把本地仓库和 Gitee 上关联以后，发现 git pull ， git feach 提醒 fatal: refusing to merge unrelated histories

$ git pull origin/xlong fatal: refusing to merge unrelated histories

上网查到原因是两个分支是两个不同的版本，具有不同的提交历史

2.6k 字 2 分钟

自从有了 mockjs，我们前端工程师再也不用等后端人员开发好之后再测数据了，因为 mockjs 可以拦截 ajax 请求，有了 mockjs 我们可以模拟后台返回数据，以方便的进行一系列的操作。接下来就介绍一下在项目中如何使用 mockjs。 首先安装 mockjs npm install mockjs我们可以使用数据模板生成模拟数据。 Mock.mock( rurl?, rtype?, template ) )// 或者Mock.mock( rurl, rtype, function( options ) ) Mock.mock( rurl, rtype, template...
2.2k 字 2 分钟

# 语法规范

Mock.js 的语法规范包括两部分：

  1. 数据模板定义规范（Data Template Definition，DTD）
  2. 数据占位符定义规范（Data Placeholder Definition，DPD）

1.1k 字 1 分钟

# 简介 ​ Vue 提供了事件绑定的语法糖，我们在标签中可直接使用形如 v-on:click，@click，@focus 的形式绑定事件监听器，并且可以使用修饰符对事件进行 option 设置。本次解释下 stop 与 capture 的修饰符。stop 是阻止事件传递，capture 是在捕获的过程监听，没有 capture 修饰符时都是 ** 默认冒泡过程监听。**** ** # 冒泡与捕获 ​ 首先我们需要形成监听器的思想。在不使用任何框架的情况下，我们在 js 中通过 addEventListener 方法给 Dom 添加事件监听。这个方法直译就是添加事件监听器。我们对 Dom...
845 字 1 分钟

# 简介 ​ Vue 提供了事件绑定的语法糖，我们在标签中可直接使用形如 v-on:click，@click，@focus 的形式绑定事件监听器，并且可以使用修饰符对事件进行 option 设置。本次解释下 prevent 与 passive 的修饰符。prevent 是拦截默认事件，passive 是不拦截默认事件。 # prevent ​ 某些标签拥有自身的默认事件，如 a [href="#"]，button [type="submit"]...
558 字 1 分钟

# 简介 ​ Vue 提供了事件绑定的语法糖，我们在标签中可直接使用形如 v-on:click，@click，@focus 的形式绑定事件监听器，并且可以使用修饰符对事件进行 option 设置。本次解释 self 修饰符以及 self 连缀的情况。 # self ​ self 的作用是，只在目标 Dom 是绑定了动作的 Dom 才触发。栗子如下图。我给 2 号图层的捕获监听与 3 号图层的冒泡监听加上 self 修饰符。当我点击最里层的 a 标签时，控制台会输出 **1 3 4 4 2 1 。** 因为我们本次的目标 Dom 是 4 号 a 标签，所以我们绑定在 2 号与 3 号的监听在有...