![](https://img-blog.csdnimg.cn/20201014180756928.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
JS类
文章平均质量分 51
sunlizhen
这个作者很懒,什么都没留下…
展开
-
iframe加载闪过白块问题
在使用iframe时,iframe背景为白块,刷新时也会闪过白块。如果刷新时间长,就会一直出现白块;以下是再vue中,再js中同样适用;<div v-else ref="iframeWanner" v-loading="loading"> <iframe style="border:none" width="100%" allowtransparency="true" :style=" { visibility:visibiShow }"原创 2020-11-20 11:42:37 · 892 阅读 · 0 评论 -
判断 iframe 是否加载完成的完美方法
this.$nextTick( ()=> { let iframe = this.$refs.iframe let that = this; // 判断iframe是否加载完毕 if (!/*@cc_on!@*/0) { // if not IE 判断不是ie iframe.onload = function() { that.loading = false } } else { iframe.onreadystatechange = fun.原创 2020-11-12 15:41:24 · 1280 阅读 · 0 评论 -
vue 实现iframe跨域通信
父页面:<template> <div class="appStore"> <div> <el-row :gutter="20"> <el-col :span="6" style="text-align: center;" v-for="(item, index) in dataList"> <div class="grid-content bg-purple"> .原创 2020-11-11 10:51:21 · 1864 阅读 · 0 评论 -
js 搜索
判断数组里面是否有这个值,返回这个值的索引let arr = [ 2, 4, 6, 7, 12]; let queen = (temp)=> { let int = -1; arr.forEach( (item, index)=> { if(temp == item){ int = index return int; } else { re..原创 2020-11-02 14:43:27 · 163 阅读 · 0 评论 -
js 将数组对象中的数组反别放到一个数组里面
dataAll: [ { Count: [1129958, 0, 1, 0], Name: "温度极差报警" }, { Count: [1129959, 0, 0, 0], Name: "最高温度报警" }, { Count: [0, 0, 0, 0], Name: "充电升温速率报警" }, { Count: [1122596, 18, 1136, 35916], Name: "总电压报警" }, { .原创 2020-11-02 11:22:00 · 1027 阅读 · 0 评论 -
js 将一个数组对象分成两组
let mapArr = [ { name: 'aaa', state: 0, mark: 'au' }, { name: 'bbb', state: 1, mark: 'auu' }, { name: 'ccc', state: 2, mark: 'auuu' }, { name: 'ddd.原创 2020-10-30 14:48:53 · 8715 阅读 · 1 评论 -
js 时间加上一天
let tieml = new Date();let timeNew = new Date((tieml/1000+86400)*1000) // 选择后加一天timeNew 即为得到的加上一天的日期原创 2020-10-30 10:24:25 · 1933 阅读 · 0 评论 -
JS中的算法与数据结构——链表
链表(Linked-list)底层存储的数据的数据结构都是数组。但是数组不总是最佳的数据结构,因为,在很多编程语言中,数组的长度都是固定的,如果数组已被数据填满,再要加入新的元素是非常困难的。而且,对于数组的删除和添加操作,通常需要将数组中的其他元素向前或者向后平移,这些操作也是十分繁琐的。然而,JS中数组却不存在上述问题,主要是因为他们被实现了成了对象,但是与其他语言相比(比如C或Java),那么它的效率会低很多。这时候,我们可以考虑使用链表(Linked-list) 来替代它,除了对数据原创 2020-10-29 14:51:38 · 181 阅读 · 0 评论 -
javascript什么是堆,什么是栈?
堆和栈是用来存储变量数据的。JavaScript中的变量分为基本类型和引用类型。基本类型就是保存在栈内存中的简单数据段,而引用类型指的是那些保存在堆内存中的对象。基本类型:undefined、null、string、number、boolean、symbo(ES6)普通基本类型:undefined、null、symbol(ES6) 特殊基本包装类型:string、number、boolean引用类型:Object、Array、RegExp、Date、Function1、基本类型基本转载 2020-10-29 11:39:11 · 713 阅读 · 0 评论 -
js every()和some()和filter()
every()与some()方法都是JS中数组的迭代方法。every()是对数组中每一项运行给定函数,如果该函数对每一项返回true,则返回true。some()是对数组中每一项运行给定函数,如果该函数对任一项返回true,则返回true。every()let arr = [ 1, 2, 4, 6, 8, 10, 23, 34]let arrNew = arr.every( (item, index, arr)=> { return item>3}) console.l原创 2020-10-29 11:04:12 · 542 阅读 · 0 评论 -
echarts 柱状图多维数组
<template> <div class="hello"> <div ref="manyBar" style="width: 600px;height:400px;"></div> </div></template><script>let seriesDatas = [[ 83, 56, 77, 99 ], [ 62, 55, 67, 82 ], [ 71, 45, 62, 79 ], [ 7.原创 2020-10-26 19:58:21 · 1644 阅读 · 0 评论 -
echarts渐变色实现方法
option: { title: { text: 'ECharts 入门示例' }, tooltip: {}, legend: { data:['销量'] }, xAxis: { data: ["衬衫","羊毛衫","雪纺衫","裤子","高跟鞋","袜子"] }, yAxis: {}, series: [{ name: '销量', type: 'line', ..原创 2020-10-26 16:55:50 · 1803 阅读 · 0 评论 -
nginx配置代理
具体操作详解:进入到nginx安装目录的配置文件中下:vim /usr/local/nginx/conf/nginx.conf编辑server { listen 80;server_name dzf1.com;index index.html index.htm index.php;root /data/html/dist; //代表html路径 (存储在服务器的文件目录)if ($hos...原创 2020-10-26 15:45:15 · 245 阅读 · 0 评论 -
将两个数组合并成一个数组,对应项相同
let one = []; let two = []; let AllMes = []; this.pileInformation.forEach( (item, index) => { if(index%2){ two.push(item) } else { one.push(item) }}) one.forEach( (item, index) => { AllMes.push([item,two[index]]) }) this.$se..原创 2020-10-21 12:03:39 · 1102 阅读 · 0 评论 -
es6 扩展运算符 三个点(...)
对象中的扩展运算符(...)用于取出参数对象中的所有可遍历属性,拷贝到当前对象之中let bar = { a: 1, b: 2 };let baz = { ...bar }; // { a: 1, b: 2 }上述方法实际上等价于:let obj1= { a: 1, b: 2 };let obj2= Object.assign({}, obj1); // { a: 1, b: 2 }let obj1 = { a: 1, b: 2, c: {nickName: 'd'}};let原创 2020-10-16 11:42:37 · 101 阅读 · 0 评论 -
js 实现深拷贝浅拷贝
一、浅拷贝(1)for···in只循环第一层// 只复制第一层的浅拷贝function simpleCopy(obj1) { var obj2 = Array.isArray(obj1) ? [] : {}; for (let i in obj1) { obj2[i] = obj1[i]; } return obj2;}var obj1 = { a: 1, b: 2, c: { d: 3 }}var obj2 =原创 2020-10-15 11:57:48 · 192 阅读 · 0 评论 -
git push 提交不上去 报错
报错如下:To gitlab.com:sunlizhen/datatem.git! [rejected] master -> master (non-fast-forward)error: failed to push some refs to 'git@gitlab.com:sunlizhen/datatem.git'hint: Updates were rejected because the tip of your current branch is behindhi...原创 2020-10-14 16:43:13 · 771 阅读 · 0 评论 -
什么是虚拟dom: virtual dom?
vdom是什么?为什么存在?虚拟DOM是干什么的?这就要从浏览器本身讲起。在浏览器渲染网页的过程中,加载到HTML文档后,会将文档解析并构建DOM树,然后将其与解析CSS生成的CSSOM树一起结合产生爱的结晶——RenderObject树,然后将RenderObject树渲染成页面(当然中间可能会有一些优化,比如RenderLayer树)。这些过程都存在与渲染引擎之中,渲染引擎在浏览器中是于JavaScript引擎(JavaScriptCore也好V8也好)分离开的,但为了方便JS操作D原创 2020-05-18 10:24:54 · 239 阅读 · 0 评论 -
在div中打开指定的网址
<div name="oDiv"> <iframe src="about:blank" width="100px" height="100px" frameborder="1" scrolling="no" name="frame"></iframe></div> <a href="http://www.baid...原创 2020-04-27 13:50:20 · 2892 阅读 · 1 评论 -
jq 楼层效果
<style> *{ list-style:none; padding: 0; margin: 0; } #center{ position: fixed; top: 200px; left: 100px; cursor: pointer; ...原创 2020-04-23 17:18:29 · 241 阅读 · 0 评论 -
Object.keys
Object.keys()方法会返回一个由一个给定对象的自身可枚举属性组成的数组,数组中属性名的排列顺序和使用for...in循环遍历该对象时返回的顺序一致 。const params = new FormData();Object.keys(options).forEach(key => { params.append(key, options[key]);});O...原创 2020-03-27 15:28:09 · 160 阅读 · 0 评论 -
js 判断为null
let dataListList = nullif(!dataListList && typeof(dataListList)!='undefined' && dataListList!=0){ alert('暂时无数据'); return;}原创 2020-02-18 16:47:09 · 148 阅读 · 0 评论 -
wangeditor 动态生成多个
父组件引用<editor-bar v-model="item.dicVal" :isClear="isClear" :index="index" @change="change" @deleteIndex="delWelLange"></editor-bar><div class="weLanguageTemWrap" v-for="(item,index...原创 2020-02-13 17:33:25 · 2062 阅读 · 1 评论 -
wangeditor 限制获取输入字数
<template lang="html"> <div class="editor"> <div ref="toolbar" class="toolbar"> </div> <div ref="editor" class="text"></div> <p v-if='isShow' ...原创 2020-02-13 17:25:59 · 12637 阅读 · 0 评论 -
去掉除img以外的所有标签
var regL=/<\/?(?!img)[a-z]+?[^>]*>/gi;var z=this.info_.replace(regL,"");原创 2020-02-13 17:24:48 · 825 阅读 · 0 评论 -
获取纯文字
var temp = this.value.replace(/<\/?.+?>/g, "");var result = temp.replace(/ /g, "");//result为获取冲文字得到后的内容原创 2020-02-13 17:24:16 · 152 阅读 · 0 评论 -
js判断一个对象是否为空,循环对象操作
Object.keys()方法会返回一个由一个给定对象的自身可枚举属性组成的数组,数组中属性名的排列顺序和使用for...in循环遍历该对象时返回的顺序一致 。判断一个对象是否为空,可是通过Object.keys()这个方法通过判断它的长度来进行判断if (Object.keys(object).length === 0){ return '空的'}循环一个数组操作,...原创 2020-02-04 11:47:36 · 2263 阅读 · 0 评论 -
vue/js 删除二维数组指定的元素
let newArray = []this.selectedValue.forEach((itemP, indexP) => { newArray[indexP] = itemP.filter((itemL) => { return itemL !== item.value })})原创 2020-01-19 18:02:01 · 3456 阅读 · 1 评论 -
解决new Date的值为Invalid Date、NaN-NaN的问题
// 操作时间转换getFormatDate(row, column, cellValue) { var date = new Date(cellValue);// 时间戳为10位需*1000,时间戳为13位的话不需乘1000 var Y = date.getFullYear() + '-'; var M = (date.getMonth() + 1 < 10 ? '0' +...原创 2020-01-07 13:47:16 · 2944 阅读 · 0 评论 -
js 对象深拷贝
deepCopy(obj) { var that = this; var result = Array.isArray(obj) ? [] : {}; for (var key in obj) { if (obj.hasOwnProperty(key)) { if (typeof obj[key] === 'object' && obj[key] ...原创 2020-01-07 11:34:20 · 89 阅读 · 0 评论 -
vue-Emoji
链接地址:https://vuejsexamples.com/tag/emoji/原创 2019-12-05 14:08:22 · 1152 阅读 · 0 评论 -
btabs以多标签页载入页面的功能插件
文档链接https://terryz.github.io/btabs/docs.html用着还挺好用的原创 2019-12-03 16:30:41 · 343 阅读 · 0 评论 -
js 点击除div外的关闭div
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <link rel="stylesheet" type="text/css" href="http://cd...原创 2019-11-28 10:56:51 · 1621 阅读 · 0 评论 -
git 强制覆盖本地代码(与git远程仓库保持一致)
git强制覆盖:git fetch --allgit reset --hard origin/master // 与哪个分支保持一致就是哪个 比如 与dev分支保持一致git reset --hard origin/devgit pullgit强制覆盖本地命令(单条执行):git fetch --all &&git reset -...原创 2019-11-26 13:50:30 · 313 阅读 · 0 评论 -
idea显示工具栏、显示类路径、显示按钮、显示状态
简单解释下原创 2019-11-25 18:35:48 · 1565 阅读 · 0 评论 -
JQuery提示$(...).xGride is not a function解决方法
版本太低了,引入较高的版本jq原创 2019-11-25 17:24:00 · 212 阅读 · 0 评论 -
解决$ is not defined 的几种方法
$ is not defined ,有以下几种可能:1.没有导入jQuery的jar包2.jQuery的jar包放进了WEB-INF里,jQuery的jar包最好放在WebContent下,跟WEB-INF同级3.导入jQuery的路径名没有写对4.jQuery没有包含js5. jq的包放在你写的代码后面了,先加载的你的代码后加载的jq代码...原创 2019-11-25 17:02:16 · 4978 阅读 · 0 评论 -
layer.alert弹出会关闭layer.open弹出的窗口问题
解决方法:给layer.open加个 type:1 layer.prompt({ formType: 2, // value: row.bondMoney, title: '设置保证金金额', type:1, // 加一个type就可以了 打开 layer.alert 后layer.prompt就不会关闭了 ...原创 2019-11-18 15:59:58 · 2824 阅读 · 2 评论 -
JQ 如何获取多层JSON的数据
var oDiv = ''catgory.forEach((item,index) => { oDiv += "<div>" oDiv += "<p class='drugTitle'>"+item.name+"</p>" var itemList = item.list; oDiv += "<div>" ...原创 2019-11-18 14:07:03 · 1417 阅读 · 0 评论 -
js 树形结构
var render = function render (catgory) { if (!catgory) return null var ul = document.createElement('ul'); catgory.forEach(({name, list}) => { var li = document.createElement('l...原创 2019-11-18 10:20:50 · 351 阅读 · 0 评论