随笔分类 -  js

返回顶部
摘要：返回顶部 <template> <div> <!--返回顶部按钮--> <div style="position: fixed;bottom: 100px;right: 50px;"> <i v-if="btnFlag" @click="backTop" class="back-wrap"></i> 阅读全文
posted @ 2022-04-27 16:02 卡布奇诺。不加糖 阅读(59) 评论(0) 推荐(0)
折叠面板
摘要：简单封装折叠面板无需安装各个UI组件库，实现需要折叠面板样式 <template> <div v-if="collapseFlag"> <div v-for="(item,index) in panelList" :key="index"> <div :style="{width:width,hei 阅读全文
posted @ 2022-04-27 14:55 卡布奇诺。不加糖 阅读(158) 评论(0) 推荐(0)
下拉框组件
摘要：简单封装一个下拉框组件，不需要安装各个组件库，用起来比较方便。 <template> <div class="ty-dialog"> <div class="dialog-content"> <div class="dialog-content-child"> <!-- dialog-cc 为 di 阅读全文
posted @ 2022-04-27 14:36 卡布奇诺。不加糖 阅读(254) 评论(0) 推荐(0)
十六进制转字符串
摘要：安装 npm install iconv-lite --save main.js var iconv = require('iconv-lite'); app.config.globalProperties.iconv = iconv hexToString('b2d9d7f7b3c9b9a6000 阅读全文
posted @ 2021-10-18 15:20 卡布奇诺。不加糖 阅读(239) 评论(0) 推荐(0)
touch和mouse区别
摘要：Box.addEventListener('mousedown', function () { console.log('鼠标按下') }) Box.addEventListener('mousemove', function () { console.log('鼠标移动') }) Box.addE 阅读全文
posted @ 2021-10-09 14:48 卡布奇诺。不加糖 阅读(708) 评论(0) 推荐(0)
ES6
摘要：slice() 与 splice() 的用法和区别 slice(start, end) 从 start 开始截取到 end 但不包括 end 返回值为截取出来的元素集合 原始的数组不会发生变化 splice(start, deleteCount, item1, item2, ....) start 阅读全文
posted @ 2021-10-09 14:07 卡布奇诺。不加糖 阅读(34) 评论(0) 推荐(0)
模糊查询
摘要：对于模糊查询，一般都是传关键字给后端，由后端来做。但是有时候一些轻量级的列表前端来做可以减少ajax请求，在一定程度上提高用户体验。 clickSearch(keyWord) { var listArr = []; listArr = this.$store.state.tagInfo var ke 阅读全文
posted @ 2021-09-28 15:56 卡布奇诺。不加糖 阅读(209) 评论(0) 推荐(0)
vue遍历固定几个颜色
摘要：<template> <li v-for="(item,index) in workList" :key="index" class="workLi" :class="top[index]"> <div class="workListLeft"> <h3 class="workT"> <span>{ 阅读全文
posted @ 2021-09-27 14:50 卡布奇诺。不加糖 阅读(241) 评论(0) 推荐(0)
js实现纵向表头
摘要：纵向table表头 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> </head> <body> <table border="0"> <tbody> </tbody> </tab 阅读全文
posted @ 2021-09-27 14:48 卡布奇诺。不加糖 阅读(403) 评论(0) 推荐(0)
手动实现步骤条
摘要：步骤条 <template> <div> <ul class="steps"> <li v-for="(item,index) in SetData" :key="item+index" :class="{'active':Steps index+1}" >{{ item + Steps }} </ 阅读全文
posted @ 2021-09-27 14:47 卡布奇诺。不加糖 阅读(90) 评论(0) 推荐(0)
滚动条
摘要：滚动条 Window.scrollTo(0,1800)//浏览器滚动条滚动 移动端使用 SetTimeout(()=>{ Window.scrollTo(0,1800) },100) 阅读全文
posted @ 2021-09-27 14:47 卡布奇诺。不加糖 阅读(56) 评论(0) 推荐(0)
el-tree动态禁用状态
摘要：el-tree动态禁用状态 <template> <div class="hello"> <h1>{{ msg }}</h1> <el-tree accordion show-checkbox :data="testOrgList1" style="display: flex;flex-direct 阅读全文
posted @ 2021-09-27 14:39 卡布奇诺。不加糖 阅读(1499) 评论(0) 推荐(0)
防抖节流
摘要：触发高频事件后 n 秒内函数只会执行一次，如果 n 秒内高频事件再次被触发，则重新计算时间。（防抖让一个函数在一定间隔内没有被调用时，才开始执行被调用方法） export const Debounce = (function () { let timer = null return function 阅读全文
posted @ 2021-09-27 14:32 卡布奇诺。不加糖 阅读(34) 评论(0) 推荐(0)