javaScript
kidrue
这个作者很懒,什么都没留下…
展开
-
粘贴图片到网页
在全局document对象上绑定一个paste粘贴事件,然后遍历剪切板对象clipboardData中的items,根据type类型确定图片,并执行getAsFile()方法将其转换成二进制的file对象,此file对象和表单中的file文件上传框中的file对象,或者拖拽获取的file对象是同一个东西。// event.target.result就是图片的Base64地址啦。// 检索剪切板items。...转载 2022-08-15 11:05:37 · 458 阅读 · 0 评论 -
react路由无法跳转(To fix, cancel all subscriptions and asynchronous tasks in a useEffect cleanup function)
//问题:每次提交表单成功后跳转路由都回马上返回登陆页(手机必定出现,pc不出现)//react提示error:Can't perform a React state update on an unmounted component. This is a no-op, but it indicates a memory leak in your application. To fix, cancel all subscriptions and asynchronous tasks in a useEff原创 2021-10-25 17:40:41 · 2221 阅读 · 0 评论 -
api-cloule笔记
//自动登陆焦点切换 $("#telphone").bind('input propertychange', function() { var koustr = $api.val($api.dom('#telphone')); if (isMobileNumber(koustr)) { $("#telpwd").focus(); } }) //打开页面原创 2021-10-15 15:27:31 · 99 阅读 · 0 评论 -
vue3+vite相对路径处理
import { resolve } from 'path';function pathResolve(dir: string) { return resolve(process.cwd(), '.', dir);} resolve: { alias: [//别名 { find: 'vue-i18n', replacement: 'vue-i18n/dist/vue-i18n.cjs.js', },原创 2021-10-15 12:16:08 · 5200 阅读 · 2 评论 -
vue第二次进入时created方法不执行
watch: { $route() { //解决方法监听路由变化并执行相应方法即可 if (this.$route.query.ishit) { console.log(123); this.isshowModel = true this.domainlist = [] ..原创 2021-10-11 16:59:38 · 1160 阅读 · 0 评论 -
爬网站常用正则
href="#"//缓存链接tppabs="h[^"]*"href="[^"]*"//缓存http链接href="javascript:if\(confirm\('htt[^"]*"原创 2021-09-15 11:47:05 · 64 阅读 · 0 评论 -
input输入框自动补空格及删除时自动删除空格
//input输入框自动补空格及删除时自动删除空格 方法function phoneSpace(phone, isdelete, callback) { //如果是删除按键,则什么都不做 if (isdelete) { // 当最后一位字符为空时,去掉最后空格 if (phone.charAt(phone.length - 1) == " ") { phone = phone.substr(0, phone.length - 1)原创 2021-09-09 15:50:22 · 806 阅读 · 0 评论 -
vue实现下拉选择框功能
.taskSort { width: 100%; justify-content: space-around;}.taskSort span:first-child{ width: 4rem;}.zkicon { margin-left: 0.5rem; width: 0; height: 0; border-left: 0.45rem solid transparent; border-right: 0.45rem solid tran原创 2021-05-20 17:23:04 · 3568 阅读 · 0 评论 -
vue项目中实现批量数据的 时间倒计时
<template> <div> <div class="timeText">距结束 {{ item.timeText }}</div> </div></template> data() { return { lists: this.list, timer: [], timeShow: [], } }, .原创 2021-05-14 13:59:11 · 430 阅读 · 0 评论 -
对多维数组进行数据平铺处理,并进行去重排序
var a = [ [1, 2, 3, 11], [2, 3, 5, 1, [12, 22, 33, [31, 32, 53]]], [1, 5, 6], [2, 8, 4], 9, 10, 2, 1 ]; console.log(a); var b = []; test(a) console.log(b); ..原创 2021-04-21 17:05:06 · 670 阅读 · 0 评论 -
Vue处理接口数据时for循环处理后 vue不能实时渲染
//用map即可 原理我也不清楚 有想法的话希望各位指定一下 const res = await getdashboardData(); if (res.code == 200) { this.dataInfo = res.data.map(function (item, i) { item.background = { background: 'url(' + require('../../assets/dashboard/ic原创 2021-04-14 15:25:53 · 237 阅读 · 0 评论 -
vue项目创建
首先安装号node.js安装淘宝 NPM 镜像$ npm install -g cnpm --registry=https://registry.npm.taobao.org项目初始化cnpm install vue-cli -g//全局安装 vue-cli查看安装好的版本号vue list//查看vue版本号创建项目名称vue init webpack ”项目名称“项目模块安装 npm install 或 cnpm install运行项目 npm run dev原创 2021-04-13 15:17:33 · 66 阅读 · 0 评论 -
vue-element 处理路由权限分配
// 获得用户信息 const { roles } = await store.dispatch('user/getInfo') // 根据角色生成可访问路由图 const accessRoutes = await store.dispatch('permission/generateRoutes', roles) // 动态添加可访问路由 router.addRou...原创 2021-04-05 18:41:22 · 237 阅读 · 0 评论 -
echarts 实现相应区域人数显示
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>区域代理</title> <link rel="stylesheet" href="../css/map.原创 2021-04-05 18:38:49 · 587 阅读 · 0 评论 -
在textarea相应地方插入相应字段
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title></head><form action="a.cgi"> <table border="1" cellspacing="0" cellpadding="0"> <tr>原创 2021-04-05 18:31:14 · 203 阅读 · 0 评论 -
前端手写实现移动端轮播图
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0"> <title>Document<原创 2021-04-05 18:30:36 · 307 阅读 · 0 评论 -
前端手写实现进度条下载
table { border-collapse: collapse; border-spacing: 0px; border: none;}.updateText { position: absolute; width: 80%; height: 100px; top: 58%; left: 10%; font-size: 14px; overflow: scroll; background-color: #fff;原创 2021-04-05 18:09:53 · 311 阅读 · 1 评论 -
apiClould实现广告弹出模态窗
apiready =function(){ api.addEventListener({ name: 'evt_close_dialog' }, function(ret, err) { console.log("关闭弹出框:" + ret.value.dialogid); dialogMgr.closeDialog(ret.value.dialogid); // check_dia原创 2021-04-05 18:07:29 · 80 阅读 · 0 评论 -
验证码返回定时
$('.feachBtn').click(function() {//count设置定时时间 let count = 60; const countDown = setInterval(() => { if (count === 0) { $('.feachBtn').text('重新发送').removeAttr('disabled'); $('.feachBtn').css({ background: '#ff9400',原创 2020-10-30 14:55:09 · 88 阅读 · 0 评论 -
const关键字解析
const常量声明可以改变其值,但是无法改变指针指向的内存地址const声明时必须初始化,即const a=123;而非var一般的声明var b;原创 2020-08-04 17:52:25 · 176 阅读 · 0 评论 -
js巧妙简洁实现复制功能
html:点击复制javascript代码:function copy(id) {var Url2=document.getElementById(id).innerText;var oInput = document.createElement(‘input’);oInput.value = Url2;document.body.appendChild(oInput);oInpu...原创 2019-03-17 22:37:35 · 319 阅读 · 0 评论