![](https://img-blog.csdnimg.cn/20201014180756918.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
js
Allen·赵
幸福都类似,悲伤却又千万种
展开
-
axios 取消请求:CancelToken
axios 取消请求:CancelToken原创 2022-12-01 17:57:22 · 9431 阅读 · 1 评论 -
axios拦截器: axios.interceptors.request.use,axios.interceptors.response.use
axios拦截器: axios.interceptors.request.use,axios.interceptors.response.use原创 2022-12-01 16:24:09 · 4061 阅读 · 0 评论 -
axios (get,post,put,delete),常用配置,全局配置,axios.create(config)配置一个新的axios
axios (get,post,put,delete),常用配置,全局配置,axios.create(config)配置一个新的axios原创 2022-12-01 15:47:56 · 4729 阅读 · 0 评论 -
Promise中 异步async(高冷女)和 等待 await(舔狗)
Promise中 异步async(高冷女)和 等待 await(舔狗)原创 2022-11-30 20:23:07 · 184 阅读 · 0 评论 -
Promise实例.then()链式调用,中段Promise链,Promise错误穿透.catch()
Promise实例.then()链式调用,中段Promise链,Promise错误穿透.catch()原创 2022-11-30 16:36:40 · 1027 阅读 · 0 评论 -
Promise API :new Promise(),prototype.then,prototype.catch,resolve,reject,all,race
Promise API :new Promise(),prototype.then,prototype.catch,resolve,reject,all,race原创 2022-11-30 13:38:29 · 151 阅读 · 0 评论 -
Promise 的状态, promise 指定多个成功/失败回调函数,都会调用吗?
实例对象promise中的一个属性 PromiseStatepending 变为 resolved/fullfilledpending 变为 rejected注意对象的状态不受外界影响只有这两种,且一个 promise 对象只能改变一次一旦状态改变,就不会再变,任何时候都可以得到这个结果无论成功还是失败,都会有一个结果数据。成功的结果数据一般称为 value,而失败的一般称为 reason。原创 2022-11-29 16:07:52 · 1232 阅读 · 0 评论 -
Promise基本使用 ,promise 与 Ajax封装
btn.addEventListener('click',function(){//添加点击事件。//第一个回调函数onResolved()是Promise对象的状态变为resolved时调用。//第二个回调函数onRejected()是Promise对象的状态变为rejected时调用。//这两个函数都是可选的,不一定要提供。setTimeout(()=>{ //包裹一个异步操作。对象用来封装一个异步操作并可以获取其成功/失败的结果值。//then方法可以接受两个回调函数作为参数。这几个方法,原型上有。原创 2022-11-29 14:15:51 · 596 阅读 · 0 评论 -
new Map()详细介绍 map .set(key,value)map.sizemap.get(key)map.has(key)map.delete(key)map.clear()
new Map()详细介绍map .set(key,value)map.sizemap.get(key)map.has(key)map.delete(key)map.clear()原创 2022-11-17 17:58:58 · 1945 阅读 · 0 评论 -
vue2.0有关时间戳 时间的公共方法(YYYY-MM-DD HH:mm:ss,YYYY-MM-DD,HH:mm:ss,转化为 utc 时间,utc转标准时间,相对时间,日/月/年 时:分:秒)
vue2.0有关时间戳 时间的公共方法(YYYY-MM-DD HH:mm:ss,YYYY-MM-DD,HH:mm:ss,转化为 utc 时间,utc转标准时间,相对时间,日/月/年 时:分:秒)原创 2022-11-17 14:09:43 · 911 阅读 · 0 评论 -
js中通用验证器(合法uri,大写、小写、大小写字母,email,phone,国际电话,password)
js中通用验证器(合法uri,大写、小写、大小写字母,email,phone,password)原创 2022-11-17 13:46:02 · 200 阅读 · 0 评论 -
i18n vue 多语言配置,切换刷新(setLocaleMessage,mergeLocaleMessage)
i18n vue 多语言配置,切换刷新(setLocaleMessage,mergeLocaleMessage)原创 2022-11-16 17:35:06 · 6284 阅读 · 3 评论 -
new Array(n).fill()创建数组
new Array(n).fill()创建数组原创 2022-11-15 14:54:19 · 1910 阅读 · 0 评论 -
vue中的滚动效果: better-scroll
vue中的滚动效果: better-scroll原创 2022-11-04 15:54:13 · 1030 阅读 · 0 评论 -
vue+axios 前端实现登录拦截的两种方式(路由拦截:beforeEach、http拦截,axios请求拦截,响应拦截)
vue+axios 前端实现登录拦截的两种方式(路由拦截、http拦截,axios请求拦截,响应拦截)原创 2020-10-11 11:05:36 · 7038 阅读 · 0 评论 -
JavaScript 数组的 reduce() 方法
reduce() 方法为数组中的每一个元素依次执行回调函数(不包括数组中被删除或从未被赋值的元素),返回一个具体的结果。原创 2022-10-27 10:04:54 · 154 阅读 · 0 评论 -
JS的sort()方法 - 用法 以及箭头函数写法
JS的sort()方法 - 用法 以及箭头函数写法原创 2022-10-26 17:31:33 · 616 阅读 · 0 评论 -
二维数组去重,数组对象去重
结论:filter和Reduce时间上差别不是太大,filter稍微更快一些,但是filter语法更简洁。代码简洁,好用,4行代码搞定,平均耗费时间最短,五星推荐。代码稍多,平均耗费时间和第一不分伯仲,四星推荐。耗费时间较一二稍多,但是耗费时间平均,三星推荐。使用filter和Map 🌟🌟🌟🌟🌟。使用reduce 🌟🌟🌟🌟。for循环 🌟🌟🌟。原创 2022-10-26 14:38:02 · 776 阅读 · 1 评论 -
JavaScript 循环中Continue语句
在JavaScript中,使用continue语句重新启动循环的新迭代。原创 2022-10-26 10:53:37 · 897 阅读 · 0 评论 -
jQuery/axios/fetch
前端 3 种Ajax请求方式(jQuery/axios/fetch)详解前言一、jQuery二、axios三、fetch四、总结前言目前市面上前端请求接口的主流方式是 Ajax(Asynchronous JavaScript and XML),而封装的 Ajax 有 3 种,在单页面应用还没出现的时候,最原始的 jQuery 使用最频繁。后来 axios 与 fetch 也相继而出。本文主要分享这 3 种 Ajax 请求方式的使用与异同。一、jQuery$.get//只请求网页或数据,没原创 2020-10-09 08:21:09 · 750 阅读 · 0 评论 -
vue 2.0使用tinymce-vue富文本
vue 2.0使用tinymce-vue富文本原创 2022-10-19 11:04:49 · 1191 阅读 · 0 评论 -
TinyMce 中文资源包
TinyMce 中文资源包转载 2022-10-19 10:39:41 · 986 阅读 · 0 评论 -
vue中实现上传 ,下载功能
使用 element 组件库 https://element.eleme.cn/#/zh-CN/component/upload。上传功能(包括上传图片,上传文件)如果是文件流的形式,需要借用a标签。原创 2022-10-15 18:15:45 · 2002 阅读 · 0 评论 -
Vue中使用vue-quill-editor富文本编辑器
需求:分为左右两侧部分,左侧为富文本编辑区域,右侧为显示区域。1.点击右侧选中区域时,左侧编辑区域显示对应值,2.左侧编辑时,右侧应该绑定显示。封装组件 (子组件)原创 2022-10-13 16:13:27 · 864 阅读 · 0 评论 -
this[i]与this.i
2.this[i] 指的this对象中的i属性 ,相当于this[i] == this.i。1.this对象指的是window或者调用这个函数的对象。原创 2022-10-13 10:18:07 · 184 阅读 · 0 评论 -
http网址切割以及split()方法的使用 ===》 切割http公共函数
http网址切割以及split()方法的使用 ===》 切割http公共函数原创 2022-10-08 09:26:40 · 460 阅读 · 0 评论 -
响应式原理==》rem
响应式原理---》rem原创 2022-06-17 12:34:22 · 54 阅读 · 0 评论 -
事件循环机制(Event Loop)
JS中的Event Loop栈队列不同的任务源会被分配到不同的 Task 队列中,任务源可以分为 微任务 ( microtask ) 和 宏任务( macrotask )。在 ES6 规范中, microtask 称为 jobs,macrotask 称为 task。以上代码虽然 setTimeout 写在 Promise 之前,但是因为 Promise 属于 微任务⽽ setTimeout 属于宏任务。相信通过上面的例子,大家也有了自己的理解,下面给大家归纳整理一下:微任务宏任务宏任务中包括了 sc原创 2022-06-03 13:16:04 · 119 阅读 · 0 评论 -
闭包
闭包<script> // 所谓的闭包,现在已经基本不使用了 // 只有一些老项目中,或者是极其特殊的情况中,才会使用 // 什么是闭包 // 概念: 是js中,函数的一种高级应用方式 // 作用: 调用函数中局部作用域变量,在函数之外,可以直接使用 // 正常情况下,只能使用 return 返回 局部作用域变量的数值 // 要想调用使用 int 就必须要使用 闭包 // return 只能返回一个数值原创 2021-04-20 21:34:37 · 91 阅读 · 0 评论 -
继承 ES6的继承语法 ES5继承语法
继承 <!-- 什么是继承? 继承是发生在父子级关系中的现象 继承 是 构造函数 的高级应用 就是两个互为父子级关系的构造函数的应用 子级构造函数,继承的是父级构造函数的属性和方法 常见的继承操作,分为 ES5 的继承语法 和 ES6 的继承语法 实际项目中一般不会直接使用继承语法,一般都是通过框架来完成继承,不用专门去写去定义 主要是为了应对面试 最好是将 面试答原创 2020-10-08 10:45:21 · 175 阅读 · 0 评论 -
面向对象和面向过程 ES6-class类
面向对象和面向过程 // 从面向过程,改造成面向对象 // 1,获取的数据,标签对象,要以参数的形式,定义给构造函数和实例化对象 // 获取标签对象时,一般获取父级,传参父级,在构造函数中,通过父级标签,获取子级标签独享 // 2,必须非常非常非常注意,this的指向,一般在面向对象中,都是使用箭头函数 // 如果万一不能清楚地知道this指向,可以先输出 this // 3,其他步骤和思路基本相同,没有区别 // 总结: // 1,原创 2020-10-06 09:48:45 · 130 阅读 · 0 评论 -
面向对象 面向对象的基本思想 工厂模式 面向对象编程 自定义构造函数 __proto__ 原型对象原型属性原型链 面向对象版选项卡
面向对象/*1,什么是面向对象所谓的面向对象,是一种编程思想,编程思路,代码的书写格式 之前为了简化代码,我们是将程序封装为函数的形式来调用 函数会有一些小问题: 函数内部定义的局部作用域变量,函数外部无法直接调用 函数调用使用时,会占用大量的系统内存,容易造成数据溢出数据泄露,容易被黑客攻击 函数一般只是封装一些模块化的功能 复杂程序的封装会,封装成其他形式,使用面向对象的方式来原创 2020-10-06 09:48:29 · 163 阅读 · 1 评论 -
ES6语法 ES6语法新增的变量的定义 箭头函数 箭头函数中的this指向 改变this指向的方法 立即执行函数 数组的解构 对象的解构 展开运算符 合并运算符
ES6语法ES6语法ES6版本的JavaScript语法,是一个非常重要的版本对于JavaScript的功能上有一个极大的丰富让JavaScript从弱类型语言,提升到了 半强类型语言 从 速腾 提升到了 保时捷 但是 跟 帕加尼 还是有差距的// ES6语法新增的变量的定义 // let const 关键词定义变量 // let 定义变量 // 特点: // let 定义的变量,不会进行预解析 // let 定义的变量,原创 2020-10-06 09:48:03 · 287 阅读 · 0 评论 -
正则表达式 常用语法规范 限定符号 特殊符号 其他配合函数 案例替换
正则表达式 /* 什么是正则表达式 对字符串内容,进行格式和内容的验证 对于正则表达式,我们不用自己去写,所有常用的正则表达式,在网上都可以搜到 我们只需要能看懂,会使用 所有的计算机语言,正则表达式,都是相同的,通用 */ // 正则表达式的基本语法 // 1,字面量(常用) // 使用 // 来包裹表达式内容 // var 变量 = /正则表达式/ // 2,构原创 2020-10-06 09:47:44 · 684 阅读 · 1 评论 -
节点操作 获取节点对象 名称内容
节点操作 <div>我是建立的div标签</div> <script> // 节点的操作 // 节点的 新增 删除 克隆 写入 // 节点的创建 // 创建标签节点: document.createElement('标签名称'); // 创建的是一个标签对象 // 之前是设定字符串,写入HTML文件,浏览器执行为标签效果 // 创建文本节点: docu原创 2020-10-06 09:47:23 · 581 阅读 · 0 评论 -
轮播图
轮播图js// 1,运动函数// 参数1,标签对象// 参数2,运动属性// 参数3,运动终止函数function move(ele, obj, callback) { // 1,循环 for (var type in obj) { // 获取原始定位数据 var oldVal = parseInt(window.getComputedStyle(ele)[type]); // 定义定时器 var time = s原创 2020-10-06 09:46:51 · 123 阅读 · 0 评论 -
事件监听 事件监听的兼容 事件监听的删除 监听拖拽
事件监听<style> .div1{ width: 300px; height: 300px; background: skyblue; } .div2{ width: 200px; height: 200px; background: orange; } .div3{ width: 100px; height: 100px原创 2020-10-06 09:45:48 · 320 阅读 · 0 评论 -
点击效果 拖拽效果 拖拽边界 tab切换-选项卡
案例点击效果<style> *{ margin: 0; padding:0; } body{ height: 50000px; } div{ width: 100px; height: 100px; background: pink; position: fixed; top:0px; left:0px;原创 2020-10-06 09:46:35 · 292 阅读 · 0 评论 -
秒表 标签的禁用属性 事件对象的一些属性offsetX clientX pageX 可视窗口的宽度
秒表<body> <div>00:00:00:00</div> <button>开始</button> <button disabled>暂停</button> <button disabled>继续</button> <button disabled>重置</button><script> // 秒表功能分析原创 2020-10-06 09:45:26 · 116 阅读 · 0 评论 -
冒泡事件 事件委托 事件委托案例
冒泡事件<style> .box{ width: 400px; height: 400px; background: blue; } .middle{ width: 300px; height: 300px; background: green; } .inner{ width: 200px; height: 200px;原创 2020-10-05 13:38:11 · 158 阅读 · 1 评论