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

1、vue样式绑定

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

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自定义绑定的类名

在这里插入图片描述


页面展示这种代码块可以借助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)
  <highlightjs :autodetect="false" :code="code[num].code"></highlightjs>

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

相关文章

显卡天梯图2024最新版,显卡是电脑进行图形处理的重要设备,...
初始化电脑时出现问题怎么办,可以使用win系统的安装介质,连...
todesk远程开机怎么设置,两台电脑要在同一局域网内,然后需...
油猴谷歌插件怎么安装,可以通过谷歌应用商店进行安装,需要...
虚拟内存这个名词想必很多人都听说过,我们在使用电脑的时候...