1.4k 字 1 分钟

# 前言

我们平时在开发代码时，很多构建工具在我们保存本地代码时都可以做到实时上传或者实时刷新页面，那么大家有没有想过构建工具是如何做到的？

想做到这一点，就需要实时监听本地文件的增删改，掌握这些时机就可以做到在文件改变时热更新或者实时上传。

下面我们就来聊一聊如何监听本地文件的变动！

2.1k 字 2 分钟

# 点击 clearable 清除按钮输入建议失效

我们会发现，如果给 el-autocomplete 组件标签加上 clearable 属性以后，那么，当我们输入内容以后，再点击 clearable 清空按钮清空输入框中输入的数据以后，当我们再重新输入文字的时候，请求会触发，后端返给我们的数据也获取到了，但是后端返回给我们的数据却没有渲染到页面上。就仿佛输入没反应了。解决方案比较直接的就是，当用户点击了 clearable 清空按钮以后，就让当前获取焦点的输入框失去焦点，回到最初状态，一切重新开始
即为：主动触发失去焦点，解决‘fetch-suggestions’输入建议失效的 bug，也就是： @clear="blurForBug()"

<template>
    <div id="box">
        <el-autocomplete
            :fetch-suggestions="querySearch"
            v-model="inputValue"
            @select="handleSelect"
            :debounce="0"
            :trigger-on-focus="true"
            clearable
            @clear="blurForBug()"
        ></el-autocomplete>
    </div>
</template>
blurForBug(){
	document.activeElement.blur()
}

282 字 1 分钟

今天开发的时候，遇到 include 不生效问题吗，特此记录一下。 经过排查发现 include 的 value 值是组件的 name 值，而不是路由配置里面的 name export default &#123; name: 'Login', data() &#123; return &#123; userName: '', pwd: '' &#125; &#125;, 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 = &#123; // 基本路径 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...