qq_45457134的博客

安装多个低版本谷歌Chrome浏览器用于测试，适配Vue3+vite项目

npm包管理 -- nrm源管理及nvm Nodejs版本管理

在前端开发中，JavaScript 是实现交互性和动态功能的关键语言。为了确保代码的可读性、可维护性和性能，遵循一定的编码规范至关重要。以下是一份前端JS代码规范与最佳实践指南，以下仅是一部分规范供参考，在实际开发中每个项目和团队都有其独特性。应当根据具体的项目需求和团队习惯来调整，以确保最佳使用规范。。

神奇的 3D 磨砂玻璃透视效果

js实现鼠标跟随 3D 旋转动效

html满屏动态雪花效果，css+js，亲测有效

纯前端css实现酷炫loading动画

为树形组件el-tree添加虚线，指⽰线

html<div class="pop"> <div class="arrow"></div></div>css/*气泡*/.pop { position:relative; width:100px; height:35px; line-height: 33px; /*background:#fff;*/ color:#fff; border-radius:5px; /* 圆角 */ background-col

html<div class="loader-inner line-scale-pulse-out-rapid success"> <div></div> <div></div> <div></div> </div>css/*动态分析图标*/.line-scale-pulse-out-rapid.success > div

<div class="text">加载中，请稍后<span class="dot">...</span></div><style>.dot { font-family: simsun; /*固定字体避免设置的宽度无效*/ animation: dot 3s infinite step-start; display: inline-block; width: 1.5em; vertical-align:

js生成指定位数随机数

1.生成指定数字范围内的数组<script>var arr = [];Array.prototype.range = function ( start,end ){ var _self = this; var length = end - start +1; var step = start - 1; return Array.apply(null,{length:length}).map(function (v,i){step++;return step;

<el-form :model="form" :rules="rules" ref="form"> <el-form-item label="开始" prop="start"> <el-input v-model="form.start" placeholder="请输入开始" /> </el-form-item> <el-form-item label="结束" prop="end"> <el-input v-m

function compare(str1, str2){ return str1.split(',').sort().toString() === str2.split(',').sort().toString()}// to-do testvar a = '321,123'var b = '123,321'const result = compare(a,b)console.log(result)

二维数组交叉组合[[1,2,3],[4,5],[6,7]]，转化为[[1,4,6],[1,5,6],[2,4,6]…]function combination(arr = [], result = []){ if(arr.length <= 0){ return result } if(result.length <= 0){ result = arr.shift() return combination(arr,result) }e

1.浏览器滚动条高度增宽div::-webkit-scrollbar{ height:10px; margin-top: 10px; }2.解决el-table设置了固定列导致的滚动条无法拖动问题.el-table__fixed-right::before, .el-table__fixed::before{//解决固定后有一条缝隙 height:0; } .el-table__fixed {//左固定列 height: auto !important;

一、组件代码：<el-date-picker v-model="value1" type="date" placeholder="选择日期" :picker-options="pickerOptions0"></el-date-picker>二、设置选择今天以及今天之后的日期data (){ return { pickerOptions0: { disabledDate(t

element级联选择器多选，父子关联和不关联之间切换，及删除空数组一、级联选择器组件<el-cascader v-if="column.type === columnType.cascaderMultiple" v-model="formModel[column.prop]" :options="column.data" @change="valueChangeMultiple($event,column)"

一、main.jsVue.prototype.$bus = new Vue()二、路由1页面，也可是父路由<template> <router-view></router-view></template>export default { name: "father", mounted() { let _this = this //很关键是要把父路由的vue实例赋给_this this.$bus.