四周(28天)的个人开发总结(技巧)

1、vue样式绑定

<div :style="{ minHeight: height * 0.8 + 'px' }">div>
<div :class={divFirst:true}>div> 
1
2

2、git代码提交(eslint)错误以及git合并分支

大概意思就是v-if不能和v-for连用
合并分支
git merge ‘需要合并的分支’(想在master上合并dev,这边就填dev分支)

这种是因为commit提交的规范不对,可以去问问代码组的规范是什么

3丶element-plus的表格tree-props属性

点击一个行,所有的行都会展开,引起的原因有可能是id属性绑定的有问题

4丶计算属性比mouted走的还快,监听一个元素滚动时候,最好在销毁的时候去掉监听事件,vueUse是一个好帮手

5丶插件

这种JSON数据的样式展示,可以借助vue-json-viewer
不需要挂载

import JsonViewer from 'vue-json-viewer'
 <json-viewer :value="jsonData" copyable theme="my-awesome-json-theme"></json-viewer>
 //copyable 是否让右上角有个复制按钮
 //valuejson数据
 //theme自定义绑定的类名
1
2
3
4
5

页面展示这种代码块可以借助highlight.js和@highlightjs/vue-plugin搭配使用
需要挂载并且需要导入样式(可以去官网查看你需要的样式)

···
import hljsVuePlugin from '@highlightjs/vue-plugin'
import 'highlight.js/styles/atom-one-dark.css'
import 'highlight.js/lib/common'
app.use(hljsVuePlugin)
1
2
3
4
5

  <highlightjs :autodetect="false" :code="code[num].code">highlightjs>
1

code就是代码块的内容
autodetect是一个自动检测代码样式的功能建议关掉