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

Vue !!!

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

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

 vue实现文本粘贴复制

Vue遍历对象

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

 2、使用 Object.keys() 函数:可以将对象的键存入数组,然后在使用 v-for 遍历数组

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

其它 !!!

 文件上传

formData对象直接打印为空

F12控制台查看请求文件

F12灰色样式

JS !!!

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

JS的filter返回筛选后的数组

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

  JS节点删除empty、remove、detach

JS节点删除empty()

JS节点删除remove()

empty()和remove()的区别

JS节点删除detach()

remove()和.detach()的不同

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

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

scroll-behavior:smooth CSS 

 scrollTo

 requestAnimationFrame 

 scrollIntoView

  ElementPlus / ElementUI  !!!

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

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

elementplus的popover组件 

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

elementplus的popover设置placement后不显示 ,加上teleported属性为false

elementplus的popover实现三角箭头

element的对话框dialog修改颜色

使用background-color、border-color修改

 CSS !!!

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

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

HTML !!!

点击按钮实现页面跳转

 Bug !!!

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

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

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

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

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

解决:加上 white-space:nowrap

 Jinja混合Vue !!!

拼接字符串

 jinja读取属性

vue+jinja 拼接

jinja下标可直接赋值使用 

 jinja混合vue elementUI

Git !!!

 查看报错信息

 

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

提示:冲突就是变基

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

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

提示:pymongo.errors.ServerSelectionTimeoutError-->没开VPN

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.hqwc.cn/news/314664.html

如若内容造成侵权/违法违规/事实不符,请联系编程知识网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

您的项目应该选用哪一种编程语言?深入对比PHP与Python

在软件开发领域,PHP与Python之间正在进行一场战斗。它似乎永远不会结束。 开发一个成功的网站或应用程序首先要选择一种可靠的编程语言。 随着生产高性能、可扩展、可靠、安全和灵活的网络产品的激烈竞争,有必要选择一个明智的技术基础,包括…

1. Spring概述

概述 Spring 是一个开源框架Spring 为简化企业级开发而生,使用 Spring,JavaBean 就可以实现很多以前要靠 EJB 才能实现的功能。同样的功能,在 EJB 中要通过繁琐的配置和复杂的代码才能够实现,而在 Spring 中却非常的优雅和简洁。…

数据结构——顺序栈与链式栈的实现

目录 一、概念 1、栈的定义 2、栈顶 3、栈底 二、接口 1、可写接口 1)数据入栈 2)数据出栈 3)清空栈 2、只读接口 1)获取栈顶数据 2)获取栈元素个数 3)栈的判空 三、栈的基本运算 四、顺序栈&…

让电脑变得更聪明——用python实现五子棋游戏

作为经典的棋类游戏,五子棋深受大众喜爱,但如果仅实现人与人的博弈,那程序很简单,如果要实现人机对战,教会计算机如何战胜人类,那就不是十分容易的事了。本文我们先从简单入手,完成五子棋游戏的…

Seata服务搭建与模式实现

日升时奋斗,日落时自省 目录 1、简述 2、Seata优越性 3、Seata组成 4、Seata模式 4.1、XA 模式 4.2、AT 模式(默认模式) 4.3、TCC 模式 4.4、SAGA 模式 4.5、XA协议 5、Seata服务部署 5.1、文件数据源部署 5.1.1、下载并安装Seata 5.1.2、启动Seata服…

【AIGC风格prompt】风格类绘画风格的提示词技巧

风格类绘画风格的提示词展示 主题:首先需要确定绘画的主题,例如动物、自然景观、人物等。 描述:根据主题提供详细的描述,包括颜色、情感、场景等。 绘画细节:描述绘画中的细节,例如表情、纹理、光影等。 场…

纯CSS实现边框流光效果(跑马灯效果)

首先上一个效果图 有木有发现和夜晚街上的广告牌很像,接下来让我们看看如何使用css实现的吧 结构分析 首先很明显应该使用一个盒子将文字装起来,并且将文字进行了居中,然后我们看到这盒子的周围围绕了两条光带,那么这两条光带是…

基于低代码的指尖遐想_2

广义低代码解决了企业或个人的哪些问题,其快速发展的背后说明了什么? 基于一个简要的企业信息化系统来分析阐述(天下大事合久必分,分久必合): 2010年前后,一个合格的程序员,可以做需…

一文初识Linux进程(超详细!)

🎬慕斯主页:修仙—别有洞天 ♈️今日夜电波:HEART BEAT—YOASOBI 2:20━━━━━━️💟──────── 5:35 🔄 ◀️ ⏸ ▶️ ☰ …

数据转换的三剑客:Pandas 中 apply、map 和 applymap 方法的应用指南

数据转换的三剑客:Pandas 中 apply、map 和 applymap 方法的应用指南 ​ 在 Pandas 中,apply、map 和 applymap 是常用的数据转换和处理方法,它们为数据分析和数据处理提供了灵活的功能。这些方法可以根据具体的需求选择合适的方法进行操作。…

异常控制流ECF

大家好,我叫徐锦桐,个人博客地址为www.xujintong.com,github地址为https://github.com/jintongxu。平时记录一下学习计算机过程中获取的知识,还有日常折腾的经验,欢迎大家访问。 一、异常控制流(ECF) 现代…

字符串转成时间的SQL,一个多种数据库通用的函数

select date 2010-10-06 from dual; date 函数,此函数适用于: 1.MySQL数据库 2.Oracle数据库 3.达梦数据库 4.人大金仓数据库