- 博客(54)
- 收藏
- 关注
原创 disable 禁用元素后无法触发点击事件
原本是不需要加事件穿透即可触发 但是最近谷歌更新触发不了 加一个事件穿透就好了。在被禁用元素上套一层div div上绑定事件。业务需求点击被禁用的输入框触发事件。
2023-08-22 17:19:49 2002 1
原创 若依框架 路由带参数跳转有缓存的解决方法
若依框架的话,直接打开src/api/router/index.js路由配置项。a页面——》跳进吧页面 下面附带路由跳转传值。
2023-03-01 10:13:01 2144
原创 element vue表格列宽自适应
百度了各位大佬各种方法,(npm下载,:width,:render-header,css处理)本人喜欢以最小的改动实现需求,我的项目里有20多个表格。麻烦的点就是 要给每一个长列都加上:width。最终选择:width方法。
2023-02-08 10:11:23 337
原创 js vue abcd递增
通过这两个方法,可以先将‘A’字母转化为ASCII码,对其进行加法可以得到‘B’、‘C’、‘D’的ASCII码,再将ASCII转化为字母即可通过循环得到ABCD。ASCII转化为字符:fromCharCode()字符转化为ASCII码:charCodeAt()
2023-01-13 10:10:19 569
原创 JS,VUE实现echars地图点击事件,根据数值不同显示不同颜色,鼠标悬浮显示省的名称和数值
一.js版效果图二.vue版1全局安装依赖2.main.js中引入3.在路由中引入地图相关组件index.vueindex.vue
2022-06-13 15:59:04 1588
原创 js提取数组对象中的最大值和最小值
var array=[ { "index_id": 119, "area_id": "18335623", "name": "满意度", "value": "100" }, { "index_id": 119, "area_id": "18335624", "name": "满意度", "value": "20..
2022-05-25 16:41:15 2491
原创 vue中使用wow.js详解实例
官网地址:https://www.delac.io/wow/ 点击github可以找到wow.js和wow.min.js 以及animate.css者animate.min.css(1)通过npm安装:npm install wowjs --save-dev(2)在main.js中引入animate.cssimport 'animate.css'(3)在组件中引用<script>import { WOW } from "wowjs";export default { name
2021-09-01 10:59:07 498
原创 正则校验和一些常用的校验
var regexEnum = { intege : "^-?[1-9]\\d*$", // 整数 intege1 : "^[1-9]\\d*$", // 正整数 intege2 : "^-[1-9]\\d*$", // 负整数 num : "^([+-]?)\\d*\\.?\\d+$", // 数字 num1 : "^([+]?)\\d*$", // 正数(正整数 + 0) num2 : "^-[1-9]\\d*|0$", // 负数
2021-08-17 15:06:51 352
原创 css边框颜色渐变
<div class="cc"></div>.cc { width: 100px; height: 100px; border:10px solid #ddd; border-image: -webkit-linear-gradient(red,yellow) 30 30; border-image: -moz-linear-gradient(red,yellow) 30 30; border-image: linear-gradien
2021-08-17 10:43:13 322
原创 vue中登录 按下回车触发登录请求
方法1需要光标停留在当前输入框时 按下回车会触发某个方法@keyup.enter.native="handleLogin"<el-input :key="passwordType" ref="password" v-model="loginForm.password" :type="passwordType" placeholder="密码" na
2021-07-02 09:54:30 566
原创 element-ui+vue input框只能输入字母(自定义正则)
尝试 element表单验证:change/ :input事件监听 +正则表达式没有实现需求最后通过keyup事件实现 <el-input class="inline-input" v-model="state" prefix-icon="el-icon-search" @keyup.native="state=state.replace(/[^a-zA-Z]/g,'')" placeholder="必须输入两
2021-06-29 11:55:24 2121 1
原创 vue下拉框地区多选
思路很简单 基于element Cascader 级联选择器 和网上搜索的所有地区const list = { 北京市: ['东城区', '西城区', '朝阳区', '丰台区', '石景山区', '海淀区', '门头沟区', '房山区', '通州区', '顺义区', '昌平区', '大兴区', '怀柔区', '平谷区', '密云区', '延庆区'], 天津市: ['和平区', '河东区', '河西区', '南开区', '河北区', '红桥区', '东丽区', '西青区', '津南区', '北辰区',
2021-06-23 09:10:29 1660
原创 前端js做公司庆典页面背景旋转星云文字从左向右穿过
上篇文章是planA这是planB效果图index.html<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>15周年</title> <link rel="stylesheet" href="css/normalize.min.css"> <link rel="stylesheet"
2021-06-10 14:33:08 185
原创 霓虹灯闪烁特效
公司15周年庆典 不想再站一排呆呆的念台词 做了个小效果上代码把纯css样式 控制 复制就能跑<!doctype html><html><head><meta charset="utf-8"><title>CSS3霓虹灯文字闪烁特效</title><style>@import url("https://fonts.googleapis.com/css?family=Poppins:900&
2021-06-09 14:58:33 267
原创 vue切换路由时的动画效果(简单)滑动进入
代码很简单注意你的路由层次就行我想在红圈位置 切换时加入动画我的app.vue<template> <div id="app"> <!-- 路由出口 --> <router-view/> </div></template>我的router.js我用了3级路由{ path: '/', component: Layout, children: [ {
2021-05-31 14:52:42 329
原创 vue图片随表单上传
作者思路有两个 1. 用element组件中upload 下文已实现2.用 input type=file 参数装进 formdata 传给后台 时间原因没实现上代码<!-- <input type="file" class="face" accept="image/*" @change="getFile($event)" ref="inputer"> --> <el-upload ref="upload" action="接口" :d
2021-05-27 15:07:28 589
原创 vue $router传参,地址栏传参
两种方式1query 传参 参数会在地址栏上显示2 params 传参 参数不会显示在地址栏上注意!!!params 在路径跳转时 只支持name 两种方式不能同时使用(写在一起)@router/index.js配置路由 (我这里是二级路由,这种传参方式没有限制哈!随意传){ path: '//only', component: Only, children: [ // 基础信息 { path:
2021-05-08 14:17:50 1734
原创 操作数组方法reduce
四个内置参数1 acc: 累加器2:cur : 当前项的值3. i : 当前项的索引4. src : 当前数组如果传入参数 第一次累加使用传入参数 如图 ‘20’,如果没有取数组第一项
2021-04-28 16:16:25 75
原创 vue项目build打包完报错Failed to load resource: net::ERR_FILE_NOT_FOUND或出现空白页
在项目根目录下创建vue.config.js内容是module.exports = {publicPath: ‘./’}保存 重新build打包 即可解决
2021-04-27 09:52:29 941
原创 js无限下拉滚动(完整版)
<!DOCTYPE html><html><head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" /> <title></title> <link rel=
2021-04-16 17:07:10 832
原创 js实现无限滚动 滚动到底部加载新数据
<!DOCTYPE html><html><head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" /> <title></title> <link rel=
2021-04-16 12:01:25 566
原创 js找出两个数组不同的项,找出两个数组相同的项
// 找不同newarr= arr2.filter(function (n) { return arr1.indexOf(n) === -1 }) // 找相同newarr= arr2.filter(function (n) { return arr1.indexOf(n) !== -1 })
2021-04-02 14:14:59 1710
原创 js实现uft-8的加密和解密
var str=123456var strM= window.btoa(unescape(encodeURIComponent(str))) // 加密console.log(strM)var strJ= decodeURIComponent(escape(window.atob(strM))) // 解密console.log(strJ)
2021-03-23 09:31:44 291
原创 前端js jq把对象整合成一个数组
直接上代码 var a={"惠百施舒适倍护宽头牙刷62号6666太阳神":["eANXLAwOGuhy","2vSEhzjkuRM1"],"花王white牛奶泡沫香皂玫瑰花香130g*3块777太阳神":["6HlSI1IBDUFF"]} console.log(a) let b = [] for (const key in a) { b.push(...a[key]) } console.log(b)...
2021-02-04 10:50:51 134
原创 js 实现分页自动折叠
// 分页折叠的方法 pages所有页码的数组 current当前的页码 viewsize要显示几个 var foldpages = function (pages, current, viewsize) { var ret = [].concat(pages), min = 1, max = ret.length, dots = '…', remain; current = Math.max(min, Math.min(curre
2021-01-04 17:10:16 320
原创 js通过localStorage实现一周/一天免登陆
登录页:// 记录当前时间戳var logintimes = Date.parse(new Date());console.log(logintimes) window.localStorage.setItem("logintimes",logintimes)//跳转window.location.href="index.html";主页://免登陆1var logintimes=window.localStorage.getItem("logintimes")var
2021-01-04 13:50:11 1003
原创 H5 js实现图片上传并展示 PC端移动端
先说上传文件的种类 1 传一个file文件过去 2传 base64格式上代码我这人就喜欢复制就能用的代码你们复制需要改一下 jquery的地址和url的地址我把代码分为6步<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> <style type="text/css"
2020-12-30 13:32:06 606
原创 js监听浏览器刷新——关闭触发的函数亲测有效 只适用于pc端 移动端无效
js监听浏览器刷新——关闭触发的函数亲测有效 只适用于pc端移动端无效$(document).ready(function () { console.log(window.localStorage.getItem("a")) //监听浏览器异常关闭 var beginTime =0;//执行onbeforeunload的开始时间 var differTime = 0;//时间差 window.onunload = function (){ differTime = new Date()
2020-12-28 10:25:24 525
原创 SUI Mobile调用$.alert()解决$.init 和$.alert的错误
路径需要修改1.引入SUI Mobile中两个必要的css2.引入SUI Mobile中的jquery(曾经尝试引入自己别处找的jquery 一直报.init和.init 和.init和.alert的错误)3.引入SUI必要的js文件4.大功告成<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> <!--引入SUI
2020-12-25 09:01:07 284
原创 js判断一个单选框是否被选中 通过js动态选中单选框
判断一个单选框是否被选中 if($('input[id=JqloixcMtbvagZwb0P]').eq(i).is(":checked")){ console.log("JqloixcMtbvagZwb0P") }通过js动态选中单选框$('input[id='+data[2][k].user_power+']').eq(o).prop("checked",true);
2020-12-22 18:23:58 1066 1
原创 js实现语音播报功能优化参数配置及报错处理
function voiceAnnouncements(str){ //百度 var url = "http://tts.baidu.com/text2audio?lan=zh&ie=UTF-8&text=" + encodeURI(str); // baidu var n = new Audio(url); n.src = url; n.play();}再调用时要注意voiceAnnouncements("成功")//直接调用
2020-12-14 14:12:26 862
原创 jq js判断多选框是否被选中纯 css实现改变多选框样式
jq js判断多选框是否被选中$("#test1").prop("checked")和$("#test1").is(":checked")
2020-12-08 21:01:09 280
原创 js正则清除文本中所有数字或文字
清除所有数字var s ="总金额4500元";function qNumber(str){ return str.replace(/\d/g,"*");}console.log(qNumber("全部总金额4500元"))清除所有文字var s ="总金额4500元";function qNumber(str){ return str.replace(/[^0-9]/ig,"*");}console.log(qNumber("全部总金额4500元"))...
2020-12-04 16:19:55 1332
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人