javascript
冰魂破
这个作者很懒,什么都没留下…
展开
-
关于js 拼接字符串带有特殊字符的处理
因为兼容ie的问题 不能使用模板字符串,所以对于字符串的变量拼接 还是使用的 + _var + 的形式'<p title=" '+ item.value + ' " class="pubTableItemStyle">' + item.value + '</p>'因为 value值 内存在 特殊字符 "" ,所以如果正常拼接的话, title的内容就会出现被中间存在的" 给中断了,导致显示不全的问题,这个时候就需要就需要先对特殊字符进行转义,然后再进行显示'<..原创 2022-01-19 15:37:43 · 2480 阅读 · 0 评论 -
vue 关于ie浏览器下 按下 backspace 出现 页面回退的问题
新建文件 preventBackspace.jsexport const stopBackSpace = (e) => { let ev = e || window.event // 各种浏览器下获取事件对象 let obj = ev.relatedTarget || ev.srcElement || ev.target || ev.currentTarget // 按下Backspace键 if (ev.keyCode === 8) { // 标签名称 ..原创 2020-07-24 20:44:11 · 1246 阅读 · 0 评论 -
数组 以及数组对象 关于最大值 和最小值的写法
数组最大值 最小值var arr = [1,2,3]Math.max.apply(null, arr); Math.min.apply(null, arr);数组对象 最大值和最小值var array = [ { name:"1", value:1, },{ name:"2", value:2, }{ name:"3", value:3, }]Math原创 2020-07-24 20:40:26 · 838 阅读 · 0 评论 -
关于跨域的自我总结
跨域:为什么需要跨域: 浏览器同源策略 协议 端口 主机(ip) 子域 不同1:jsonp: 原理 -- 利用html中 所有src的属性的标签可以跨域的特点 利用script的src进行get请求 (只支持get请求) ,后台输出一段js代码的字符串在script中 便会执行;后台输出的是 fn(json)样式的字符串,fn代表要调用的方法 json代表要处理的数据利用...原创 2020-02-25 22:46:55 · 178 阅读 · 0 评论 -
数组方法总结
1:数组去重// 方法1 es6 set 方法 function noRepeat(arr) { return [...new Set(arr)]}//方法2 // IE8以下不支持数组的indexOf方法 function uniq(array){ var temp = []; //一个新的临时数组 for(var i = 0; i < arra...原创 2019-11-21 11:05:35 · 167 阅读 · 1 评论 -
js 判断数据类型的封装方法
除js内置方法外,对于数判断据类型的实现 返回true/false // 是否是字符串 function isString(value) { return Object.prototype.toString.call(value) == "[object String]"; } // 是否是数字 function isNumber(value)...原创 2019-11-20 18:00:10 · 848 阅读 · 0 评论 -
js 关于数字类常用方法之千分位分割和随机数
1:千分位分割function commafy(num) { return (num.toString().indexOf('.') !== -1) ? num.toLocaleString() : num.toString().replace(/(\d)(?=(?:\d{3})+$)/g, '$1,') }console.log(commafy(10056562),"...原创 2019-11-20 17:30:47 · 263 阅读 · 0 评论 -
cookie的增删查
cookie的设置是必须在服务器端的 才可以设置成功的 在本地 是无法设置的1:设置cookie 以及自定义过期时间 时间填天数function setCookie(key, value, expiredays) { var exdate = new Date() exdate.setDate(exdate.getDate() + expiredays) do...原创 2019-11-20 17:24:58 · 91 阅读 · 0 评论 -
电话号码的字母组合(记头条的一次面试题)
给定一个仅包含数字2-9的字符串,返回所有它能表示的字母组合。给出数字到字母的映射如下(与电话按键相同)。注意 1 不对应任何字母示例:输入:"23"输出:["ad", "ae", "af", "bd", "be", "bf", "cd", "ce", "cf"].var letterCombinations = function(digits) { digits...原创 2019-09-20 01:22:03 · 130 阅读 · 0 评论 -
es6 数组新增方法之map | filter | reduce
在这些方法中都是对数组中每一个元素进行遍历操作map: 映射,可以对数组中每个元素进行操作,并逐一返回,生成一个理想的新数组arr.map(function(item,index,arr){ ............})//map方法内可以传入一个js自带的字段处理函数,需要注意的是传入的函数参数问题let arr1 = [1,4,9]let newArr1 = ...原创 2019-09-20 01:10:47 · 512 阅读 · 0 评论 -
vue element-ui 多选改单选
// 多选只能选择一个 <el-checkbox-group v-model="lessonForm.ladder" @change="ladderChange"> <el-checkbox v-for="(item, index) in ladderList" :key="item" :label="index" >...原创 2019-09-06 11:53:33 · 3359 阅读 · 0 评论 -
vue props 父传子 传递Array/Object时报错解决办法
出错点:Invalid default value for prop "rowMsg": Props with type Object/Array must use a factory function to return the default value.出错写法:解决办法 :如果是数组的话 写成 default : () => []...原创 2019-07-25 10:34:27 · 2134 阅读 · 1 评论 -
关于vue el-input 点击事件下自动获取焦点的写法
<el-input size="small" v-model="scope.row.order_number" v-show="scope.row.isShowInp_order" @blur="editOrder(scope.$index,scope.row)" v-focus @keyup.native="UpNumber" @keydown.native=...原创 2019-07-19 13:22:33 · 3863 阅读 · 1 评论 -
vue el-input 禁止输入特殊字符 只可输入数字 正则验证
在el-input 内 使用 keyup等事件 需要添加 .native 否则无法正常执行事件。限制输入正数 保留两位小数。下面是 只可输入数字。原创 2019-07-19 13:03:22 · 19822 阅读 · 4 评论 -
el-form 表单 单个表单选项验证 手机号 验证
正常的表单验证 :<el-form :model="ruleForm" :rules="rules" ref="ruleForm" class="search_area"> <el-form-item label="联系电话" prop="phone" class="itemRequiredStyle"> <el-input v-mod...原创 2019-07-18 19:59:56 · 6158 阅读 · 0 评论 -
引用类型和基本类型的区别?
两者的区别可以主要从以下三个方面说起:1:内存空间 2:对值的操作 3:变量的复制 《javascript高级程序设计》中对于二者的定义是:基本类型值指的是简单的数据段,而引用类型值指那些可能由多个值构成的对象。 基本数据类型包括 number string boolean undefined null 引用类型包括:array object functi...原创 2018-06-08 00:00:19 · 11236 阅读 · 4 评论 -
2018前端面试题总结
前端面试题: 1. 一个200*200的div在不同分辨率屏幕上下左右居中,用css实现div { position:absolute; width:200px; height:200px; top:50%; left:50%; margin-left:-50px; height:-50px; z-index:1000; } 2. 写一个左中右布局占满屏幕,其中左右两块是固定宽度200 ,中...原创 2018-06-09 12:14:49 · 986 阅读 · 1 评论 -
jquery 关于table的全选与反选
控制表格的多选和反选,直接上代码,顺便安利一个小知识点:tr的底边框不显示的问题,解决办法是:table{border-collapse:collapse;} <!DOCTYPE html><html><head> <title></title> <style> *{margin:0;padding:0;}...原创 2018-07-07 13:41:52 · 1933 阅读 · 3 评论 -
javascript-cropper插件翻译笔记
转载自:https://blog.csdn.net/beyond__devil/article/details/77987495 https://github.com/fengyuanchen/cropper cropper使用说明 一、特性 jQuery v1.9.1以上版本支持 插件有38个options,27种methods,6种事件 ...转载 2018-07-19 16:17:15 · 689 阅读 · 0 评论 -
关于验证数字非负数以及只可输入到小数点后2位的写法
// 验证数字非负数 function checkNumber(sel){ $(sel).keyup(function(){ var temp = $(this).val(); var strings = temp.toString(); $(this).val(temp.replace(/...原创 2018-12-19 20:04:19 · 839 阅读 · 0 评论 -
关于layer.open与select2联合使用时,select2出现的错位问题的解决
正常显示情况如下:当我切换到其他页面,再重新切回原页面的时候,出现这样的问题:此类情况出现时,不是select2插件出现的问题,而是layer的问题 layer 有一个弹出层动画 anim ,默认为 0 ,正是因为anim的动画效果导致切换页面重新切回的 时候,会重新执行一遍动画效果,导致select的定位不准确,出现了select的错位情况,解决办法是: 设置 ani...原创 2018-12-18 11:38:34 · 2907 阅读 · 0 评论 -
关于datetimepicker 鼠标滚动调节日期变化遇到的问题
正常情况下,鼠标滚动向下滚动,日期增加,向上滚动,日期减小出现问题为:无论如何滚动,日期一直再减少原因:js插件内 mousewheel 事件缺少兼容加上这一行代码即可。...原创 2019-01-17 16:47:12 · 1951 阅读 · 0 评论 -
关于datetimepicker 年月份选择区域 鼠标滚轮滚动出现的问题
问题:滚轮滑动一下,直接滚到了最上面解决办法: 源码:修改后:添加兼容 并将倍数减小即可原创 2019-01-22 14:09:36 · 1381 阅读 · 0 评论 -
关于微信支付body(商品描述)遇到的问题
问题描述: 商品描述过长时,无法调取支付接口,并且无报错显示可以通过检测长度 去判断长度是否超出限制,经检测,产品的body 字节数长度 为120左右,并没有超出规定的128个字节长度, 但仍无法调取支付,so,实际项目中,最好保证商品描述的字节数小于100字节,这样保险些。。。附上js检测字节数长度的代码 : String.prototype.getBytes...原创 2019-03-11 10:36:39 · 4090 阅读 · 0 评论 -
关于echarts常见的配置项运用
包含对标题 图表位置 工具栏 xy轴边框颜色以及刻度颜色 网格样式 拐点颜色的配置 详情见代码<!DOCTYPE html><html><head> <title>echarts</title> <style type="text/css"> *{ margin: 0; paddin...原创 2019-05-21 09:27:16 · 393 阅读 · 0 评论 -
封装原生ajax
原生ajax的封装get请求 post请求 有参无参都可以实现返回数据类型,需要自己处理,返回字符串格式<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=devic...原创 2019-06-02 16:29:46 · 126 阅读 · 0 评论 -
js的基本数据类型 引用类型 以及常见的内置对象
1:数据类型一般分为六种:number,string,boolean,undefined,null,object number,数值数据类型,例如10或者1或者5.5 string,字符串数据类型,例如”helloworld” boolean,布尔类型true|falseundefined,未定义的数据,一般var声明了一个变量,但未给变量进行初始化值,那么这个变量的...原创 2018-06-05 23:54:32 · 843 阅读 · 0 评论