
JS
weixin_13031166945
这个作者很懒,什么都没留下…
展开
-
前端 常用的加密方法有4种
1、md5加密:md5.jsmd5.js 共有6中加密方法:hex_md5(s), b64_md5(s), str_md5(s), hex_hmac_md5(key, data), b64_hmac_md5(key, data), str_hmac_md5(key, data) var pwd = hex_md5(“val”); // val表示加密前的值console.log(pwd); // pwd表示加密后的值2、base64加密:base64.jsvar b = new Base64(原创 2022-03-14 10:21:22 · 12276 阅读 · 0 评论 -
JS判断用户是否离开页面,是否打开页面或回到页面
document.addEventListener('visibilitychange', function () { // 用户息屏、或者切到后台运行 (离开页面) if (document.visibilityState === 'hidden') { console.log('hidden') } // 用户打开或回到页面 if (document.visibilityState === 'visible') { ..原创 2021-06-10 16:29:44 · 3642 阅读 · 1 评论 -
Vue 深拷贝 封装函数
一:递归:function deepClone(obj){ let objClone = Array.isArray(obj)?[]:{}; if(obj && typeof obj==="object"){ for(key in obj){ if(obj.hasOwnProperty(key)){ //判断ojb子元素是否为对象,如果是,递归复制 if(obj[k.原创 2021-04-27 16:38:25 · 504 阅读 · 0 评论 -
js 正则 限制 input 只能输入数字,不能输入特殊符号,保留两位小数等效果
限制只能输入数字,小数点只保留2位,限制不能输入空格<div id="app"> <input type="text" v-model="a" @input="change(a)" /> </div><script src="https://cdn.bootcss.com/vue/2.6.10/vue.js"></script><script type="text/javascript"> new Vu...原创 2021-03-26 11:11:39 · 3481 阅读 · 0 评论 -
element ui 三级 省 市 县 多选 全选 效果 实例
<div class="filter-diqu" v-if="organFilterShow"> <div class="deliverySetting-table"> <div class="table-head"> <label class="filter-name">所属地区:</label> <div class="selecti...原创 2021-03-18 21:56:58 · 872 阅读 · 2 评论 -
antd 日期 moment 各种获取 月份,年份,日期,星期等方法
antd时间选择器 disabledDate(current) { // Can not select days before today and today return current < moment().subtract(1, "day") ;//当前以前 // return current && current < moment().endOf('day');//包含当前天以前 }, 大于当前日期不能选 ti.原创 2021-02-03 10:28:17 · 6550 阅读 · 4 评论 -
vue 实现数字翻转效果 时间翻转效果 分装组件 方便调用
实现效果图:带背景的效果 (数字,时间,百分比)<template> <div class=""> <div class="count"><countTo :title="flag" :number="List.cNum" /></div> <span v-show="flag=='same'">{{List.cNum | formatNumber}}</span> ..原创 2020-11-19 13:53:22 · 1343 阅读 · 0 评论 -
select 标签 下拉 不让弹出框跟着滚动
:getPopupContainer="trigger=>trigger.parentElement" //搞定<a-selectv-model="monitorInfo.position"style="width:200px":getPopupContainer="trigger=>trigger.parentElement"><a-select-optionv-for="(v,k)in...原创 2020-11-17 16:06:02 · 798 阅读 · 0 评论 -
js 从数组里过滤 指定的字符,返回对应的数组
this.copyRightList = [{name:'张三',age:21}{name:'李四',age:21}{name:'王麻子',age:25}]this.selectedVal :是动态的,下拉选择年龄;或者动态选中字符串if(this.copyRightList.length>0){ countryInfo=this.copyRightList.filter(item=>item.age.indexOf(this.selectedVal)!...原创 2020-11-16 18:06:45 · 2110 阅读 · 0 评论 -
把返回的对象 添加到 数组里面 ,并且去重
arr.push(... new Set(obj[i] )) //去重 new Set()原创 2020-11-13 14:41:27 · 918 阅读 · 0 评论 -
vue element-ui select 下拉卡顿问题解决方案
<template> <el-select ref="selectDom" v-model="ids" multiple filterable placeholder="请输入关键词" remote :remote-method="remoteMethod" @visible-change="visibleChange" > <el-option v-for="item in optio...原创 2020-11-12 20:43:18 · 1531 阅读 · 1 评论 -
vue 表达式 判断的实例
最简单的表达式{{ item.aa != 0 ? item.aa : 0}} // 如果item.aa == -1的时候 ,返回结果为0三元表达式实例一:{{situation==60||61?retdt.m_board_name:situation==20?retdt.msgUname:retd...原创 2020-11-11 17:21:17 · 773 阅读 · 0 评论 -
在google里面安装 vue devtools插件
安装方法1:需正常打开chrome商店,搜索vuejs devtools 安装。chrome://extensions/ 开发者工具-扩展程序下启用;安装方法2(推荐使用):github下载插件,npm包安装依赖,拖入浏览器扩展程序具体操作:1 .下载chrome扩展插件。在github上下载压缩包并解压到本地,github下载地址:https://github.com/vuejs/vue-devtools2.npm install下载完成后打开命令行cmd进入vue-dev...原创 2020-11-11 16:58:23 · 374 阅读 · 2 评论 -
js 合并两个数组的4中方法 ,简单实用
我们在项目过程中,有时候会遇到需要将两个数组合并成为一个的情况。比如:var a = [1,2,3];var b = [4,5,6];有两个数组a、b,需求是将两个数组合并成一个。方法如下:1、contactjs的Array对象提供了一个叫concat()方法,连接两个或更多的数组,并返回结果。 var a = [1,2,3]; var b = [4,5,6]; var c = a.concat(b);//c=[1,2,3,4,5,6];这里有一个问题,concat方法连.原创 2020-11-10 10:57:07 · 326 阅读 · 0 评论 -
分页 算总页数 判断总页数和当前页数是否相等
内容总数量为:totalCount每页加载数量为:loadCount所求总页数为:totalPagetotalPage = (totalCount+ loadCount-1) / loadCount;其中 loadCount- 1 就是 totalCount/ loadCount的最大的余数if(totalPage == this.pageNo){ this.noMore = true;}...原创 2020-11-09 15:10:19 · 648 阅读 · 0 评论 -
echarts 画等分div样式
<divv-if="technology.relatedCompanies&&technology.relatedCompanies.length>0"ref="squareCharts"class="roundCharts"></div>asyncgetSquareCharts(){awaitthis.$nextTick();constmyChart=echarts.init(thi...原创 2020-10-29 18:30:12 · 283 阅读 · 0 评论 -
正则表达式 逗号,空格,| ,等转换成 换行 ,所有的逗号转换成换行 ,把 所有的回车和换行 转换成 逗号
this.datalist.contentName=res.data[0].contentName.replace(/[\|\,|\,|]/g,'\n');\ 空格\,逗号| 竖线\n 换行this.datalist.contentName=res.data[0].contentName.replace(/[\,]/g,'\n'); //所有的,转换成换行contentName=this.datalist.contentN...原创 2020-10-28 21:53:34 · 6087 阅读 · 1 评论 -
删除数组中为空的对象
例如:this.monitorInfo.keywordList = ["张三","" ,"" ,"李四","","王麻子"];letarr=[]for(leti=0;i<=this.monitorInfo.keywordList.length-1;i++){if(this.monitorInfo.keywordList[i].trim()!=""){arr.push(this.monitorInfo.keywordL...原创 2020-10-28 17:07:04 · 2873 阅读 · 0 评论 -
textarea 标签 的关闭按钮和不可拉动效果
<a-textareaplaceholder=""allow-clear@change="onChangeYuming"v-model="datalist.contentName"/> 这个 allow-clear 是关闭按钮 ,删掉就没有关闭按钮了不可拉动是样式控制textarea{ resize: none; } 就不能拖动大小了...原创 2020-10-27 19:55:10 · 504 阅读 · 0 评论 -
vue 画圆 不重叠 随机大小 随机颜色 源码实例
效果图:实例代码:methods:{circleInfo:function(){classCircle{constructor(x,y,r,color){this.x=x;this.y=y;(this.r=r),(this.c=color?color:this.getRandomColor());}...原创 2020-10-22 15:57:05 · 1535 阅读 · 3 评论 -
vue 菜单点击右边滚动到对应模块,滚动页面的时候菜单跟着选中效果 实例
滚动页面 菜单跟着变动具体代码如下::<template><divclass="navboxmt30mr30"ref="nav"><ahref="JavaScript:void(0)"class="flexrow-center"v-for="(item,i)innavlist":key="i"@click="clickNav(i)":class="{cur:i==current}">...原创 2020-10-21 16:44:16 · 3797 阅读 · 8 评论 -
js 正则 去掉小数 或整数 前面多余的0
obj.value = obj.value.replace(/^0+\./g,'0.'); //把小数0开头的多余0去掉obj.value = obj.value.replace(/^[0]+/,''); //把整数0开头的多余0去掉原创 2020-10-20 18:03:22 · 6647 阅读 · 2 评论 -
把两个数组 合并成一个数组
console.log("routes:",routes) //对象格式 letpathlist=routes.children[2].children; //数组1letpathlist1=routes.children[3].children;//数组2letpath=pathlist.concat(pathlist1) //合并数组console.log('path:',path)合...原创 2020-09-23 18:05:26 · 4668 阅读 · 0 评论 -
页面实现跳转和刷新的方法实例
1 history.go(0)2 location.reload()3location=location4 location.assign(location)5 document.execCommand('Refresh')6 window.navigate(location)7 location.replace(location)8 document.URL=location.href这几个都可以刷新window.location.reload();刷新window.location.原创 2020-09-01 10:50:03 · 264 阅读 · 0 评论 -
jquery 判断 对象是否为空,判断对象里面的属性是否为空
var obj ={}; //判断 对象是否为空判断 obj 是否为空有很多种方法 ,我这里说比较常用的一种吧,有想知道 判断对象是否为空 其他方法的可以下方留言var strobj =JSON.stringify(obj) //先将对象转换成 字符串if(strobj == '{}'){ console.log('对象为空')}else{ console.log('对象不为空')}var obj ={a:'123',b:'321...原创 2020-08-20 15:33:35 · 1836 阅读 · 0 评论 -
微信小程序 跳转H5页面 webview跳转实例 H5跳回小程序页面
WXML:hotrecommend 是接口返回的数组<viewclass="helpYouPick"wx:if='{{hotrecommend.length>0}}'><viewclass='title'>热门推荐</view><viewclass="pick_list"><scroll-viewclass="scroll-view_H"scroll-x>&l...原创 2020-08-19 13:24:01 · 6997 阅读 · 1 评论 -
jquery 实现tab选项卡 实例
HTML: <div class="housesty"> <ul class="house_nav"> <li class="house_item active">A</li> <li class="house_item">B</li> ...原创 2020-08-13 17:33:04 · 195 阅读 · 0 评论 -
Jquery获取背景图片的宽度和高度
html:<div class="zhuanpanbg"> <div id="zhuanpan"> <img id="img" class="rotary-table" src="images/zhuanpan.png"> </div></div>css:.zhuanpanbg{background:url(../images/bg1.png) n...原创 2020-08-13 14:58:16 · 1259 阅读 · 0 评论 -
根据点击 select 下拉列表 显示对应的值,全选、反选 功能实例
1.点击类型里面的某一个值,2.显示 下面对应的明细3.点击全选 ,选择所有,如果是全选,就取消全选4.在全选的状态下,点击去掉 后面某一个选中的值,,全选按钮变为不选的状态5.点击搜索按钮,把所有选中的值传给后台代码如下: <select name="type" id="type" class="form-control" onchange="selectOnchang(this)"> ...原创 2020-08-06 16:26:56 · 1315 阅读 · 0 评论 -
jquery替换字符串里面的‘-‘,JS过滤HTML标签
var a='12,13,14,15';现在想把字符串替换,号为-jquery中的replace方法:a.replace(",","-");只能替换掉第一个,号。即,结果为12-13,14,15jquery中是没有对字符串进行replaceAll的方法,通常这个时候,全部替换采用正则表达式的方式替换。如下:var reg = new RegExp(",","g");//g,表示全部替换。a.replace(reg,"-");结果:12-13-14-15例二:var...原创 2020-08-06 14:35:38 · 1144 阅读 · 0 评论 -
JS截取字符串常用方法详细整理
使用 substring()或者slice()函数:split()功能:使用一个指定的分隔符把一个字符串分割存储到数组例子:str=”jpg|bmp|gif|ico|png”;arr=theString.split(”|”);//arr是一个包含字符值”jpg”、”bmp”、”gif”、”ico”和”png”的数组函数:Join()功能:使用您选择的分隔符将一个数组合并为一个字符串例子:复制代码代码如下:var delimitedString=myArray....原创 2020-06-04 15:46:06 · 295 阅读 · 0 评论 -
Web前端常见面试题(js原生,vue,es6,小程序)合集
VUE1.什么是 vue 生命周期2.vue生命周期的作用是什么3.第一次页面加载会触发哪几个钩子4.简述每个周期具体适合哪些场景5.created和mounted的区别6.vue获取数据在哪个周期函数7.请详细说下你对vue生命周期的理解?vue路由面试题mvvm 框架是什么?vue-router 是什么?它有哪些组件active-class 是...原创 2020-04-26 15:12:49 · 892 阅读 · 0 评论 -
js ,jquery P标签替换成sapn标签
$('.imginfo p').replaceWith(function(){ return $("<span />", {html: $(this).html(), class:$(this).attr('class')}); });原创 2019-07-05 18:20:48 · 2007 阅读 · 0 评论 -
页面传值——getUrlParam()方法
获取跳转页面链接里的参数function getUrlParam(name) {//封装方法var reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)"); //构造一个含有目标参数的正则表达式对象var r = window.location.search.substr(1).match(reg); //匹配...原创 2019-04-11 10:39:36 · 4452 阅读 · 1 评论 -
js 合并数组的两种方法,js数组里添加字符串,数组转字符串,字符串转数组 之方法大全
下面有截图,方面更清楚的阅读//1.参数是具体指 var arr = [1,2,3]; console.log(arr.concat(4,5)); // [1, 2, 3, 4, 5] //2.参数是数组对象 var arr1 = [1,2,3,4]; var arr2 = ["pink","black"]; var arr2...原创 2018-07-19 15:45:49 · 11094 阅读 · 0 评论