qq_39691676的博客

原创 VUE解决页面请求接口大规模并发的问题（请求队列）

【代码】解决页面请求接口大规模并发的问题。

原创 关于Vue自定义组件封装的属性/事件/插槽的透传问题

v-on=“$listeners”: 会将父组件所有事件监听器传递到子组件内部元素</

原创 Vue received a Component that was made a reactive object. This can lead to unnecessary performance o

Vue.js 使用 ES6 的 Proxy 来实现响应式系统，它会拦截对对象属性的访问和修改，从而能够自动追踪依赖和更新视图。然而，当你将一个组件实例或任何已经被 Vue 设置为响应式的对象传递给另一个组件或方法时，可能会导致一些问题，如无限循环的依赖追踪或意外的副作用。使用 shallowRef 存储切换逻辑可优化性能并精准控制响应式层级，尤其适用于需要高频切换且无需深层响应式追踪的场景。

原创 Vue3封装公共图片组件

1.图片加载状态响应式管理2.图片访问错误的处理机制3.图片懒加载4.可通过slot支持自定义加载动画5.其他监听事件的处理及向上传递组件使用说明:1.图片样式直接在组件中通过给自定义组件上设置类名,在style中写CSS样式就行；2.需要注意的是：在中由于为了同时兼容H5、小程序，有这么一个变量穿透的类名 .img-style,如果只面向,可注释其CSS，在父组件中直接以普通形式设置图片的样式。如果遇到样式不生效看这篇文章

原创 uniapp(微信小程序)background-image无法读取本地图片

【代码】uniapp(微信小程序)background-image无法读取本地图片。

原创 uniapp(微信小程序)＞关于父子组件的样式传递问题(自定义组件样式穿透)

微信小程序的组件样式隔离机制

原创 uniappH5自定义导航栏搭配插槽

/</</

原创 vue mixin混入与hook

vue混入与自定义hook

原创 uni-app(vue3)动态获取swiper的区域高度以及通过scroll-view实现区域滚动和scroll-view的置顶功能

计算方式:swiper高度 = page高度 - tabs高度 - search高度。

原创 CSS例子 ＞ 图片瀑布流布局(vue2)

【代码】CSS例子 ＞ 图片以瀑布流的方式布局(vue2)

原创 CSS例子 ＞鼠标滑动到图片上，过渡动画显示加载更多

【代码】CSS例子 ＞鼠标滑动到图片上，过渡动画显示加载更多。

原创 CSS例子 ＞ 鼠标悬停DIV卡片放大

原创 Vue通过file控件上传文件到Node服务器

功能： 多文件同步上传、拖动上传、实时上传进度条、上传前的删除文件搁置的功能: 取消上传(上传过程中取消,即取消网络请求abort)、上传文件夹、大文件切片。

原创 CSS优化file控件样式

用button覆盖input,也就是buttton的z-index层级比input高,最重要的一步是给button添加"pointer-events: none;" 属性, 把事件传递到下一层,即button可以触发input的事件。

原创 Vue_阻止事件冒泡,防止在拖拽后意外打开新标签页

【代码】Vue_阻止事件冒泡,防止在拖拽后意外打开新标签页。

转载 file_API控件实现多张图片预览回显/点击放大/拖拽多张回显

样式未处理，功能是大致完善了的。

原创 JS函数柯里化

是指把接收多个参数的函数变换成接收单一参数的函数，嵌套返回直到所有参数都被使用并返回最终结果。更简单地说，柯里化是一个函数变换的过程，是将函数从调用方式：fn(a,b,c)变换成调用方式：fn(a)(b)©的过程。柯里化不会调用函数，它只是对函数进行转换。实现逻辑：把一个多参数的目标函数，变成接受部分参数的函数，同时该函数用来接收目标函数的剩余参数。柯里化是 JS 闭包特性的经典使用场景。

原创 JS数组去重且属性相同的对象也认为是重复的

【代码】JS数组去重且属性相同的对象也认为是重复的。

原创 JS动态调用变量

当存在多个变量checkbox1、checkbox2、checkbox3、checkbox4的变量时。

原创 Vue使用print.js打印单页-修正版

<template> <el-dialog :visible.sync="dialogVisible" :width="dialogWidth" class="printDialog" > <div ref="print"> <div class="print-page page-a4"> <el-form ref="form" :model="form">

原创 使用print.js打印table,边框出现丢失

table标签设置 cellspacing=“0”原因: 可能是设置了单元格合并导致的。

原创 JS判断对象中是否存在某个属性

判断一个对象中是否存在某个属性的方式多种多样,最主要是依据什么去界定这个属性是否存在。

原创 CSS文字描边

【代码】CSS文字描边。

原创 scroll平滑滚动

【代码】scroll平滑滚动。

原创 CSS例子 ＞ FLex弹性盒的异形布局

【代码】CSS弹性盒的异性布局。

原创 CSS 元素的尺寸

以下方法只是拿的width举例。

原创 Vue自动注入全局SASS/LESS全局变量

【代码】Vue自动注入全局SCSS/LESS全局变量。

原创 vue3、uniapp-vue3模块按需引入

没有使用插件使用插件,模块自动导入。

原创 Flex布局中,当元素是奇数个时,处理最后一个元素

当元素个数是奇数时,给它添加伪类，并设置固定宽度,让最后一个元素排列在第一位。

原创 uniapp切换同一个子组件时,钩子函数只进了一次

给子组件添加不同的 “key” 值，当 key 值改变时，Vue 会认为这是一个不同的组件，并重新创建它。

原创 Vue3 form表单赋值后，input输入框无法输入

原因: 使用reactive生成的响应式数据，在直接赋值时把响应式数据给替换为了普通数据了，导致无法监听数据的变化。Form表单及JS中的使用都需要 “paramr.formUser” 进行调用。

原创 vue3 使用Mock

【代码】vue3 使用Mock。

原创 Vue3二次封装axios

main.js 文件 >>> 引入接口文件。

原创 Cannot find module ‘@/api/note‘ or its corresponding type declarations.Vetur

【代码】Cannot find module ‘@/api/note‘ or its corresponding type declarations.Vetur。

原创 使用npm安装依赖的时候报错：证书过期

如有必要更新npm再试。

原创 项目中无法使用命令

1.以管理员身份打开powershell，注意:不是cmd命令控制台。3.回到项目中可以不能执行的命令了。

原创 CSS 按钮边框的旋转动画

【代码】CSS 按钮边框的旋转动画。

原创 浏览器原生弹窗

【代码】浏览器原生弹窗。

原创 调整文字方向

【代码】调整文字方向。

原创 父级设置最大宽度，其宽度自适应子级中的内容

父级宽度自适应1.父级限制最大宽度2.子级竖着排放,每列的个数明确3.父级的宽度跟随子级元素的个数变化宽度tips： 因为父级要设置"background-color"属性，所以父级DIV必须要给明确的宽高，这就意味着纯CSS自适应宽度无法做到(好吧，是臣妾我做不到)