项目 杂碎 知识点 汇总!!!

Vue !!!

setup生命周期 使用 nextTick  !!获取节点 

项目 杂碎 知识点 汇总!!!_第1张图片

onMounted中可以使用JS,获取节点,setup生命周期无法获取节点

项目 杂碎 知识点 汇总!!!_第2张图片

 vue实现文本粘贴复制

项目 杂碎 知识点 汇总!!!_第3张图片

Vue遍历对象

1、使用v-for指令:可以直接遍历对象的键和值

项目 杂碎 知识点 汇总!!!_第4张图片

 2、使用 Object.keys() 函数:可以将对象的键存入数组,然后在使用 v-for 遍历数组项目 杂碎 知识点 汇总!!!_第5张图片

有:firth-child、:firth-of-type,不建议使用v-if,否则隐藏时,在第二个的元素变成第一个 

切割split 字符串转数组
项目 杂碎 知识点 汇总!!!_第6张图片

其它 !!!

 文件上传

项目 杂碎 知识点 汇总!!!_第7张图片

formData对象直接打印为空

项目 杂碎 知识点 汇总!!!_第8张图片

F12控制台查看请求文件

项目 杂碎 知识点 汇总!!!_第9张图片

F12灰色样式

项目 杂碎 知识点 汇总!!!_第10张图片

JS !!!

 JS中判断对象是否包括某个键key的方法

项目 杂碎 知识点 汇总!!!_第11张图片

JS的filter返回筛选后的数组

JS删除 指定(已知) 数组下标的元素

项目 杂碎 知识点 汇总!!!_第12张图片

  JS节点删除empty、remove、detach

JS节点删除empty()

项目 杂碎 知识点 汇总!!!_第13张图片

JS节点删除remove()

项目 杂碎 知识点 汇总!!!_第14张图片

empty()和remove()的区别

JS节点删除detach()

remove()和.detach()的不同

项目 杂碎 知识点 汇总!!!_第15张图片

remove()和.detach()的共同点

 JS实现平滑滚动页面到顶部功能

项目 杂碎 知识点 汇总!!!_第16张图片

scroll-behavior:smooth CSS 

项目 杂碎 知识点 汇总!!!_第17张图片

 scrollTo

项目 杂碎 知识点 汇总!!!_第18张图片

 requestAnimationFrame 项目 杂碎 知识点 汇总!!!_第19张图片

 scrollIntoView项目 杂碎 知识点 汇总!!!_第20张图片

Antd !!!

给popover组件添加类名class

项目 杂碎 知识点 汇总!!!_第21张图片

  ElementPlus / ElementUI  !!!

elementplus / elementui的单选框组件的单个单选按钮radio,再次点击可取消

项目 杂碎 知识点 汇总!!!_第22张图片

报错:Vue容器挂载SyntaxError:检查是否缺少括号

项目 杂碎 知识点 汇总!!!_第23张图片

elementplus的popover组件 

 element-plus的popover气泡卡片组件可以自己控制显示隐藏

项目 杂碎 知识点 汇总!!!_第24张图片

elementplus的popover设置placement后不显示 ,加上teleported属性为false项目 杂碎 知识点 汇总!!!_第25张图片

elementplus的popover实现三角箭头

项目 杂碎 知识点 汇总!!!_第26张图片

 popover展开时修改样式--绑定展开标志

element的对话框dialog修改颜色

使用background-color、border-color修改

项目 杂碎 知识点 汇总!!!_第27张图片

 CSS !!!

文本渐变色

项目 杂碎 知识点 汇总!!!_第28张图片

项目 杂碎 知识点 汇总!!!_第29张图片

通过样式修改SVG图标颜色(直接使用)

项目 杂碎 知识点 汇总!!!_第30张图片

给非最后一个子元素添加样式

项目 杂碎 知识点 汇总!!!_第31张图片

Less !!!

deep

项目 杂碎 知识点 汇总!!!_第32张图片

HTML !!!

点击按钮实现页面跳转

项目 杂碎 知识点 汇总!!!_第33张图片

项目 杂碎 知识点 汇总!!!_第34张图片

 Bug !!!

 bug:滚动到顶部失效???(方法不一定对)

项目 杂碎 知识点 汇总!!!_第35张图片

Bug:setTimeout / setInterval定时器清除clear完了还在继续发请求

解决:初始化定时器前,先清除定时器,防止定时器重叠

项目 杂碎 知识点 汇总!!!_第36张图片

项目 杂碎 知识点 汇总!!!_第37张图片

setTimeout 和 setInterval对比https://www.cnblogs.com/chenyoumei/p/12695381.html

Bug:safari浏览器中出现文字自动换行

解决:加上 white-space:nowrap

项目 杂碎 知识点 汇总!!!_第38张图片

 Jinja混合Vue !!!

拼接字符串

项目 杂碎 知识点 汇总!!!_第39张图片

 jinja读取属性

项目 杂碎 知识点 汇总!!!_第40张图片

vue+jinja 拼接

项目 杂碎 知识点 汇总!!!_第41张图片

jinja下标可直接赋值使用 

项目 杂碎 知识点 汇总!!!_第42张图片

项目 杂碎 知识点 汇总!!!_第43张图片

 jinja混合vue elementUI

项目 杂碎 知识点 汇总!!!_第44张图片

Git !!!

 查看报错信息

项目 杂碎 知识点 汇总!!!_第45张图片

 

提示:数字  表明:正在变基。现在是变基分支。

提示:冲突就是变基

提示:变基就是要把冲突处理完之后这样

git rebase --continue 处于变基分支后执行。把变基完成回到原来的分支

项目 杂碎 知识点 汇总!!!_第46张图片提示:pymongo.errors.ServerSelectionTimeoutError-->没开VPN

你可能感兴趣的:(vue.js,javascript,前端)