qq_34070719的博客

原创 SQL基础教程

约束用于确保数据库中的数据的完整性和一致性。主键约束用于唯一标识表中的每一行数据，外键约束用于创建两个表之间的关联，唯一约束确保列中的所有值都是唯一的，检查约束用于确保列中的值符合指定的条件。连接的类型取决于连接的两个表之间的匹配条件。左连接、右连接、内连接和全连接的区别在于返回结果中是否包含没有匹配的行。这份文档涵盖了SQL基础的各。

原创 2023-解决vant的list中上拉加载多次调用接口问题

其实只需要给vant的list配置一个属性就好了。可以设置offset=10。

原创 vue3项目中使用router

vue3项目，新的vue-router中规定的使用useRouter,useRoute只能在setup中使用!所以现在的问题，不是在组件中使用vue-router，最后查了官方文档得知，如果想用router，直接引用router的实例就可以了example:import router from '@/router' router.push('/xxx')vue3组件中使用router<script setup>import {useRouter} from 'vue-r.

原创 vue3+vite不热更新的解决方案

解决了，vue3+vite不是路由问题导致的，不热更新的问题

原创 vue3中less、sass最新的深度选择器 deep()

vue3中深度选择器/deep/ >>> ::v-deep 已经废弃，请使用最新的深度选择器 deep()今天在写vue3项目的时候，有个元素需要使用到深度选择器，于是还是像以前一样使用了 /deep/ .el-button{ width:80%; }没想到控制台提示我尝试了第二种深度选择器 ::v-deep 能选中 还是提示deep()最后尝试了:deep()果然不提示了,而且也选中了 :deep( .el

原创 前端正则表达式验证插件front-end-common-regular

前端正则表达式验证插件front-end-common-regular开发背景:日常工作中 前端经常用到正则验证表单，但是由于正则表达式有着很繁琐的写法，有一些常用的正则都是通用的，于是就开发了一个正则工具，来帮助大家快速的完成前端的开发任务！前端常用的正则验证这里都有，这是一个正则验证的工具，身份证号，手机号，邮箱，车牌号，URL，字符串包括中文，去除空格，用户名，密码，十六进制颜色，分位符安装npm i front-end-common-regular -S开始使用con

原创 javascript中的数组的filter和map方法实现

原创 [精华]javascript-设计模式-发布-订阅模式

javascript-设计模式-发布-订阅模式//发布-订阅模式=观察者模式//在操作dom的时候的应用document.body.addEventListener('click',function(){ alert(1)},false)document.body.addEventListener('click',function(){ alert(2)},false)document.body.addEventListener('click',function(){

原创 [精华]javascript-es6集合的运算

javascript-es6-集合的运算const setA=new Set()setA.add(1)setA.add(2)setA.add(3)const setB=new Set()setB.add(5)setB.add(6)setB.add(9)const union=(setA,setB)=>{ //并集运算 const unionAb=new Set() setA.forEach(value=>unionAb.add(value))

原创 [精华] javascript-数据结构-集合

javascript-数据结构-集合集合：无序的非重复的值的数据集//创建集合类class Set{ constructor(){ this.items={} } has(element){ //是否包含 return Object.prototype.hasOwnProperty.call(this.items,element); } add(element){ if(!this.has(element)){ //元素不存在的情况

原创 [精华]javascript-数据结构-链表

[精华]javascript-模拟数据结构-链表//链表的数据结构class Node{ //节点类 constructor(element){ this.element=element; this.next=null; }}function equals(a,b){ return a===b; //对比两个元素是否相等}class LinkList{ constructor(){ this.count=0; //用来存储链表的长度 this.equa

原创 [精华]javascript-数据结构-队列-对象模拟

javascript-数据结构-队列-对象模拟class Queue{ #count=0 #lastCount=0 #items={} peek(){ //返回队列第一个元素 return this.#items[this.#lastCount] } isEmpty(){ //队列是否为空 return this.#count==0 } size(){ //队列的长度 return this.#count-1 } enQu

原创 [精华]javascript-数据结构-数组模拟队列结构

javascript-数据结构-数组模拟队列结构//数组模拟队列class Queue{ #count=0; #items=[]; enQueue(element){ //队列添加元素 this.#items.push(element) } deQueue(){ //移除队列的第一项并返回元素 if(this.isEmpty()){ return undefined; } return this.#ite

原创 [精华]javascript-对象-模拟栈Stack操作

javascript-对象-模拟栈Stack操作废话不多说直接上代码class Stack{ constructor(){ this.count=0; this.items={}; } size(){ //栈的大小 return this.count; } isEmpty(){ return this.count==0; } push(val){ this.count++; //对象的下标从1开始

原创 [精华]javascript-数据结构-数组模拟栈-教程

javascript数组模拟栈-数据结构栈数据结构特点-后进先出//javascript数组模拟栈结构class Stack { constructor() { this.items = []; } push(element) { //栈顶添加元素 this.items.push(element); } pop() { //删除栈的元素 this.items.pop(); } peek() { //获取栈顶的元素

原创 [精华]javascript单例模式--2020年

单例模式javascript类实现单例模式构造类实现单例模式const Obj=function(name,age){ this.name=name; this.age=age;}Obj.prototype.init=function(){ console.log('实现单例模式')}Obj.getState=function(data,val){ let state; if(!state){ state=new Obj(data,val) } r

原创 [精华]javascript[装饰器模式]--2020年

装饰器模式//基于原型链的装饰器模式const plane={ fire:function(){ console.log('发射子弹') }}let fire1=plane.fireplane.fire=function(){ fire1() console.log('发射炮弹')}let fire2=plane.fire;plane.fire=function(){ fire2() console.log('发射原子弹'

原创 html定义变量

css 定义变量定义变量，变量可以放在：root中，且变量前面要加入–前缀:root{--变量名:变量值}examples:root{--fontColor:red;}使用变量的规则:root{fontColor:red;}body{background:var(--fontColor)}

原创 [精华]javascript策略模式--2020年

策略模式传统语言的策略模式耦合性太强的if条件策略，违背了开放-封闭原则[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-IK3NswRT-1605062345945)(./code.png)]策略类和处理策略类分离的，松耦合的策略模式[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-lvoVGc6N-1605062345950)(./code1.png)]javascript版本的策略模式const strategy={..