![](https://img-blog.csdnimg.cn/20201014180756757.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
javascript
文章平均质量分 95
monoplasty
Stay forever young, with hope ever teary-eyed.
展开
-
节流与防抖,详细注释一步步学习理解
1. 认识防抖1.1 函数防抖(debounce函数)图中蓝色部分是事件不断的被用户触发,下方黄色部分是相应的响应函数真正执行时机。当事件触发时,相应的函数并不会立即触发,而是等待一定的时间;当事件密集触发时,函数的触发会被频繁的推迟;只有等待了一段时间也没有事件触发,才会真正的执行响应函数。例如:我们玩王者荣耀,当我们回城时,按下回城按钮之后必须等待一定时间,如果期间被人攻击或者走动,就会打断(即响应函数不会执行),只有等待的时间到了才会真正回城。生活中可以想象这样一个场景:公交站的原创 2022-03-18 09:49:56 · 274 阅读 · 0 评论 -
JavaScript 中call、apply、bind学习
JavaScript 中call、apply、bind学习Array.find(function(v,i,arr),thisArgs}数组实例的find方法,用于找出第一个符合条件的数组成员。它的参数是一个回调函数,所有数组成员依次执行该回调函数,直到找出第一个返回值为true的成员,然后返回该成员。如果没有符合条件的成员,则返回undefined。 - v:数组值 - i:索引 - arr:原创 2017-09-08 08:56:50 · 199 阅读 · 0 评论 -
原生JavaScript代码实现 jsonp 跨域请求
jsonp简单实现百度搜索功能代码<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title> <style> *{pa原创 2018-03-06 14:42:01 · 319 阅读 · 0 评论 -
添加emoji表情到编辑框,并且在任意光标后
依赖于emoji 库,主要是雪碧图实现表情的统一。 采用div标签的contenteditable属性实现编辑功能。 难点在于选择表情时的光标位置保存。实现任意光标位置插入表情。 实现一个小小的demo供大家参考, 共同学习! 部分代码仅供参考,共同学习难点部分;1、选择表情时的光标位置保存// 保存上次光标位置信息var lastEditRange;var ...原创 2018-04-17 19:11:23 · 8398 阅读 · 6 评论 -
原生js封装ajax方法(支持jsonp)
直接上代码/** * 对封装好的ajax请求进行调用 * */ajax({ url: "", //请求地址 type: 'GET', //请求方式 data: { name: 'monoplasty', age: '23', email: 'monoplasty@aliyun.com' }, //请求参数 ...原创 2018-05-14 20:58:50 · 2212 阅读 · 1 评论 -
纯前端实现表格导出,支持1000条以上数据
纯前端实现表格导出,支持1000条以上数据项目源码地址工具函数使用说明采用vue组件实现,原理大致是: 先通过接口请求到所有的数据,对数据处理之后转化成base64,通过uri数据导出。项目源码地址github地址: https://github.com/monoplasty/vue-batch-export工具函数// 创建导出数据模板function CreateTemplate(...原创 2019-05-14 19:26:48 · 1923 阅读 · 2 评论