![](https://img-blog.csdnimg.cn/20201014180756930.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
JavaScript
時間不夠以後
越努力越幸运……
展开
-
常见的一些小函数集合
常见的一些小函数集合原创 2022-08-29 11:18:52 · 329 阅读 · 0 评论 -
数组对象中,相同key的对应值合并且去重
数组对象中,相同key的对应值合并且去重原创 2022-08-24 16:49:43 · 325 阅读 · 0 评论 -
通过render自定义复杂的tree组件
1. 自定义全局函数监控组件宽高变化;2. 完成多模版链路配置;3. 完成数据之间的拖拽;原创 2022-08-22 18:29:24 · 348 阅读 · 0 评论 -
重写window.open && location
重写window.open原创 2022-08-17 16:05:03 · 1633 阅读 · 0 评论 -
权重等比分配
数据等量分配问题原创 2022-07-28 15:24:25 · 140 阅读 · 0 评论 -
深度比较两个对象是否相同
深度比较两个对象是否相同原创 2022-07-27 17:06:06 · 78 阅读 · 0 评论 -
自定义插入页面标签以及实现类似通讯录的首字母搜索
对某个页面实现自定义标签的添加功能,同时支持动态的已有数据提示.其次对所有已有的标签实现类似于通讯录首字母搜索的功能原创 2022-06-27 19:24:30 · 140 阅读 · 0 评论 -
vue 项目中 v-for渲染的对应card点击切换显示,且对应card加选中样式
默认展示效果点击对应卡片:<template> <Row :gutter="8" style="margin-top: 14px;clear: both;"> <Col :xs="24" :sm="12" :md="8" :lg="4" v-for="(item, index) in curPageData" :key="index" > <Card s.原创 2021-12-02 11:49:06 · 932 阅读 · 0 评论 -
JavaScript - 流量单位换算
简易方法:function bytesToSize(bytes) { if (bytes === 0) return '0 B'; var k = 1024, sizes = ['B', 'KB', 'MB', 'GB', 'TB', 'PB', 'EB', 'ZB', 'YB'], i = Math.floor(Math.log(bytes) / Math.log(k)); return (bytes / Math.pow(k, i)).toPrecision(3) + ' ' +原创 2021-10-25 16:05:21 · 458 阅读 · 0 评论 -
嵌套tabs的使用:外层切换,导致内层tabs显示空白的问题
异常显示效果:根据iview官网中对tabs的属性,当嵌套使用 Tabs,设置该属性指向对应 Tabs 的 name 字段使用方法:<Tabs type="card" name="outTabs" value="tab1-1"> <TabPane label="tab1-1" name="tab1-1" tab="outTabs"> <Tabs name="innerTabs" value="tab2-1"> <TabPane label原创 2021-10-15 16:15:10 · 802 阅读 · 0 评论 -
iview-table实现自适应高度渲染表格条数
实现效果:<template> <div :style="{ height: scrollerHeight + 'px' }"> <div> <Input v-model="searchForm.name" icon="md-search" style="width: 30%;" @keyup.enter.native="search()"></Input> </div> <br>原创 2021-10-13 18:02:44 · 392 阅读 · 0 评论 -
iview-select 鼠标移入option,显示对应操作
目标效果:<template> <Select v-model="selectObj" filterable clearable style="width: 300px;" > <OptionGroup label="--- 测试1 ---"> <Option v-for="item in selectOptions1" :value="item.value"原创 2021-09-29 15:54:36 · 420 阅读 · 0 评论 -
vue路由跳转白屏问题
当前问题: 比如当前路由为: `/projectDetail?Id=1&name=页面1` 通过页面改变了路由参数Id `/projectDetail?Id=2&name=页面1` 此时做的操作是: this.$router.push({ name: 'projectDetail', query: { Id: this.id, name: this.name } }) this.$router.go(0) 在这种情况下,会导致页面整体刷新,且出原创 2021-09-23 15:10:04 · 6975 阅读 · 0 评论 -
前端随机密码生成 + 内容复制
<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> <style type="text/css"> #button { font-family: sans-serif; font-size: 15px; margin-top: 20px; border: 2px solid rgb(20.原创 2021-08-09 10:19:00 · 348 阅读 · 0 评论 -
vue - axios 取消仍在pending中的接口
需求:tabs切换时,调用相同接口(参数不同)渲染图表数据。(每 3s 请求一次)存在问题:在tabs切换的时候,因为定时器的原因,接口数据仍在pending,导致切换之后的图表第一条数据仍为上一个tabs的数据解决方案:第二次请求接口时,取消上一次请求。axios官方手册第一次未结束,不允许第二次请求定义一个变量,判断此时tabs是否切换,做对应的数据渲染具体js实现:取消上一次接口请求实现细节import axios from 'axios'export原创 2021-08-06 16:07:22 · 1724 阅读 · 1 评论 -
数组对象拼串
数组对象拼串var objs = [ { "id": 445, "pubId": 22, "propName": "MQ类型", "propCode": "mqType", "defaultValue": "1", "memo": "" }, { "id": 446, "pubId": 22, "propName": "MQ主题", "propCode": "mqTopic", "defaultValue": "", "memo": "" }]原创 2020-05-28 16:37:26 · 107 阅读 · 0 评论 -
数组对象去重 及 数组对象中找对应对象数据
let arr = [{id: 1,name: 'asdaad'},{id: 2, name: 'asda'},{id: 3,name: 'aa'},{id: 4,name: 'cc'}]let arr1 = [{id: 3,name: 'aa'},{id: 4,name: 'cc'}]// 方法1arr = arr.filter(item => { let list = arr1.map(v => v.id) return !list.includes(item.id)})co原创 2020-05-26 17:32:04 · 390 阅读 · 0 评论 -
AJAX原生创建过程
创建XMLHttpRequest对象,也就是创建一个异步调用对象创建一个新的HTTP请求,并指定该HTTP请求方法,URL及验证信息设置响应HTTP请求状态变化的函数.发送HTTP请求.获取异步调用返回的数据.使用JavaScript和DOM实现局部刷新.var myNewAjax = function (URL) { return new Promise (function (...原创 2020-03-08 15:37:35 · 82 阅读 · 0 评论 -
vue - element-ui - js_xlsx
上传excel表格,读取表格中的内容,直接渲染显示在页面<el-upload style="display: inline; margin-left: 10px;margin-right: 10px;" action="#" ref="fileupload" accept="application/vnd.ms-excel,application/vnd.openxmlfo...原创 2019-11-21 11:29:50 · 236 阅读 · 0 评论 -
禁止复制网页中的内容
<body> 用来测试页面内容是否可复制</body>方法一添加JavaScript函数,禁止右键以及Ctrl+C<script type="text/javascript"> document.oncontextmenu = function(){ return false } document.onkeydown=function(ev...原创 2019-11-18 20:01:42 · 137 阅读 · 0 评论 -
JavaScript复习
this按类分1> 如果是使用new方式创建的对象,this指向新建的哪个对象。2> 如果只是普通的调用,谁调用这个函数,函数的this就指向谁。按情况分1> 当在函数调用的时候指向window2> 当方法调用的时候指向调用对象3> 当用apply和call上下文调用的时候指向传入的第一个参数4> 构造函数调用指向实例对象...原创 2019-09-25 15:05:03 · 100 阅读 · 0 评论 -
ajax请求函数模块
/*ajax请求模块返回值:promise对象(异步返回的数据是:response.data) */import axios from 'axios'export default function ajax (url = '', data = {}, type = 'GET') { return new Promise(function (resolve, reject) { ...原创 2019-07-17 11:54:10 · 275 阅读 · 0 评论