zhangzuruiqqq-CSDN博客

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 2486

官网地址：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 496

原创正则校验和一些常用的校验

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 351

原创 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 317

原创 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 561

原创 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 2116 1

原创 vue下拉框地区多选

思路很简单基于element Cascader 级联选择器和网上搜索的所有地区const list = { 北京市: ['东城区', '西城区', '朝阳区', '丰台区', '石景山区', '海淀区', '门头沟区', '房山区', '通州区', '顺义区', '昌平区', '大兴区', '怀柔区', '平谷区', '密云区', '延庆区'], 天津市: ['和平区', '河东区', '河西区', '南开区', '河北区', '红桥区', '东丽区', '西青区', '津南区', '北辰区',

2021-06-23 09:10:29 1650

原创前端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 264

原创 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 传给后台时间原因没实现上代码 <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 1731

原创操作数组方法reduce

四个内置参数1 acc: 累加器2:cur : 当前项的值3. i : 当前项的索引4. src : 当前数组如果传入参数第一次累加使用传入参数如图 ‘20’，如果没有取数组第一项

2021-04-28 16:16:25 72

原创 vue项目build打包完报错Failed to load resource: net::ERR_FILE_NOT_FOUND或出现空白页

在项目根目录下创建vue.config.js内容是module.exports = {publicPath: ‘./’}保存重新build打包即可解决

2021-04-27 09:52:29 938

原创 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 831

原创 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 564

原创 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 1706

原创 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 290

原创前端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 133

原创 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 999

原创 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 519

原创 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 1064 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 860

原创 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 1329

空空如也

空空如也