![](https://img-blog.csdnimg.cn/20201014180756928.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
js
web_hj
这个作者很懒,什么都没留下…
展开
-
小程序防抖
let debounce = { map:[], isValidClick:function(key, wait=1000){ let item = this.getItem(key); if(!item){ if(this.map.length >10){ this.map.shift() } this.map.push({key:key,tick:new Date().getTime()}); return .原创 2021-07-26 08:59:32 · 119 阅读 · 0 评论 -
Es6 笔记
Es6笔记1.Object.is()Object.is(a,b);两个值是否相等var a = 1;var b = 2;Object.is(a,b); //false严格比较运算符(===)的行为基本一致不同之处只有两个:一是+0不等于-0,二是NaN等于自身+0 === -0 //trueNaN === NaN // falseObject.is(+0, -0) // falseObject.is(NaN, NaN) // true2.Object.defineProperty原创 2021-07-17 15:07:36 · 96 阅读 · 0 评论 -
js 获取网络图片 压缩 裁剪 并上传
最近公司在做小程序直播,需要在公司后台添加直播商品,创建商品有要求 要求图片的尺寸是 1:1的。公司有上千种产品准备是让运营人员直接选择商品 将需要的资料自动添加进去 点击确定就行公司产品都是有商品图片的 但是图片的尺寸 不是1:1 而且图片都是大图,所以需要将图片进行压缩 后裁剪 再上传下面开始了 :点击【选择】按钮后1.将当前商品图片的url 转base64 ; 为什么要转呢 因为直接用url,toDataURL() 和putImageData()会报跨域错误getBa...原创 2020-07-24 10:22:15 · 1034 阅读 · 0 评论 -
ES6 模块化时出现错误
1. script 中 记得添加 type="module" 记得将编辑器的js版本设置为ES6a.jsimport {sex,echo} from "./b.js"console.log(sex);echo("adf")b.jsvar sex="boy";var echo=function(value){ console.log(value)...原创 2020-03-07 10:27:35 · 586 阅读 · 0 评论 -
js xlsx 的导出
1.安装依赖npm install -S file-saver xlsxnpm install -D script-loader2.项目中src下新建一个js文件夹放入两个文件Blob.js和 Export2Excel.js3.使用onExport:function(){ // console.log('导出EXCEL'); const list = t...原创 2020-01-10 11:00:12 · 599 阅读 · 0 评论 -
js 防抖
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title></head><body> <button onclick="aclick()">抖动测试1</but...原创 2019-12-19 14:15:28 · 96 阅读 · 0 评论 -
js 深拷贝
1.function deepClone(obj) { let result; if (typeof obj == 'object') { result = isArray(obj) ? [] : {} for (let i in obj) { result[i] = isObject(obj[i]) ? deepClone(...原创 2019-12-13 17:51:01 · 100 阅读 · 0 评论 -
Js递归方法解决兔子问题 (斐波那契数列)
思路分析:月份 兔子数 说明1 1(对) 从开始有一对兔子2 13 1+1 原本有一对 从第三个月开始 生了一对 一共是两对兔子4 1+1+1 生了第二对5 1+1+1+1+1 生了第三对兔子 同...原创 2019-11-26 14:17:05 · 1734 阅读 · 0 评论 -
表格拖拽改变列宽
<template> <div> <div> <table> <thead> <tr> <th v-for="item,index in heads" :id="'th_'+index" style="width:120px;"> ...原创 2019-06-01 08:53:55 · 1443 阅读 · 0 评论 -
免费API接口
http://www.bejson.com/knownjson/webInterface/电商接口淘宝商品搜索建议:http://suggest.taobao.com/sug?code=utf-8&q=商品关键字&callback=cb用例 ps:callback是回调函数设定 物流接口快递接口:http://www.kuaidi100.com/query?...转载 2019-05-18 10:42:18 · 9954 阅读 · 0 评论 -
web端插入百度地图
1. 获得百度动图的密钥http://lbsyun.baidu.com/apiconsole/key2.百度提供的地图生成器工具http://api.map.baidu.com/lbsapi/createmap/index.html;3.生成一个地图,并进行相关的配置4.点击获取代码,会跳出来一个框里显示你创建的地图的HTML代码,copy最核心的代码到你的页面中,然后把第一个...转载 2019-05-11 17:28:33 · 1334 阅读 · 0 评论 -
js 复制到剪贴板
functioncopy() {varwxCopy=document.getElementById("weixin");wxCopy.select();// 选择对象document.execCommand("Copy");// 执行浏览器复制命令document.activeElement.blur(); //手机键盘}<div...转载 2019-05-11 17:24:36 · 118 阅读 · 0 评论 -
es6 import 和export 的简单使用
a.jsvar a = 'abc';export {a};b.jsimport {a} from './a.js';console.log(a); // abc;index.html<!doctype html><html><head> <meta charset="UTF-8"> <ti...原创 2019-02-28 14:02:30 · 362 阅读 · 0 评论 -
js 数组几个常用API
1.数组方法 map();var arr = [1,2,3,4,5,6];var b = arr.map(el=>el+'a'); // arr.map((el)=>{return el+'a'})console.log(b) // (6) ["1a", "2a", "3a", "4a", "5a", "6a"]map:返回一个数组,其中每个元素都使用指定函数...原创 2019-03-26 15:31:43 · 390 阅读 · 0 评论 -
web 端 打开qq对话框
1.//123456789 为要开启的qq号码 会打开新的页面<a target="_blank" href="http://wpa.qq.com/msgrd?v=3&uin=123456789&site=qq&menu=yes"> <img src="../../images/qq_img" class="qq_img">&l...原创 2019-05-10 10:30:15 · 927 阅读 · 0 评论 -
js prototype 扩展
/** * 给字符串原型对象上添加 方法 可全局使用 * * var str = "13212345678"; * str.isMobile() // true * * **/String.prototype.isMobile = function () { let reg = /^1[3-9]\d{9}$/; //let bool = reg.test(this);...原创 2019-05-15 09:22:06 · 177 阅读 · 0 评论 -
call()、apply()、bind()
call()、apply()、bind() 都是用来重定义 this 这个对象的!var name = "123s" ,age = 88;var obj = { name:"321s", objAge:this.age, myfun:function(){ console.log(this.name + "年龄" + this.age); }...转载 2019-05-11 17:18:50 · 77 阅读 · 0 评论 -
中国省份-市级城市数组
cityList:[ {province:'北京',city:['北京市']}, {province:'天津',city:['天津市']}, {province:'河北省',city:['石家庄市','唐山市','秦皇岛市','邯郸市','邢台市','保定市','张家口市','承德市','沧州市','廊坊市','衡水市']}, ...原创 2019-05-11 17:21:16 · 6174 阅读 · 4 评论 -
js 正则
. 查找单个字符 除了换行和结束符 \w查找单词字符。 \W查找非单词字符。 \d查找数字。 \D查找非数字字符。 \s查找空白字符。 \S查找非空白字符。 \b匹配单词边界。 \B匹配非单词边界。 \0查找 NUL 字符。 \n查找换行符。 \f查找换页符。 \r查找回车符。 ...原创 2019-05-11 17:22:04 · 539 阅读 · 0 评论 -
获取url参数
window.location.search //网页路径? 及后面的内容;window.location.href // 网页整个路劲;var str = "?id=123456789&target=987654321&name=weixin"; 模拟window.location.search;function get(name){var reg =...转载 2019-05-11 17:23:40 · 94 阅读 · 0 评论 -
js 数组 按属性进行排序
var arr = [ {name:'a11',age:'13',state:0},{name:'a12',age:'13',state:1},{name:'a13',age:'13',state:-1},{name:'a14',age:'13',state:1},{name:'a15',age:'13',state:0},{name:'a16',age:'13',state:0...原创 2018-12-19 14:07:31 · 629 阅读 · 0 评论