青云码上

摘要： 有时候公共UI组件满足不了一些特定的需求样式，并且有较多地方使用同一个UI组件，这时候就需要考虑二次封装现有UI组件 组件二次封装关键的几点： 使用 $attrs 接收 props 使用 $listeners 接收事件 使用 $slots 和 $scopedSlots 接收插槽 使用model定义p 阅读全文

摘要： 实现类似这种功能 可以给输入框（一般是密码框）绑定 mousedown 事件，然后在事件中直接使用 e.getModifierState('CapsLock') 可获取 CapsLock（大小写切换） 是否打开。 getModifierState详细文档 阅读全文

摘要： function getType(data) { const type = Object.prototype.toString.call(data); let res = ''; switch (type) { case '[object Object]': res = 'Object'; brea 阅读全文

摘要： 有时候手动安装了一个npm包A，npm包A里面包含了npm包B，这时候如果 import xxx from 'npm包B'; eslint会报错，提示 npm包B 不在 package.json 里面 解决方法：在 eslintrc.js 增加配置 module.exports = { rules: 阅读全文

摘要： 第一步 npm i eslint-import-resolver-alias -D 第二步：在 eslintrc.js 配置 module.exports = { settings: { 'import/resolver': { alias: { map: [ // 这里参照webpack的别名配置 阅读全文

摘要： <div class="box"> <div class="content"></div> </div> <style> .box{ width: 100px; height: 200px; overflow: auto; } .content{ width: 100px; height: 1000 阅读全文

摘要： 主项目配置nginx add_header Origin-Agent-Cluster "?0" // chorme 116版本开始对iframe跨域更加严格，要加此配置 子项目配置nginx add_header Origin-Agent-Cluster "?0" add_header X-Fram 阅读全文

摘要： ### 自动清除打包目录 - webpack4 ```js // bash npm i clean-webpack-plugin -D //webpack.config.js const {CleanWebpackPlugin} = require('clean-webpack-plugin'); 阅读全文

摘要： <template>改为<template functional> 即可 然后模板里使用到父组件参数的话，需在变量前面加上 props，如 <div>{{count}}</div> 改为 <div>{{props.count}}</div> 如果组件比较简单，只是展示数据的话，可以使用函数式组件，函 阅读全文

摘要： 查询占用某个端口的 `PID` ```shell netstat -ano|findstr "端口号" ```  阅读全文