javascript
javascript技术
心宽路阔走天下
这个作者很懒,什么都没留下…
展开
-
JavaScript常用功能代码块汇集
1.web下载export default function download(fileName: string, url: string) { const a = document.createElement('a'); /// 创建a标签 const e = document.createEvent('MouseEvents'); /// 创建鼠标事件对象 e.initEvent('click', false, false); /// 初始化事件对象 a.href = url; a原创 2021-07-28 15:23:37 · 90 阅读 · 0 评论 -
axios通过cancelToken对象来取消用户重复提交的请求
axios通过cancelToken对象来取消用户重复提交的请求配置,如下:import axios from 'axios';//获取cancelToken对象const CancelToken = axios.CancelToken;//缓存对应的api和对应的cancelToken实例化对象let cancelTokenMap = new Map();const service = axios.create({ baseURL: process.env.BASE_URL,原创 2021-06-03 17:03:33 · 278 阅读 · 0 评论 -
javascript中比较重要而经常被忽略的几个对象File,FormData,Blob,FileReader,URL
1.File文件对象:文件上传时,上传的数据对象就是File文件对象。此对象包括以下几个属性:lastModified:文件的最后修改时间戳lastModifiedDate:文件的最后修改时间对象name: 文件名size: 文件大小type:文件类型webkitRelativePath: File 相关的 path 或 URL2.FormData表单数据对象常用方法:append:添加属性delete:删除属性entries: 获取键值的数组forEach: 遍历对象属性ge原创 2021-06-02 08:17:36 · 787 阅读 · 0 评论 -
探索字符串与函数方法的转换
之前在看vue的源码的时候,发现一个渲染函数的方法:new Function(‘width:’+字符串);目前在项目中也尝试此方法,如下:this.$nextTick(() => {if (this.baseInfo.site_code) {new Function(‘width:’ + this.baseInfo.site_code)()}})baseInfo.site_code是函数方法内容的字符串。例如:new Function(‘width:alert(666)’)();原创 2021-05-27 17:45:31 · 403 阅读 · 0 评论 -
web前端批量下载文件和图片探索
1.图片,文件批量下载(不跨域的情况下)import JSZip from 'jszip';import {saveAs} from 'file-saver';import axios from 'axios'const getFile = url => {return new Promise((resolve, reject) => {let obj = {method: ‘get’,url,// responseType: ‘blob’responseType: ‘ar原创 2021-05-26 12:52:46 · 3265 阅读 · 0 评论 -
工具包常用方法汇集,收集中。。。
工具包常用方法汇集export const os = function () {var ua = navigator.userAgent,isWindowsPhone = /(?:Windows Phone)/.test(ua),isSymbian = /(?:SymbianOS)/.test(ua) || isWindowsPhone,isAndroid = /(?:Android)/.test(ua),isFireFox = /(?:Firefox)/.test(ua),isChrome原创 2021-05-17 19:07:38 · 73 阅读 · 0 评论 -
免费cdn资源汇总
1.jsdelivrhttps://www.jsdelivr.com/原创 2021-04-02 17:27:07 · 1452 阅读 · 0 评论 -
JavaScript中的this作用域
1.在全局作用域中,this指向window;2.在对象中(或者方法调用中),this指向对象(谁调用指向谁);3.构造函数中,this指向新创建的对象本身4.在apply和call中,this指向调用者;5.箭头函数中,this指向外层作用域的this;...原创 2021-02-21 12:29:29 · 322 阅读 · 0 评论 -
判断JavaScript的常用对象类型的方法和是否包含某个属性的判断
1.判断对象类型的方法://万能的类型判断方法,可以判断所有对象的类型const objectToString = Object.prototype.toString;const toTypeString = (value) => objectToString.call(value);//判断是否是Arrayconst isArray = Array.isArray;//判断是否是Mapconst isMap = (val) => toTypeString(val) === '[o原创 2021-02-21 11:13:16 · 163 阅读 · 1 评论 -
深拷贝实现方式
1.用JSON.parse()与JSON.stringify()组合。例如:let cc={name:‘111’};let bb = JSON.parse(JSON.stringify(cc));bb.name=“22”;cc.name // “111”;2.用es6的展开符运算。let dd={name:‘111’};let ee = {…dd};ee.name=“333”;dd.name //“111”;3.如果是数组,可以使用数组的slice()方法。let arr =[11,原创 2021-02-04 15:52:32 · 86 阅读 · 0 评论 -
cookie的增删改方法的封装
cookie: { set(name, value) { var Days = 30 var exp = new Date() exp.setTime(exp.getTime() + Days * 24 * 60 * 60 * 1000) document.cookie = name + '=' + escape(value) + ';expires=' + exp.toGMTString() }, get(name) { ..原创 2021-01-29 14:23:49 · 65 阅读 · 0 评论