防抖节流的使用和封装成函数
前置知识关于this指向问题，防抖函数中的fn.apply(this,arguments)作用防抖函数中的fn.apply(this,arguments)作用 this指向问题 节流 一定时间内只执行一项任务 节流原理 执行一个函数 执行这个函数的时候看看前面有没有执行过 如果前面有执行过这个函数并且没有完成,那么本次任务就不执行 节流前可以看到"move"疯狂输出 节流后程序输出move的次数明显减少 节流函数123456789101112131415161718192021/** * 节流 * @param {function} fn 要节流的函数 * @param {number} delay 延迟(类似于fps一样~) * return 执行函数 */function throttleMy(fn, delay) { //这样子建立了一个闭包,timer始终存在 var timer=null; return function (...args) { if (timer) { return; ...
express,multer,jQuery前端后端上传单个文件
先安装基本的模块$ npm init -y $ npm install express –save $ npm install multer –save 附上multer的github当中别人汉化的API文档github地址 我这使用的nodemon,如果那么使用node运行,修改记得重启 开始创建基本express(上传图片)当前目录下创建fileup.js文件 123456789101112131415161718const express = require("express");const multer = require("multer");var app = express();//创建express实例//这里是为了后期没有跨域问题设置的静态资源目录//__dirname为NodeJS全局变量: 返回运行当前js的文件夹的绝对路径app.use("/",express.static(__dirname));//后期ajax提交地址就为:http://localhost:3000/file 端口号可在下方自行设 ...
js当中的图片懒加载,懒加载的一些概念和相关知识点
知道什么是懒加载说通俗点就是轮到我我再出现,而不是一进入页面就出现为什么需要 节省资源 加快网页打开 提升用户体育 巴拉巴拉 懒加载原理红色为我们实际看到的浏览器窗口,黑色的为实际网页的长度 我们刚进入主页的时候 用户拖动滚动条,看到绿色的框框,这些绿色的框框才开始加载出来 必要知道的知识 获取元素距离顶部(body)的距离:元素.offsetTop 注意:如果元素的父元素(不管是祖父还是曾祖父还是亲生父亲),只要任意一个父亲开启了定位(不管是相对还是绝对),那么子元素的offsetTop属性值都是参考父元素的 如果父元素没有开启定位,那么就参考body 元素.offsetLeft同理 获取浏览器垂直滚动的距离:document.documentElement.onscrollTop offsetTop和offsetLeft 这两个属性,IE 、Opera和Firefox对它俩的解释存在差异： IE5.0+ 、Opera8.0+： offsetTop和offsetLeft 都是相对父级元素 Firefox1.06： offsetTop和offsetLeft 都是相对 ...
使用优启通(EasyU)重装系统教程(详细)
前言 为什么要制作一个启动盘才能重装系统? 通俗点来说就是你自己生病了，自己一般不能自己帮自己看病，一般都是别人看病。电脑也是如此，需要一个第三方来“治疗”。 为什么使用EasyU？而不使用老毛_，巴拉巴拉。。。。。 因为其他的很多启动盘制作工具有广告，会在系统安装的时候安装第三方软件。 资源下载 启动盘制作工具(任选一个下载地址)： 下载地址1:123盘(不限速) 下载地址2:百度网盘 系统镜像： http://y-os.net/(第三方修改镜像) ITELLYOU.CN.(官方原版镜像) https://www.winos.me/(第三方修改镜像) 激活工具： EasyActivate 如果激活工具之类的失效了,可以到这个网站去下载,不必要局限于这个激活工具的 https://www.yrxitong.com/sr.jsp?skeyword=%E6%BF%80%E6%B4%BB&nSL 第一步:制作启动盘 下载后解压文件夹，选中这个EasyU 选中自己的u盘，然后点击全新制作 U盘会格式化！！！！，在制作启动盘之前先备份U盘文件！！！ 单 ...
ES5当中var只有全局作用域和函数作用域,注意变量提升在var中的坑
前置知识 在ES5当中,变量的作用域只有全局作用域和函数作用域之分的,也就是说,你使用 var 关键字创建的变量,要么是全局都可以使用的,要么就是函数内部可以使用的 在ES5当中,var定义的变量是会变量提升的 在ES6当中,let是块级作用域,不会变量提升 于是乎产生了一次错误1234567<script> var data='动感超人' if(data){ var flag=true; } console.log(flag);//输出结果为true</script> 这一段代码一看就是true 在js当中,除了 null undefined “” NaN false 这四个转化为布尔值为false,其他均为true 所以data=”动感超人”转化为布尔值为true~所以执行var flag=true; 由于var只有全局作用域和函数作用域,所以var flag为全局变量 代码改改 1234567<script> ...
nth-of-type选择器使用的一个坑
前景一段HTML代码,我需要让第一个类名为content的div背景设置为红色的 js代码 1234<div class="header">1</div> <div class="content">2</div> <div class="header">3</div> <div class="content">4</div> style样式 1234567<style> div{ width: 100px; height: 100px; border: 1px solid red; } </style> 一开始想到的 要选第一个类名为content,当然是nth-of-type了,因为我只想要让拥有content类的div容器被选择 1234567//错误的选择器代码 < ...
.jpg)
2020年用JAVA制作的一个小项目图标快捷启动管理的
12020年的了,本来想用这个参加学校的作品大赛的获取经验的,想参加试试看,因为疫情没弄成,取消了 用JAVA写的,支持库都放在里面了 感兴趣的可以下载看看 github地址 功能展示默认主界面 托盘菜单 右键空白菜单 添加网站快捷方式 添加其他图标 分类栏重命名 右键图标菜单栏 顶部导航栏 搜索功能 还有其他的就不展示图片了~
迭代器自定义数据输出当中this指向
前置知识 在箭头函数当中,this的指向为函数声明时所在作用域下this的值 代码next为普通函数代码123456789101112131415161718192021222324252627282930313233343536373839var resultGet = { "code": "1", "day": "02/ 27", "result": [{ "date": "272年02月27日", "title": "罗马帝国皇帝君士坦丁大帝出生" }, { "date": "684年02月27日 ...
jQuery中API,post上传文件到阿里云OSS记录
前景提示 在利用FormData上传文件的时候,新建实例化对象如果有参数,需要的是DOM元素,而不是其他的! FormData的实例化对象调用get()方法获取属性的时候,返回值(FormDataEntryValue)包括下面二种 string数据 2. ### File对象 1. File对象当中的属性 1. lastModified:格林威治时间 2. lastModifiedDate:可识别时间 3. name:文件名 4. size :文件大小(字节) 5. type:类型 6. webkitRelativePath(非标准: 该特性是非标准的，请尽量不要在生产环境中使用它！) 3. ### FormDataEntryValue数组 1. FormData的实例化对象调用getAll(name)方法返回 4. ### API测试使用的网站 1. 果创云 2. 阿里云OSS存储 代码块ajax请求使用jQuery插件 ht ...
记一次配置picgo错误的记录和解决办法
1.错误提示StatusCodeError:403 -<?xml version=xxxxxxxx> 2.原因没有设置管理对象存储服务器(OSS权限) 3.解决 4.成功解决再次上传测试可以上传 2.错误提示RequestError: Error: tunneling socket could not be established, cause=getaddrinfo ENOTFOUND 7890解决 可能是安装软件的时候设置了代理,删除电脑的环境变量 HTTPS_PROXY之类的 在环境变量里面把 http_proxy 和 https_proxy 两项删除即可
