javascript
关注
分享
扫一扫
文章平均质量分 58
diaojw090
人工智能
展开
专栏收录文章
- 默认排序
- 最新发布
- 最早发布
- 最多阅读
- 最少阅读
-
实现遍历异步函数for await of (图片加载canvas绘图)
示例：以下为核心代码：1.异步加载图片的组件<Image style={{width: '100%', height: '120px'}} src={item.image} preview={{ src: imageUrl, visible: !!imageUrl, onVisibleChange: (visible, prevVisible) => { console.log(vi原创 2021-05-19 20:15:11 · 441 阅读 · 0 评论 -
arr to tree
数组数据var list = [ {id:1,pid:0,name:'一级'}, {id:2,pid:1,name:'一级1'}, {id:3,pid:1,name:'一级2'}, {id:4,pid:2,name:'一级1-1'}] // 数组转treefunction composeTree(list = []) { const data = JSON.parse(JSON.stringify(list)) // 浅拷贝不改变源数据 const resul原创 2021-03-18 21:20:22 · 291 阅读 · 0 评论 -
useState修改对象的字段
首先定义一个空对象 const [dataSelect, setDataSelect] = React.useState({})给这个对象附上不同值，但不会把原来的覆盖的掉 const select = (e, item, type) => { const data = { ...dataSelect } if (type == 'price') { setSelectNO(e) data.min_price = item.min_price原创 2021-02-24 09:55:53 · 2604 阅读 · 0 评论 -
ant+transfer+ts
代码可直接运行import React, { useState } from 'react';import { Transfer, Tree } from 'antd';// Customize Table Transferconst isChecked = (selectedKeys:any, eventKey:any) => selectedKeys.indexOf(eventKey) !== -1; interface TreenodeInter { key:any; tit原创 2021-02-23 21:06:09 · 378 阅读 · 0 评论 -
require.context()的用法详解
require.context(directory,useSubdirectories,regExp)directory:表示检索的目录useSubdirectories：表示是否检索子文件夹regExp:匹配文件的正则表达式,一般是文件名例如 require.context("@/views/components",false,/.vue$/)1、常常用来在组件内引入多个组件。const path = require('path')const files = require.contex原创 2020-12-07 20:17:54 · 43210 阅读 · 1 评论 -
el-tree增删改功能记录
el-tree增删改功能记录需实现功能：添加同级节点添加子级节点重命名节点删除节点HTML <el-tree ref="tree" :data="data" node-key="id" default-expand-all draggable> <div class="tree-node" slot-scope="{ node, data }"> <div class="tree-node"> &l原创 2020-06-22 09:14:32 · 625 阅读 · 0 评论 -
react BrowserRouter情况的配置，部署指定路径出现页面空白
报错： 顺序问题解决方法：引入多个组件时，顺序一=一致。原创 2020-06-10 20:36:34 · 3535 阅读 · 0 评论 -
v-slot用法
vue 2.6 插槽更新 v-slot 用法总结在 2.6.0 中，我们为具名插槽和作用域插槽引入了一个新的统一的语法 (即 v-slot 指令)。它取代了 slot 和 slot-scope 这两个目前已被废弃但未被移除且仍在文档中的特性。插槽我的理解就是父页面在组件标签内插入任意内容,子组件内插糟slot控制摆放位置(匿名插槽,具名插槽)插槽分类插槽一共就三大类1.匿名插槽(也...原创 2020-01-20 11:28:44 · 1556 阅读 · 0 评论 -
各种表格导出
1.依赖xlsx，fileSaver两个库示例：<template> <div class="common-table" style="width:100%"> <el-table v-loading="loading" element-loading-text="...原创 2019-12-25 15:23:09 · 312 阅读 · 0 评论 -
图片动画播放
video stopplayvar play = function (val) {// loading进度var percent = Math.round(100 * store.length / maxLength);eleLoading.setAttribute(‘data-percent’, percent);eleLoading.style....原创 2019-12-19 10:56:14 · 151 阅读 · 0 评论 -
埋点知识
1.创建一个跟踪网址；2.生成对应的userId；3.html中使用；3.1 普通html页面中使用var _paq = window._paq || []; /* tracker methods like "setCustomDimension" should be called before "trackPageView" */ _paq.push(['trackPag...原创 2019-12-19 10:50:49 · 1427 阅读 · 1 评论 -
3D--echarts地图-world
Title原创 2019-11-22 16:43:27 · 234 阅读 · 0 评论 -
后端返回数据导出excel表格
1.vue组件js// 导出 download() { this.downloadLoading = true this.initExcelCanteenDetail() },2.封装函数 async initExcelCanteenDetail() { // if (!await this.beforeInitExcel()) { ...原创 2019-10-21 19:47:23 · 1860 阅读 · 0 评论 -
mixins混入简化常见操作
删除线格式 我们在开发中经常会遇到金钱保留两位小数，时间戳转换等操作。每次我们会写成一个公共函数，然后在页面里面的filters进行过滤。这种方法每次，但是感觉每次需要用到，都要写一遍在filters，也是比较烦呢！！！但是，我们猿类的极致追究就是懒呀，那这怎么能行~~~兄弟们，抄家伙！上mixins！！！import { u_fixed } from './tool'const mixin...原创 2019-09-29 11:51:44 · 348 阅读 · 0 评论 -
前端开发100个相关知识点
HEAD: 与 GET 相同，但只返回 HTTP 报头，不返回文档主体PUT: 上传指定的 URI 表示DELETE: 删除指定资源OPTIONS: 返回服务器支持的 HTTP 方法CONNECT: 把请求连接转换到透明的 TCP/IP 通道POST: 向指定的资源提交要被处理的数据2.GET与POSTGET 请求可被缓存GET 请求保留在浏览器历史记录中GET 请求可被收藏为书...原创 2019-09-27 09:48:10 · 253 阅读 · 0 评论 -
函数JS
3.解构参数在JS函数参数中，咱特别喜欢的是解构的特性。可以将内联参数的对象或数组进行解构。这个特性使得从参数对象中提取一些属性非常有用function greet({ name }) { return `Hello, ${name}!`;}const person = { name: '前端小智' };greet(person); // => 'Hello, 前端小智!'...原创 2019-09-23 11:53:10 · 110 阅读 · 0 评论 -
CryptoJS DES加密
CryptoJS DES加密<!DOCTYPE html><html><head><meta charset="utf-8"><meta http-equiv="Content-Type" content="text/html; charset=UTF-8"><title>Testing websockets<...转载 2019-04-25 11:31:30 · 2962 阅读 · 1 评论 -
web判断外网内网
直接呓代码//判断是否内外网 20190505 export function isInnerIPFn(){ //返回的地址值 var BASE_URL = '' // 获取当前页面url var curPageUrl = window.location.href; console.log('curPageUrl-0 '+curPageUrl); var reg...原创 2019-05-06 10:59:21 · 761 阅读 · 0 评论 -
js清除浏览器缓存的几种方法
浏览器缓存，有时候我们需要他，因为他可以提高网站性能和浏览器速度，提高网站性能。但是有时候我们又不得不清除缓存，因为缓存可能误事，出现一些错误的数据。像股票类网站实时更新等，这样的网站是不要缓存的，像有的网站很少更新，有缓存还是比较好的。今天主要介绍清除缓存的几种方法。清理网站缓存的几种方法meta方法<META HTTP-EQUIV="pragma" CONTENT="no-cach...原创 2019-05-16 10:51:58 · 17575 阅读 · 0 评论 -
js时间格式处理
function dateFtt(fmt,date) { //author: meizz var o = { "M+" : date.getMonth()+1, //月份 "d+" : date.getDate(), //日 "h+" : date.getHours(),...原创 2019-05-31 10:27:10 · 1155 阅读 · 0 评论 -
quesBug
1.queryselectAll获取元素,得到的是伪数组,ie不兼容伪数组的方法,需要转换为真数组;arr = Array.from(arr)原创 2019-06-26 08:23:43 · 117 阅读 · 0 评论 -
js前端3des加密 后台java解密
import java.security.Key;import java.security.SecureRandom;import javax.crypto.Cipher;import javax.crypto.SecretKeyFactory;import javax.crypto.spec.DESedeKeySpec;import sun.misc.BASE64Decoder;im...转载 2019-07-18 10:44:26 · 785 阅读 · 0 评论 -
JS数字指定长度不足前补零的实现
JS数字指定长度不足前补零的实现问题描述：要求输出的数字长度是固定的，如长度为2，数字为1，则输出01，即不够位数就在之前补足0。解决方法：方法1Javascript代码 收藏代码function fn1(num, length) {return (num/Math.pow(10,length)).toFixed(length).substr(2);}方法2Javascrip...原创 2019-07-23 20:19:58 · 5611 阅读 · 0 评论 -
日历--js
<template> <div id='calendar'> <!-- 年份 月份 --> <div class='month'> <ul> <!--点击会触发pickpre函数，重新刷新当前日期 @click(vue v-on:click缩写) --> <l...原创 2019-07-17 15:09:25 · 132 阅读 · 0 评论 -
md5与crypto-js加密
<template> <div class="login"> <section class="form_contianer"> <div class="manage_tip"> <img src="../../assets/images/icon_logo.png" alt=""> ...原创 2019-07-17 22:08:49 · 481 阅读 · 0 评论 -
算法（排序）
1.数组对象： this.tableDataArr = [{early_ratio:5,name:wang},{early_ratio:10,name:li},{early_ratio:20,name:chen}] var objectArraySort = function (keyName) { return function (objectN, objectM) { ...原创 2019-08-20 16:45:07 · 94 阅读 · 0 评论 -
数组降维
1.Array.prototype.concat.apply([],arr)原创 2019-08-21 16:51:04 · 634 阅读 · 0 评论 -
JS浏览器端文本转语音，Vedio标签
JavaScript浏览器端文本转语音文本合成语音上面我们是直接使用了 speakText(text) 和 stopSpeak() 两个方法来触发语音的朗读和停止。我们来看下如何实现这个两个功能。其实现代浏览器默认已经提供了上面功能：var speechSU = new window.SpeechSynthesisUtterance();speechSU.text = 'Hello,W...转载 2019-09-18 11:30:45 · 647 阅读 · 0 评论 -
函数节流与防抖
节流概念(Throttle)按照设定的时间固定执行一次函数，比如200ms一次。注意：固定就是你在mousemove过程中，执行这个节流函数，它一定是200ms（你设定的定时器延迟时间）内执行一次。没到200ms，一定会返回，没有执行回调函数的。主要应用场景有：scroll、touchmove防抖概念(Debounce)抖动停止后的时间超过设定的时间时执行一次函数。注意：这里的抖动停止表示...原创 2019-09-20 09:26:04 · 190 阅读 · 0 评论 -
数组方法
整理目前所用过的数组方法，学习了新增的es6方法。1 arr.push() 从后面添加元素，返回值为添加完后的数组的长度let arr = [1,2,3,4,5]console.log(arr.push(5)) // 6console.log(arr) // [1,2,3,4,5,5]2 arr.pop() 从后面删除元素，只能是一个，返回值是删除的元素let arr = [1,2...原创 2019-03-30 10:05:22 · 500 阅读 · 0 评论