pzy_666的博客

ref方式指定自定义组件类型import { ElForm } from 'element-plus'// InstanceType是无需显示引入的type FormInstance = InstanceType<typeof ElForm>const elFormRef = ref<FormInstance>()某种类型可以是自定义的多种类型type RouteLocationRaw = string | (RouteQueryAndHash & Locat

通过注释方式禁用当前行的eslintalert('foo'); // eslint-disable-line禁用下一行的eslint// eslint-disable-next-line alert('foo');禁用多行的eslint/* eslint-disable */alert('foo');/* eslint-enable */禁用整个文件的eslint检查在文件最顶部添加如下注释/* eslint-disable */通过eslint配置文件禁用对应规则r

作用git flow 定义了一套项目的分支管理模式，让分支的管理不再混乱git flow定义的几个分支介绍master: (只允许存在一个) 当前生产代码所在分支，除项目创建之初提交一次代码之外，不能再对该分支主动提交代码，后续只能通过合并release分支的方式，获取代码的变更develop: (只允许存在一个) 主开发分支，基于master分支创建，不能直接向该分支提交代码，只能通过合并feature分支的方式得到最新的代码变更feature: (可以多个)新功能分支. feature分支都

解决element-plus的ElMessage,ElNotification样式缺失问题使用unplugin-auto-import插件解决该问题特别注意import { ElNotification } from 'element-plus' 这类段代码不要手动去写， 而是要交给unplugin-auto-import插件隐士的自动加入，如果你自己手动去写的话，依然会导致样式缺失如果，unplugin-auto-import 气作用了，那么auto-imports.d.ts文件，应该会有相应

错误类型Error代码运行时的错误，除了 Error 这个对象，一些内置 错误类 在异常时返回，如SyntaxError、 EvalError 、 RangeError 、 ReferenceError 、 TypeError 等，具体信息ErrorScript error跨域脚本，为了防止信息泄露，不会展示语法错误具体信息，只会展示 Script error.可以先解决跨域：客户端script标签添加 crossorigin=“anonymous”服务端响应header添加 Access-

watch单个变量监听监听ref属性const theName = ref('张三')watch(theName, newVal => { console.log('newVal', newVal)})监听reactive属性监听单个属性const obj = reactive({ name: '张三', hobby: [ { title: '你好', }, ],})watch( () => obj.name, newV

参考文章关于父元素设置min-height，子元素设置 height 100% 不生效的问题css 父元素设置了min-height：100%, 子元素设置height:100%无效

网站Ant motionhttps://motion.ant.design/exhibition-cn/通用小动画https://webkul.github.io/micron/按钮小动画https://bttn.surge.sh/https://varin6.github.io/Hover-Buttons/实现颜色渐变动画https://sarcadass.github.io/granim.js/examples.html实现颜色渐变动画实现线条的动画https://kim

extfans收藏猫插件

怎么获取到这两个数据通过chrome开发者工具Performance选项卡通过chrome开发者工具Lighthouse选项卡通过JS计算web-vitalsFP & FCP & LCPFP:（First Paint / 首次绘制） 页面第一次绘制像素的时间，实际也是白屏时间FCP: (First Content Paint / 首次内容绘制) 这个指标用于记录页面首次绘制文本、图片、非空白 Canvas 或 SVG 的时间。这个就是实际有意义的首屏时间，也就是我们通常要优