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

2024-01-02 13:44
文章标签 知识点 项目 汇总 杂碎

本文主要是介绍项目 杂碎 知识点 汇总!!!,希望对大家解决编程问题提供一定的参考价值,需要的开发者们随着小编来一起学习吧!

Vue !!!

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

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

 vue实现文本粘贴复制

Vue遍历对象

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

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

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

切割split 字符串转数组
 

其它 !!!

 文件上传

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.chinasem.cn/article/562622

相关文章

Three.js构建一个 3D 商品展示空间完整实战项目

《Three.js构建一个3D商品展示空间完整实战项目》Three.js是一个强大的JavaScript库,专用于在Web浏览器中创建3D图形,:本文主要介绍Three.js构建一个3D商品展... 目录引言项目核心技术1. 项目架构与资源组织2. 多模型切换、交互热点绑定3. 移动端适配与帧率优化4. 可

sky-take-out项目中Redis的使用示例详解

《sky-take-out项目中Redis的使用示例详解》SpringCache是Spring的缓存抽象层,通过注解简化缓存管理,支持Redis等提供者,适用于方法结果缓存、更新和删除操作,但无法实现... 目录Spring Cache主要特性核心注解1.@Cacheable2.@CachePut3.@Ca

SpringBoot通过main方法启动web项目实践

《SpringBoot通过main方法启动web项目实践》SpringBoot通过SpringApplication.run()启动Web项目,自动推断应用类型,加载初始化器与监听器,配置Spring... 目录1. 启动入口:SpringApplication.run()2. SpringApplicat

Springboot项目构建时各种依赖详细介绍与依赖关系说明详解

《Springboot项目构建时各种依赖详细介绍与依赖关系说明详解》SpringBoot通过spring-boot-dependencies统一依赖版本管理,spring-boot-starter-w... 目录一、spring-boot-dependencies1.简介2. 内容概览3.核心内容结构4.

在ASP.NET项目中如何使用C#生成二维码

《在ASP.NET项目中如何使用C#生成二维码》二维码(QRCode)已广泛应用于网址分享,支付链接等场景,本文将以ASP.NET为示例,演示如何实现输入文本/URL,生成二维码,在线显示与下载的完整... 目录创建前端页面(Index.cshtml)后端二维码生成逻辑(Index.cshtml.cs)总结

Spring Boot项目如何使用外部application.yml配置文件启动JAR包

《SpringBoot项目如何使用外部application.yml配置文件启动JAR包》文章介绍了SpringBoot项目通过指定外部application.yml配置文件启动JAR包的方法,包括... 目录Spring Boot项目中使用外部application.yml配置文件启动JAR包一、基本原理

Springboot项目登录校验功能实现

《Springboot项目登录校验功能实现》本文介绍了Web登录校验的重要性,对比了Cookie、Session和JWT三种会话技术,分析其优缺点,并讲解了过滤器与拦截器的统一拦截方案,推荐使用JWT... 目录引言一、登录校验的基本概念二、HTTP协议的无状态性三、会话跟android踪技术1. Cook

springboot项目中集成shiro+jwt完整实例代码

《springboot项目中集成shiro+jwt完整实例代码》本文详细介绍如何在项目中集成Shiro和JWT,实现用户登录校验、token携带及接口权限管理,涉及自定义Realm、ModularRe... 目录简介目的需要的jar集成过程1.配置shiro2.创建自定义Realm2.1 LoginReal

idea Maven Springboot多模块项目打包时90%的问题及解决方案

《ideaMavenSpringboot多模块项目打包时90%的问题及解决方案》:本文主要介绍ideaMavenSpringboot多模块项目打包时90%的问题及解决方案,具有很好的参考价值,... 目录1. 前言2. 问题3. 解决办法4. jar 包冲突总结1. 前言之所以写这篇文章是因为在使用Mav

Python按照24个实用大方向精选的上千种工具库汇总整理

《Python按照24个实用大方向精选的上千种工具库汇总整理》本文整理了Python生态中近千个库,涵盖数据处理、图像处理、网络开发、Web框架、人工智能、科学计算、GUI工具、测试框架、环境管理等多... 目录1、数据处理文本处理特殊文本处理html/XML 解析文件处理配置文件处理文档相关日志管理日期和