js
左又
虽然走得慢,但是总会到达终点;
展开
-
for循环造成死循环的原因
for(var i=0;i<5,i++){ for(var i=0,i<5,i++){ ......... }}for循环套循环的时候,循环变量设置要不一样原创 2018-07-27 15:45:42 · 6733 阅读 · 0 评论 -
vue 利用原生滚动监听tabs亮显
1、htmltabs对应监听模块<div class="scroll-item" ref="content2">1</div><div class="scroll-item" ref="content2">2</div><div class="scroll-item" ref="content2">3</div><div class="scroll-item" ref="content2">4</d原创 2022-05-27 15:42:36 · 448 阅读 · 0 评论 -
VUE封装radio组件
1、radio子组件<template> <div class="radio-group"> <div v-for="(item, index) in options" :key="index" class="radio-link"> <div class="radio-list"> <div class="radio-area">原创 2022-03-30 16:31:59 · 1743 阅读 · 0 评论 -
常用js小技巧
1、数组去重constnumbers=[1, 2,3,4,4,1]console.log([...newSet(numbers)])//[1, 2,3,4]复制代码2、从数组中过滤所有虚值constmyArray=[1,undefined,null,2, NaN,true,false, 3]console.log(myArray.filter(Boolean))//[1,2, true,3]复制代码3、将字符串转换为数字con...转载 2021-11-19 11:09:10 · 163 阅读 · 0 评论 -
随机生成32位带时间的数字流水号
function getMathNum() { const myDate = new Date() // 当前中国标准时间 const year = myDate.getFullYear() // 获取当前年份 支持IE和火狐浏览器. const month = myDate.getMonth() + 1 // 获取中国区月份 const day = myDate.getDate() // 获取几号 let milliseco.原创 2021-09-16 17:41:03 · 659 阅读 · 0 评论 -
类似淘宝的放大镜 vue
组件页面封装<template> <div class="img-zoom" > <div class="img-box"> <div class="box" :style="minImgBoxStyle" @mouseleave="mouseLeave" @mouseenter="mouseEnter"原创 2021-09-01 17:41:03 · 109 阅读 · 0 评论 -
使用render函数渲染html以及添加title属性
使用render函数渲染htmlbtnData: [ { key: '1', content:'停止', }, { key: '2', content: '重新执行', }],operation(trData){ const parent = this; return new Vue({ render(h) { const btnComp = h(原创 2021-03-19 14:46:41 · 2991 阅读 · 0 评论 -
tinymce在vue2中的用法
一、版本本文是针对vue2中使用tinymce@5.1.0-S以及tinymce/tinymce-vue@3.0.1版本;二、使用命令npminstalltinymce@5.1.0-Snpminstall@tinymce/tinymce-vue@3.0.1-S三、语言包安装命令后,在 node_modules 中找到 tinymce文件夹,然后将tinymce目录拷贝到static目录下(可以根据自己需求复制对应的文件夹,但是skins是必需的)tinymce 默...原创 2021-03-09 17:07:53 · 10397 阅读 · 2 评论 -
数组合并到对象数组
var selectedArr = ["张三", "马六",'麻醉'];var obj = [ {value: '张三',selected:false }, {value: '李四',selected:false}, {value: '马六',selected:false}, {value: '王子',selected:false}, {value: '哈哈',selected:false}];//将数组转换成对象数组let seleclObj = [];for (let i.原创 2020-12-09 10:00:10 · 293 阅读 · 0 评论 -
Object.assign()合并对象
//花括号{ }叫目标对象,后面的obj、obj1是源对象。对象合并是指:将源对象里面的属性添加到目标对象中去,若两者的属性名有冲突,后面的将会覆盖前面的let obj = {name:'廖文定',sex:'女',age:0};let obj1 = {name:'曹洋',phone: '15587551234'};let params = Object.assign({},obj,obj1);console.log(params,'合并')...原创 2020-11-03 10:15:26 · 669 阅读 · 0 评论 -
解决ios以及mac yyyy-MM-dd HH:mm:ss格式不兼容
这种时间格式yyyy-MM-dd HH:mm:ss,发现在iOS中不兼容,返回valid Date。IOS中不支持 - 连接日期以下代码转换:// 解决ios中2020-10-12 09:32:07格式不识别的问题var beginTime = this.parserDate(editObj.beginTime);var endTime = this.parserDate(editObj.endTime); ...原创 2020-10-27 10:53:28 · 1003 阅读 · 0 评论 -
域名获取
域名:location.origin主要常用的代码:主机、域名:location.host锚点:location.hash域名:location.origin请求路径:location.pathname端口:location.port协议:location.protocolurl中请求参数:location.searchjavascript中解析一个url的根域名的技巧(不这样做的话,貌似就是只能写正则表达式去...转载 2020-10-23 17:19:18 · 1914 阅读 · 0 评论 -
找出数组对应值的下标
var arr = [ { a: 'ss' },{ a: 'aa' },{ a : '11'},{ a: '33' },{ a: '88' } ] //我要怎么获取 a = 33的下标var index = arr.map(item => item.a).indexOf('33')在一个博客看到的。链接忘了原创 2020-08-19 10:03:37 · 2278 阅读 · 0 评论 -
js获取当前时间、获取未来多少天的时间、获取星期、获取某一天的年月方法
以下方法统一集成,便于后续自己直接取用/** *获取当前时间 *format=1精确到天 *format=2精确到分 *connect 连接符 比如:'-' */ function getCurrentDate(format,connect) { var now = new Date(); var year = now.getFullYear(); //得到年份 var month = no原创 2020-07-06 15:27:39 · 1023 阅读 · 0 评论 -
ajax和axios、fetch的区别
1.jQuery ajax$.ajax({ type: 'POST', url: url, data: data, dataType: dataType, success: function () {}, error: function () {}});传统 Ajax 指的是 XMLHttpRequest(XHR), 最早出现的发送后端请求技术,隶...转载 2019-12-13 10:53:01 · 99 阅读 · 0 评论 -
前端时间戳装换成年月日(vue)
直接上代码啦//转换年月日方法(connect连接符号)getDate(str,connect){ var oDate = new Date(str), oYear = oDate.getFullYear(), oMonth = oDate.getMonth()+1, oDay = oDate.getDate(), oHour =...原创 2019-10-29 14:26:03 · 710 阅读 · 0 评论 -
判断各种浏览器
本文来源:https://blog.csdn.net/lavendersue/article/details/80005389随着时代的发展,技术的进步,目前火狐、谷歌等浏览器为主流浏览器,IE逐渐淡出人们的视野。但,前端人员依旧不可忽略浏览器的兼容问题。有时,我们还需要进行浏览器的判断,况且,如今微信的普遍使用,加上微信与QQ的方方面面都不大相同,android移动设备与IOS移动设备更是天差地...转载 2018-04-20 09:33:13 · 139 阅读 · 0 评论 -
js 数组的交集、差集,并集,去重
<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> </head> <body> <script> ///集合取交集 Array.intersect = funct...原创 2019-05-29 13:46:40 · 257 阅读 · 0 评论 -
冒泡排序js
function sort(elements){ for (var i = 0; i < elements.length-1; i++) { for (var j = 0; j < elements.length-i-1; j++) { if(elements[j] > elements[j+1]){ var swap=elements[j]; el...原创 2019-06-13 12:38:12 · 215 阅读 · 0 评论 -
原型链的理解
function Person(name){ this.name=name; } Person.prototype.share=[]; Person.prototype.printName=function(){ alert(this.name); } var p...原创 2019-06-05 08:28:36 · 71 阅读 · 0 评论 -
vue的this.$set(this.xxx, index, data);
只更新表格其中一列数据,所有for循环同理。html<table> <tr v-for="(order,index) in chargeList" :key="index"> <td>{{ order.orderRequestTime }}</td> <td>{{ order.orderId }}</td>...原创 2019-08-02 10:11:25 · 1789 阅读 · 0 评论 -
过滤器js
export function number(num, fix) { let floatNum = parseFloat(num); if (isNaN(floatNum)) { return '0.00'; } else { if (fix == undefined) { return '0.00'; ...原创 2019-09-04 15:28:56 · 84 阅读 · 0 评论 -
ajax contentType
聪明的程序员发现 http 还可以自定义数据类型,于是就定义一种叫 application/json 的类型。这种类型是 text , 我们 ajax 的复杂JSON数据,用 JSON.stringify序列化后,然后发送,在服务器端接到然后用 JSON.parse 进行还原就行了,这样就能处理复杂的对象了。$.ajax({ dataType: 'json', content...转载 2019-05-29 13:30:12 · 114 阅读 · 0 评论 -
前端面试题集合
一、position的值?1、fixed相对浏览器或者frame定位;2、absolute绝对定位相对最近一级定位;3、relative相对定位相对普通流中的位置定位;4、static默认值,没有定位,出现在正常流的位置;5、sticky生成粘性定位的元素,容器的位置根据正常文档流计算。二、xml和json的区别json相比xml来说数据体积小、传送速度快、与js...原创 2019-04-30 15:15:30 · 175 阅读 · 0 评论 -
get和post传递参数大小限制
getget方式提交数据的大小(一般来说1024字节),http协议并没有硬性限制,而是与浏览器、服务器、操作系统有关。postpost理论上来说没有大小限制,http协议规范也没有进行大小限制,但实际上post所能传递的数据量根据取决于服务器的设置和内存大小。...原创 2018-12-10 10:54:23 · 10596 阅读 · 2 评论 -
append() 、push() 和pop()
1.append() 方法在被选元素的结尾(仍然在内部)插入指定内容。<html><head><script type="text/javascript" src="/jquery/jquery.js"></script><script type="text/javascript">$(document原创 2018-04-26 10:24:54 · 7387 阅读 · 0 评论 -
js判断字符串中是否包含中文
一、<script language="javascript"> function funcChina(){ var obj = document.form1.txtName.value; if(/.*[\u4e00-\u9fa5]+.*$/.test(obj)) { alert("不能含有汉字!"); return false; } return true; } ...原创 2018-05-10 15:26:23 · 17799 阅读 · 1 评论 -
二级联动
var arr_categories = ['请选择','流程咨询','域账号问题','邮箱问题','PC问题','业务问题','投诉/建议','故障问题','其他'];var arr_smallclass = [ ['请选择'], ['临时账号申请','公共邮箱申请','邮箱权限申请','ML群组申请','ML群发权限申请','邮...原创 2018-05-09 10:47:05 · 165 阅读 · 0 评论 -
密码前端加密
html<!DOCTYPE html><html> <head> <meta charset="utf-8" /> <title>密码前端加密</title> <script src="../js/jquery.min.js" type="text/j原创 2018-05-02 10:36:50 · 139 阅读 · 0 评论 -
JS实现密码加密
1、base64加密 在页面中引入base64.js文件,调用方法为:[html] view plain copy<!DOCTYPE HTML> <html> <head> <meta charset="utf-8"> <title>base64加密</title> <script type=&q转载 2018-05-02 10:22:52 · 259 阅读 · 0 评论 -
点击事件on和onclick 两者之间的区别
点击事件on和onclick 两者之间的区别(很重要)第1种事件 $('.XX').click('.xxx',function() { alert('xxx') }); 第2种事件 $('.XXX').on('click','.xxx', function() { alert('xxx') })click是点击事件,但是在页面加载完之后,jquery事件新添加的元素,用click的话是无法获取元素...原创 2018-04-20 09:20:36 · 11285 阅读 · 0 评论 -
新闻多条滚动播放js
js//事件上报处理滚动 var speed=50; var marquee=document.getElementById("marquee"); var marqueeheight = $('#marqueearea').height() ; //滚动区域高度 var scorll=document.getElementById("scorll"); var marqueearea=...原创 2018-04-19 17:01:57 · 2204 阅读 · 0 评论 -
cookie js操作
<!DOCTYPE html><html><head><meta charset="utf-8"><title></title></head><head><script>//设置cookies(装数据)function s原创 2018-04-23 17:34:41 · 138 阅读 · 0 评论 -
ajax请求
/***********表格条件查询 action*********///提交查询 function form_submit(page){ $('.submit_btn').html("正在查询"); var report_user=$("#report_user").val(); var start_time=$("#start_time").val();...原创 2018-04-19 09:47:29 · 138 阅读 · 0 评论 -
NaN、null和undefined
NaN:保留值(不是数字)null:未定义或空字符串undefined:对象属性不存在,或,声明了变量但从未赋值。NaN很少直接使用,而是用isNaN(numValue)的形式来进行判断,如果numValue是数字,那么返回false,反之,返回true(即NaN)...原创 2018-04-26 15:26:23 · 369 阅读 · 0 评论 -
js追加点击事件传参只能携带数字,不能携带特殊字符的转义办法
1.原代码lock_mail_type="<span class='send_email' onclick='SendMail("+lock_id+")' >发送</span>";2.运用转义字符lock_mail_type="<span class='send_email' onclick='SendMail(\""+lock_id+"\")' &原创 2018-05-18 14:40:08 · 1697 阅读 · 1 评论 -
mui框架下拉刷新中a标签不能跳转
解决mui框架下拉刷新a标签跳转失效//加入此代码//监听tab事件,解决a标签不能跳转的问题mui('body').on('tap', 'a', function () { document.location.href = this.href; }); ...原创 2018-11-14 15:48:42 · 643 阅读 · 0 评论 -
js清除未知定时器的方法
js清除未知定时器的方法在需要有实时性更新数据的项目中,我们经常会用到很多定时器,我们可能需要一个可以一次性清除所有定时器的方法,并且不通过指定ID一个一个去清除,以下提供两种解决方案:1.定义全局变量,通过js遍历清除这种方法在项目中所使用到的定时器必须赋值记录到定义好的全局变量中,实现模拟代码如下:var pageTimer = {} ; //定义计算器全局变量//赋值...转载 2018-07-27 16:07:10 · 691 阅读 · 0 评论 -
checkbox同name选中的长度集合
$.each($('.input[name=checkbox_ad]:checked'),function(){ var length=$('.input[name=checkbox_ad]:checked').length;})原创 2018-07-11 16:26:46 · 708 阅读 · 0 评论 -
js select每次赋值不同的时候,每次赋值之前都要清空select
$(".select_um").empty();$.each(result.um_list,function(key,value){ $(".select_um").append("<option value='"+value+"'>"+value+"</option>"); if ($(".select_um option:conta原创 2018-05-25 10:40:18 · 5991 阅读 · 0 评论