锋清杨-CSDN博客

原创前端取消重复请求并缓存接口数据

提示：文章写完后，目录可以自动生成，如何生成可参考右边的帮助文档文章目录背景一、示例背景前端开发时常遇到用户恶意高频率提交请求接口，如点击查询，1s内请求多次查询接口，这样的请求对前后端实际业务来说没有任何功能反馈，徒增了接口带宽压力。需要在接口请求方法中封装在一定时间内取消重复请求的工具函数，使用fetch或axios库都可以实现取消重复请求的操作，但在network中还是有用户感知的接口cancel显示。为此使用Map方式缓存接口，在相同请求再次进来时使用上一次的缓存数据，就不再去调用接口.

2022-05-27 16:52:35 731 1

原创 Create-React-App自定义配置

1.在根目录下新建.env文件GENERATE_SOURCEMAP=false //是否开启sourcemapIMAGE_INLINE_SIZE_LIMIT=20000 //图片转base64的大小限制INLINE_RUNTIME_CHUNK=false //开启runtime-chunk文件EXTEND_ESLINT=false //开启扩展ESLINTPUBLI...

2019-11-29 10:19:30 732 1

原创 vuex模块化使用

store/module/user.js代码import Vue from 'vue'import Vuex from 'vuex'const state = { liu:'jingna', wei:['yu','ning']}const mutations = { changeName(state,res){ state.liu = res }}con...

2019-05-30 18:39:31 214

原创原生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 166

原创原生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 1029

原创原始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 198

原创 js检测数据类型方法总结

1.常用方法typeofvar str=‘abc’;console.log(typeof str)//string2.判断已知对象类型的方法： instanceofvar str='abc';console.log(str instanceof String);//true3.万能判断法：利用原型链 function checkType (val) { ...

2018-09-28 20:12:34 345

原创原生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 3882 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 1962

原创 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 1600

原创表格数据的增删改

html代码： <button id="btn">根据年龄排序</button> <table border="1"> <thead> <tr> <th>姓名</th>

2018-09-10 19:51:26 231

原创 js+html+css实现本地聊天室

欢迎访问我的个人博客：http://mrzyf.club.代码完成效果：话不多说，直接上代码——css代码：<style type="text/css"> .talk_con { width: 600px; height: 700px; bord...

2018-09-04 19:12:03 6268 5

转载 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 158

原创 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 145

原创 CSS水平和垂直居中技术

水平居中行内元素的水平居中text-align:center（在父元素中设置）只对内联元素或行内块元素有效需要放置于父元素中块级元素的水平居中margin: 0 auto;只对块级元素有效 auto指的是自适应宽度。实质就是均分了元素左右的剩余空间，所以元素会居中。 auto只有在块级元素设置了宽度width才有效(块级元素不设宽度默认就占整行了，所以是废话) auto...

2018-08-26 15:10:27 132

原创探讨JavaScript几种循环

介绍JavaScript提供了许多迭代循环的方法。forconst 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 300

转载正则表达式

1. 正则表达式正则表达式是对字符串操作的一种逻辑公式，就是用事先定义好的一些特定字符、及这些特定字符的组合，组成一个“规则字符串”，这个“规则字符串”用来表达对字符串的一种过滤逻辑。正则表达式是对字符串（包括普通字符（例如，a 到 z 之间的字母）和特殊字符（称为“元字符”））操作的一种逻辑公式，就是用事先定义好的一些特定字符、及这些特定字符的组合，组成一个“规则字符串”，这个“规则字符串...

2018-08-26 13:36:55 346

原创 JavaScript事件

js事件事件是文档或者浏览器窗口中发生的一些交互瞬间。JS注册事件处理程序来预订事件，当事件发生的瞬间来执行相应的代码，进而实现 JS 和 HTML(即文档或者浏览器窗口) 的交互。事件流事件流描述的是从页面中接收事件的顺序。用手指戳一下屏幕上的同心圆的中心，先点到的是最外围的大圆，还是最核心的小圆呢？这个就是事件流要处理的本质问题。早起的 IE 和 Netscap...

2018-08-26 13:15:12 124

原创浏览器中的系统三个弹窗

