难点 常见vue3 vue

vue中退出循环的方法

forEachforEach不能使用break和continue。return也无法退出循环。 使用break,会报错(报错信息:SyntaxError: Illegal break statement)。 使用continue,会报错(报错信息:SyntaxError: Illegal conti ......
方法 vue

vue3 - .eslintignore 配置忽略指定文件或者文件夹的eslint检查报错

项目根目录如果没有 .eslintignore 文件,需要手动添加即可 用法如下 指定某文件夹包括里面的所有文件都忽略 build src/assets 指定某文件夹里面的指定文件类型都忽略 build/*.js 指定某文件夹里面的指定文件忽略 src/index.js 指定某文件夹里的除某个文件之 ......
文件 eslintignore 文件夹 eslint vue3

vue项目中组件封装

移动端项目中使用 vut UI组件库。 比较常用的dialog弹出框和Picker 选择器,这两个的样式跟UI设计的不太一样,尤其是border边框在手机ios系统上有兼容问题。 dialog弹框组件 <template> <transition name="confirm-fade"> <div ......
组件 项目 vue

软件测试工作中常见的风险类型有哪些?

软件测试是把控软件质量的重要防线,但风险又存在于软件测试的全过程,如何有效的进行风险控制呢?就是主动的发现,暴露产品存在的风险和缺陷,并协同团队成员,做好容灾解决方案并一起解决风险。无论是模块负责人还是项目负责人,首先要能识别风险,其次预防和消除风险,最后当风险发生后,制定处理措施解决问题。今天小编 ......
软件测试 常见 风险 类型 软件

API测试期间的9个常见错误

API代表应用程序编程接口。它是通用的软件实用程序,可以接受输入参数并根据特定的业务逻辑提供所需的输出。当我们谈论API开发时,该过程需要在安全性,业务逻辑处理,有效的输入数据参数,数据类型等方面进行严格的测试。如果未对任何API进行彻底的测试,则该API将存在缺陷。问题以及这些问题可能导致合作伙伴 ......
常见 错误 API

vue3 - 开启debugger 能力

在 package.json 文件 的 eslintConfig 配置部分加入 "no-debugger": "off", "no-console": "off", 意思为让eslint将debugger开启,并开启控制台 ......
debugger 能力 vue3 vue

[转载]Git diff常见用法

1.1 比较工作区与暂存区 git diff 不加参数即默认比较工作区与暂存区 1.2 比较暂存区与最新本地版本库(本地库中最近一次commit的内容) git diff --cached [<path>...] 1.3 比较工作区与最新本地版本库 git diff HEAD [<path>...] ......
常见 diff Git

vue3 - 定义window 全局变量

在 shims.d.ts 文件 //全局参数定义 ,export {};不可缺少 export {}; declare global { interface Window { editor: any; __minderReadOnly: any; } } 那么使用 window.editor 这个参 ......
全局 变量 window vue3 vue

vue3 - import js文件eslint报错-解决

在 shims.d.ts 文件中 ,添加 declare module '*.js'; 即可 如果让所有的文件都可导入,则写为 declare module '*'; ......
文件 import eslint vue3 vue

vue3 - 关闭eslint提示参数必须定义类型

需要在tsconfig.json 文件里,将 strict 设为 false 即可 这样,参数不需要必须定义类型了 ......
参数 类型 eslint vue3 vue

vue中手动销毁keep-alive组件失效原因是什么,有什么解决方案

在Vue中手动销毁keep-alive组件可能失效的原因有以下几点: keep-alive组件内部被缓存,即使手动销毁组件,其实并没有真正销毁,而是被缓存起来了。因此,即使手动销毁了组件,下次再进入缓存周期时,组件还是会被复用,而不是重新创建。 keep-alive组件内部可能存在异步操作或定时器, ......
keep-alive 手动 组件 解决方案 原因

MySql常见问题和描述

1 数据库的三范式是什么 第一范式:列不可再分 第二范式:行可以唯一区分,主键约束 第三范式:表的非主属性不能依赖与其他表的非主属性 外键约束 且三大范式是一级一级依赖的,第二范式建立在第一范式上,第三范式建立第一第二范式上。 2 数据库的事务 什么是事务?: 多条sql语句,要么全部成功,要么全部 ......
常见问题 常见 问题 MySql

Spring Boot常见问题描述

1 什么是SpringBoot?为什么要用SpringBoot 用来简化spring应用的初始搭建以及开发过程 使用特定的方式来进行配置(properties或yml文件),创建独立的spring引用程序 main方法运行。 (1)独立运行:Spring Boot而且内嵌了各种servlet容器,T ......
常见问题 常见 Spring 问题 Boot

常见的计算机网络模型

一、什么叫计算机网络模型 计算机网络是指由通信线路互相连接的许多自主工作的计算机构成的集合体,各个部件之间以何种规则进行通信,就是网络模型研究的问题。 二、常见的计算机网络模型 1、OSI七层模型(Open System Interconnection:开放系统互连) 应用层:应用程序与网路的接口, ......
计算机网络 模型 常见

ant-design-vue 两个select省市联动是典型的例子(添加汉语名字)

<template> <div> <a-form :label-col='{ span: 7 }' :wrapper-col='{ span: 15 }'> <a-row> <a-col :span='12'> <a-form-item label='省'> <a-select :default-v ......
ant-design-vue 省市 例子 典型 名字

四个常见的Linux面试问题

四个常见的Linux面试问题。刚毕业要找工作了,只要是你找工作就会有面试这个环节,那么在面试环节中,有哪些注意事项值得我的关注呢?特别是专业技术岗位,这样的岗位询问一般都是在职的工程师,如何在面试环节更好地理解面试官的问题,我们一起往下看吧。在学校学习也好,在培训机构或者网络在线学习也好,无论是通过 ......
常见 问题 Linux

四个常见的Linux面试问题。

刚毕业要找工作了,只要是你找工作就会有面试这个环节,那么在面试环节中,有哪些注意事项值得我的关注呢?特别是专业技术岗位,这样的岗位询问一般都是在职的工程师,如何在面试环节更好地理解面试官的问题,我们一起往下看吧。 在学校学习也好,在培训机构或者网络在线学习也好,无论是通过那种途径,经过很长一段时间学 ......
常见 问题 Linux

TS 基础及在 Vue 中的实践:TypeScript 都发布 5.0 版本啦,现在不学更待何时!

本文主要介绍TS基础及在Vue中的实践,附赠《JS项目转TS指南》,旨在帮助还在使用JS的朋友快速使用TS,享受TS带来的丝滑体验。 ......
TypeScript 版本 基础 5.0 Vue

第十七篇 vue - 深入组件 - Props

Props 声明 一个组件需要显式声明它所接受的 props,这样 Vue 才能知道外部传入的哪些是 props,哪些是透传 attribute props 需要使用 props 选项来定义 export default { props: ['foo'], created() { // props ......
组件 Props vue

第十八篇 vue - 深入组件 - 组件事件

触发与监听事件 在组件的模板表达式中,可以直接使用 $emit 方法触发自定义事件 (例如:在 v-on 的处理函数中) $emit() 方法在组件实例上也同样以 this.$emit() 的形式可用 父组件可以通过 v-on (缩写为 @) 来监听事件 同样,组件的事件监听器也支持 .once 修 ......
组件 事件 vue

第十六篇 vue - 深入组件 - 注册

组件注册 一个 Vue 组件在使用前需要先被“注册”,这样 Vue 才能在渲染模板时找到其对应的实现。组件注册有两种方式:全局注册 和 局部注册 全局注册 app.component() 我们可以使用 Vue 应用实例的 app.component() 方法,让组件在当前 Vue 应用中全局可用 i ......
组件 vue

Vue生命周期

vue的生命周期:指的是vue对象从创建到销毁的过程。vue的生命周期包含8个阶段:每触发一个生命周期事件,会自动执行一个生命周期方法,这些生命周期方法也被称为钩子方法。其完整的生命周期如下图所示: 状态 阶段周期 beforeCreate 创建前 created 创建后 beforeMount 挂 ......
周期 生命 Vue

Vue指令具体实现

v-bind: 指令 作用 v-bind 为HTML标签绑定属性值,如设置 href , css样式等 v-bind: 为HTML标签绑定属性值,如设置 href , css样式等。当vue对象中的数据模型发生变化时,标签的属性值会随之发生变化。 代码: <!DOCTYPE html> <html ......
指令 Vue

Vue指令

指令 作用 v-bind 为HTML标签绑定属性值,如设置 href , css样式等 v-model 在表单元素上创建双向数据绑定 v-on 为HTML标签绑定事件 v-if 条件性的渲染某元素,判定为true时渲染,否则不渲染 v-else v-else-if v-show 根据条件展示某元素, ......
指令 Vue

Vue2.0和3.0watch侦听器的改变和一些问题

话不多说,直接上代码演示 运行结果 可以清楚地看到当监听的值是一个reactive定义的对象数据类型时,无法正确获得oldValue的值,也即数据发生改变之前的数据,此问题到目前仍未得到解决,不知在后续的版本中,尤雨溪及其他的团队来怎么解决这一问题 ......
侦听器 问题 watch Vue2 Vue

Vue

Vue 1.什么是Vue? Vue是一款渐进式前端框架基于MVVM模式,免除JS中DOM操作,简化书写和操作流程. 2.如何使用? 1.新建一个HTML文件,引入Vue.js文件. <script src="js/vue.js"></script> 2.创建Vue对象,定义模型数据. <!--2 创 ......
Vue

vue中新的状态管理器-pinia

背景 对于pinia的使用,可参考官方文档在这不做过多赘述。这边主要来讲讲pinia中 少用且好用的方法,为什么我们选择pinia而不用vuex ps: 以下写法全部基于组合式API 使用方式: 先下载依赖 npm i pinia -s 在vue3中,main.js这么写 import { crea ......
状态 pinia vue

vue国际化在js中$t()报错

最近在做国际化的时候,发现在.vue里面写国际化语言没有报错,而且也可实现国际化,可是在js中引入$t()写法的时候,报错。 最后花了一个小时解决了,做一个笔记,以供后来学者遇到此类问题,仅供参考。 1,首先,我引入的国际化写法是在main.js中引入了,所以在.vue文件中引入国际化语言的写法,自 ......
国际 vue

ant design vue中form-model嵌入级联a-cascader中回显

前言 在form-model表单中写入a-cascader,现在开发编辑功能,需要a-cascader根据后端返回的值回显出来内容 关键点就是设置value,从级联中拿取值用:model,把值设置到级联中用value <a-form-model-item label="所属行业" prop="bel ......
a-cascader form-model cascader design model

vue中el-select,el-radio-group设置默认值

首先来说设置默认值是用v-model去绑定一个值, 如下,一般大家用label是来展示具体展示在前端的文字,value是这组对象里每个对象的标识。 打个比方item.label是姓名,item.value是学号,学号不在前端展示。这样的话,v-model绑定的字符串对象写item.label的值。 ......
el-radio-group el-select select radio group