Vue 中如何取消 ViewDesign 中组件内部的指令 <W13>
最近需要做这样一个功能：当展开下拉框或者日期选择器的浮层面板后，点击某个区域，不会让浮层消失。如果有了解过组件库内部源码的话，这种浮层的点击外部后隐藏，大多数组件内部都是通过一个 clickOutside 的指令来实现，而目标功能就是需要实现一块 “禁区”，当点击 “禁区” 时不会触发 clickOutside。本文就是基于该功能的实现对这个指令进行探索，记录自己实现这个功能的全过程 ...
拦截网页请求并处理数据 <W12>
有时候需要拦截网页的某个请求，收集响应数据，单个请求直接操作就好了；如果是多个相同 API 的请求，如果有个批处理数据的工具岂不美哉。于是，它来了。本来打算弄成一个油猴插件，但是浏览器总是会把插件的打印日志给 “吞掉”，那就先直接在控制台运行脚本，更简单明了。 介绍用到了一个插件 ajaxhook，官方是这样介绍的： 在 XMLHttpRequest 对象发起请求之前、收到响应内容 ...
CSS实现曲线导航菜单 <W11>
最近看到一个这样的效果，挺有意思的，打算自己动手试一试。 拆解首先，看到这个缺口，心里想，这玩意要怎么弄，一头雾水。不过，对于这种形状怪异的，大多数都可以通过多个图形组合做出来，对于这个，可以拆成由下面三部分组成。 ↓ ↓ ↓ 对于左右两边的，可以通过圆角半径实现，重点是中间部分：缺口是个半圆的图形。在脑海里迅速头脑风暴一下，CSS 中可以实现一个圆形缺口有关的方案。 ...
JS中的类型转换 <W10>
JS 中的数据类型基础数据类型（又称为原始值）：null 、undefined 、boolean 、string 、number 。 声明时：用栈存储，栈中存放的是对应的值； 赋值时：生成一块相同值的栈，两个变量对应不同的地址。 动态数据类型：Array 、Object 、Set 、Map 等。 声明时：值存放在堆中，栈中存放指向堆的地址； 赋值时：将栈中的地址赋给另一个变量，也 ...