1.提示框特点：提示信息，没有交互。只有一个确定按钮用法：alert（‘hell word’）2.对话框特点：跟浏览器进行对话，有一个输入框，两个按钮，确定按钮，关闭按钮返回值是: 用户输入的内容用法：prompt（‘hello world’） 3.确认框特点：确定按钮，和取消按钮。返回true或者false用法：confirm('...

2018-08-22 11:46:36 1219

转载 JavaScript中调试代码的多个方法

1. ‘debugger;’除了 console.log , debugger; 是我们最喜欢、快速且肮脏的调试工具。一旦执行到这行代码，Chrome 会在执行时自动停止。你甚至可以使用条件语句加上判断，这样可以只在你需要的时候运行。JavaScript 代码:if (thisThing) { debugger;}2. 将 objects 显示为表格有时，你有一...

2018-08-22 11:45:33 196

原创 Ubuntu安装Jdk

默认安装默认安装是安装 OpenJDK 的默认版本。安装 JRE：sudo apt-get install default-jre安装 JDK：sudo apt-get install default-jdk显式安装 OpenJDK安装 JRE：sudo apt-get install openjdk-7-jre安装 JDK：sudo apt-get install ...

2018-08-22 11:43:56 216

转载 Git 命令速查

1、常用的Git命令命令简要说明git add添加至暂存区git add-interactive交互式添加git apply应用补丁git am　　应用邮件格式补丁git annotate同义词，等同于git blamegit archive 文档归档打包git bisect二分查找git blame文件逐行追溯git ...

2018-08-22 11:42:28 123

原创 Js中的数据类型及转换

Js中的数据类型Js中的数据类型一共有六种，即number，string，boolean，underfine，null，object。一，numberNumber数据类型指的是数字，可以为整型，也可以是浮点数。如var a=12,b=12.5;二，string字符串由零个或多个字符构成，字符包括字母，数字，标点符号和空格;需要注意的是字符串必须放在引号里（单引号或双引号...

2018-08-22 11:39:58 163

转载 HTML5分析

HTML5作为新兴领域越来越热。然而在移动设备硬件性能弱于PC的背景下，对性能的需求显得更为重要，而HTML5性能优化前与优化后有着极大的差别，如何优化才能提高性能，对此熟知的人很少。本文以LayaAir引擎为例，通过代码示例详细阐述如何利用引擎对HTML5作出性能的极致优化。主题包括：代码执行基本原理基准测试内存优化图形渲染性能减少CPU使用量其他优化策略第1节：代码执行基本原理LayaAir引...

2018-07-05 14:52:16 592

原创探索node.js--02使用express搭建项目

1.介绍expressExpress 是一个基于 Node.js 平台的极简、灵活的 web 应用开发框架，它提供一系列强大的特性，帮助创建各种 Web 和移动设备应用。他提供了丰富的API，性能也更加强大了。所以用express搭建node.js项目更加方便灵活。2.express安装express是开源框架，安装简单，一台联网电脑即可。打开cmd 输入npm install express命...

2018-07-05 14:43:59 297 1

原创探索node.js—01开篇

Node.js是一个Javascript运行环境(runtime environment)，发布于2009年5月，由Ryan Dahl开发，实质是对Chrome V8引擎进行了封装。Node.js对一些特殊用例进行优化，提供替代的API，使得V8在非浏览器环境下运行得更好。V8引擎执行Javascript的速度非常快，性能非常好。...

2018-07-04 08:34:02 226

转载震惊！java大佬地位被撼动？

转自：CSDN有云天下，有人江湖，编程的江湖亦是如此。编程的江湖上也是豪强诸起，门派众多，各足鼎立。虽说没有什么武林大会，也没有华山论剑，但是编程的江湖，也不比他们差，亦是精彩纷呈。在比较的老派和老牌的门派当中，C 门派最为受人尊敬，辈分较高，C++ 门派都属于 C 门派之列，后来由于其独有的气势和特点， C 门派中的 C 和 C++ ，都有一种华山门派剑宗和气宗的意思，但是毕竟同气连枝，在面对共...

2018-07-04 08:14:51 2367 1

zyf19971112的博客