![](https://img-blog.csdnimg.cn/20201014180756916.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
JavaScript
锋清杨
在探索代码乐趣中渐渐发狂。
展开
-
前端取消重复请求并缓存接口数据
提示:文章写完后,目录可以自动生成,如何生成可参考右边的帮助文档 文章目录背景一、示例 背景 前端开发时常遇到用户恶意高频率提交请求接口,如点击查询,1s内请求多次查询接口,这样的请求对前后端实际业务来说没有任何功能反馈,徒增了接口带宽压力。 需要在接口请求方法中封装在一定时间内取消重复请求的工具函数,使用fetch或axios库都可以实现取消重复请求的操作,但在network中还是有用户感知的接口cancel显示。为此使用Map方式缓存接口,在相同请求再次进来时使用上一次的缓存数据,就不再去调用接口.原创 2022-05-27 16:52:35 · 759 阅读 · 1 评论 -
Create-React-App自定义配置
1.在根目录下新建.env文件 GENERATE_SOURCEMAP=false //是否开启sourcemap IMAGE_INLINE_SIZE_LIMIT=20000 //图片转base64的大小限制 INLINE_RUNTIME_CHUNK=false //开启runtime-chunk文件 EXTEND_ESLINT=false //开启扩展ESLINT PUBLI...原创 2019-11-29 10:19:30 · 757 阅读 · 1 评论 -
实现百度搜索框提示语功能
利用百度jsonp接口实现搜索提示语. jsonp.js封装 function jsonp(url, options) { // 创建script标签 var $script = document.createElement('script'); // 解决缓存问题 var f = url.indexOf('?') > - 1 ? '&' : '...原创 2018-09-27 20:35:24 · 1987 阅读 · 0 评论 -
原生js利用图灵机器人实现自动回复功能
HTML代码: <style type="text/css"> * { padding: 0; margin: 0; } .imgLayout { width: 100%; height: 100%; margin: 0 auto; padding: 1px; } .outer { box-sizing: borde...原创 2018-09-28 10:19:27 · 3912 阅读 · 1 评论 -
js检测数据类型方法总结
1.常用方法typeof var str=‘abc’; console.log(typeof str)//string 2.判断已知对象类型的方法: instanceof var str='abc'; console.log(str instanceof String);//true 3.万能判断法:利用原型链 function checkType (val) { ...原创 2018-09-28 20:12:34 · 359 阅读 · 0 评论 -
原生js封装ajax
function sendAjax(url, options) { var _default = { method: 'GET', data: null, success: null } for(var i in options) { _default[i] = options[i]; } ...原创 2018-10-18 15:20:38 · 170 阅读 · 0 评论 -
原始js封装cookie
function OperationCookie () {} // 设置cookie值 OperationCookie.prototype.setItem = function(name, val, day) { document.cookie = name + '=' + val + '; max-age=' + day * 24 * 60 * 60 + ';'; } // 获取c...原创 2018-10-15 15:36:59 · 203 阅读 · 0 评论 -
原生js封装jsonp,解决跨域问题
function jsonp(url, options) { // 创建script标签 var $script = document.createElement('script'); // 解决缓存问题 var f = url.indexOf('?') > - 1 ? '&' : '?'; url += f + '_=' + Date.no...原创 2018-10-15 15:38:16 · 1035 阅读 · 0 评论 -
表格数据的增删改
html代码: <button id="btn">根据年龄排序</button> <table border="1"> <thead> <tr> <th>姓名</th>原创 2018-09-10 19:51:26 · 239 阅读 · 0 评论 -
js轮播图封装
banner.js结合move.js实现封装轮播图 banner.js代码 var swiper = (function() { var timer = null; return { init(ele) { if(typeof ele == 'string') { ele=document.querySelector(ele) } this.ele = el...原创 2018-09-12 20:02:32 · 1609 阅读 · 0 评论 -
JavaScript中调试代码的多个方法
1. ‘debugger;’ 除了 console.log , debugger; 是我们最喜欢、快速且肮脏的调试工具。一旦执行到这行代码,Chrome 会在执行时自动停止。 你甚至可以使用条件语句加上判断,这样可以只在你需要的时候运行。 JavaScript 代码: if (thisThing) { debugger; } 2. 将 objects 显示为表格 有时,你有一...转载 2018-08-22 11:45:33 · 214 阅读 · 0 评论 -
浏览器中的系统三个弹窗
1.提示框 特点:提示信息,没有交互。只有一个确定按钮 用法:alert(‘hell word’) 2.对话框 特点:跟浏览器进行对话,有一个输入框,两个按钮,确定按钮,关闭按钮 返回值是: 用户输入的内容 用法:prompt(‘hello world’) 3.确认框 特点:确定按钮,和取消按钮。返回true或者false 用法:confirm('...原创 2018-08-22 11:46:36 · 1243 阅读 · 0 评论 -
JavaScript事件
js事件 事件是文档或者浏览器窗口中发生的一些交互瞬间。JS注册事件处理程序来预订事件,当事件发生的瞬间来执行相应的代码,进而实现 JS 和 HTML(即文档或者浏览器窗口) 的交互。 事件流 事件流描述的是从页面中接收事件的顺序。 用手指戳一下屏幕上的同心圆的中心,先点到的是最外围的大圆,还是最核心的小圆呢?这个就是事件流要处理的本质问题。早起的 IE 和 Netscap...原创 2018-08-26 13:15:12 · 129 阅读 · 0 评论 -
正则表达式
1. 正则表达式 正则表达式是对字符串操作的一种逻辑公式,就是用事先定义好的一些特定字符、及这些特定字符的组合,组成一个“规则字符串”,这个“规则字符串”用来表达对字符串的一种过滤逻辑。 正则表达式是对字符串(包括普通字符(例如,a 到 z 之间的字母)和特殊字符(称为“元字符”))操作的一种逻辑公式,就是用事先定义好的一些特定字符、及这些特定字符的组合,组成一个“规则字符串”,这个“规则字符串...转载 2018-08-26 13:36:55 · 371 阅读 · 0 评论 -
探讨JavaScript几种循环
介绍 JavaScript提供了许多迭代循环的方法。 for const list = ['a', 'b', 'c'] for (let i = 0; i < list.length; i++) { console.log(list[i]) //value console.log(i) //index } 您可以使用break中断for循环 您可以使用continue继续...原创 2018-08-26 14:38:20 · 305 阅读 · 0 评论 -
js数组去重方法总结
方法一: 双层循环,外层循环元素,内层循环时比较值 如果有相同的值则跳过,不相同则push进数组 function geta(arr) { var arr2 = []; for(var i = 0; i < arr.length; i++) { for(var j = i + 1; j < arr.length; j++) { if(arr...原创 2018-08-28 15:52:04 · 147 阅读 · 0 评论 -
js数组操作详解
创建一个数组: // 字面量方式: // 这个方法也是我们最常用的,在初始化数组的时候 相当方便 var a = [3, 11, 8]; // [3,11,8]; // 构造器: // 实际上 new Array === Array,加不加new 一点影响都没有。 var a = Array(); // [] var a = Array(3); // [undefined,undefine...转载 2018-08-29 10:30:27 · 164 阅读 · 0 评论 -
js+html+css实现本地聊天室
欢迎访问我的个人博客:http://mrzyf.club. 代码完成效果: 话不多说,直接上代码—— css代码: <style type="text/css"> .talk_con { width: 600px; height: 700px; bord...原创 2018-09-04 19:12:03 · 6312 阅读 · 5 评论 -
Js中的数据类型及转换
Js中的数据类型 Js中的数据类型一共有六种,即number,string,boolean,underfine,null,object。 一,number Number数据类型指的是数字,可以为整型,也可以是浮点数。如 var a=12,b=12.5; 二,string 字符串由零个或多个字符构成,字符包括字母,数字,标点符号和空格;需要注意的是 字符串必须放在引号里(单引号或双引号...原创 2018-08-22 11:39:58 · 166 阅读 · 0 评论