前端如何使用css变量
原生css变量1. 在html节点定义变量，变量以--name的形式html { --bg-color: red }2. 使用var()调用变量.box { background: var(--bg-color) }使用预处理器1. scss定义变量以$符号开头$base-colo...
css修改滚动条样式
滚动条相关样式::-webkit-scrollbar // 滚动条整体部分 ::-webkit-scrollbar-thumb // 滚动条轨道里面的小方块，能向上向下移动 ::-webkit-scrollbar-track // 滚动条的轨道 ::-webkit-scrollba...
el-cascader选择任意一级搭配懒加载使用，单选框radio不会触发懒加载
1. 问题如图单选按钮点击后，没有进行懒加载，直接显示空数据2. 解决给el-cascader绑定change事件，手动调用lazyLoad方法<!-- 选择文件夹 --> <el-dialog title="选择文件夹"...
vue路由传参的几种方式
路由跳转的两种方式1. 声明式导航使用router-link的to属性进行路由跳转 to的值是要跳转到的那个路由// 1.1 to后直接跟路由 <router-link to="/home">to home</router-link&g...
如何封装axios，并模块化
1. 安装axiosnpm install axios -s2. 导入axios// utils/request.js import axios from 'axios' export const baseURL = process.env.NODE_ENV === 'production' ? 'http://wrz521.top:8080/api...
js根据字节自动转化KB或MB或GB
getFileSize(limit) { // 字节 // bytes --> KB --> MB -->GB var size = ""; if(limit < 0.1 * 1024){ //小于0.1KB，则转化成B size = limit.toFixed(2) + "B"...
vue.draggable可拖动组件使用方法
安装方式npm install -S vuedraggable全局组件注册import Vue from 'vue'; import Draggable from 'vuedraggable' Vue.component('Draggable', Draggable)局部组件注册<script> import Dr...
js如何实现复制功能
复制功能实现方法先创建一个 textarea 文本域dom元素将要复制的文本放到文本域中将dom元素添加到body中调用select()将文本域的内容全选使用document.execCommand('copy')方法进行复制dom.remove...
06-博客api接口项目实战之数据库方法封装
使用promise封装数据库操作方法在utils文件夹中创建db.js1. 根据字段查询数据// db.js /** * 根据某个字段查询数据 * @param {String} storeName 表名 * @param {String} key 字段 * @param {St...
数据库管理工具(Navicat 15)安装激活教程
1. 安装Navicat 152. 使用激活工具 Navicat Products参考图： 右键管理员方式打开激活工具Navicat Products第一步选择Patch，选择安装路径下的navicat.exe文件出现此内容则说明成功第二步选择语...
