自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(11)
  • 收藏
  • 关注

原创 2021-12-1

/** * @description 获取输入年份和月份的天数 * @param year {String | Number} 年份 * @param month {String | Number} 月份 * @returns {number} */ function getDaysByYearAndMonth (year, month) { let isL...

2021-12-01 15:17:39 84

原创 vue实现穿梭框功能

<template> <div id="app"> <div class="main"> <div class="left"> <div class="container"> <div class="top"> <div class="one"><inp

2021-08-28 15:19:44 1241

原创 vue中解决跨域问题

在vue.config.js文件中module.exports = { devServer: { proxy: { '/api': { target: '填写请求源地址',后端接口地址 changeOrigin: true,//是否允许跨域 secure:false, //如果是https接口需要配置这个参数 pathRewrite: { '^/api': '' //重写 }

2021-08-28 14:46:51 66

转载 js中offsetWidth、clientWidth、width、scrollWidth、clientX、screenX、offsetX、pageX

offsetWidth //返回元素的宽度(包括元素宽度、内边距和边框,不包括外边距)offsetHeight //返回元素的高度(包括元素高度、内边距和边框,不包括外边距)clientWidth //返回元素的宽度(包括元素宽度、内边距,不包括边框和外边距)clientHeight //返回元素的高度(包括元素高度、内边距,不包括边框和外边距)style.width //返回元素的宽度(包括元素宽度,不包括内边距、边框和外边距)st

2021-08-25 15:53:36 145

原创 2021.8.17 - 8.18 pc与手机端的顶部与底部判断

针对于网页端和手机端对于到达顶部与底部的判断 手机端 touch事件 $(function () { var startH, endH; var DH = $(document).height(); var WH = $(window).height(); var top = $(document).scrollTop(); // $(document).scroll(function() { // console.log("gundong "); /

2021-08-18 17:20:22 89

原创 闭包泄漏问题解决

举个例子处理内存泄漏问题 <button>第一个button按钮</button><br/> <button>第二个button按钮</button> // 获取元素 let btns = document.querySelectorAll("button"); // 利用forEach方法遍历元素 btns.forEach(item => {

2021-03-30 09:54:42 74

原创 闭包历史遗留问题解决方式

闭包遗留问题解决方案定义变量接收this新版ESMA 定义的箭头函数中this 可以被继承,继承父级上下文中的this两种方法都可使用 哪一个适合就用哪个举例 //在构造函数的使用场景 //首先定义一个构造函数 function Func1() { this.name = "LW"; this.sing = function () { //定义变量存储this

2021-03-29 23:35:19 101

原创 2021-03-29 遍历数组

遍历数组的方式1.语法arr.forEach((item,index,arr)=> {})forEach((item,index,array)=> { console.log(item)))for in key是数组的索引for (const key in array) { console.log(array[key])}3.for of value是数组的值for (const value of array) { lconsole.log(va

2021-03-29 21:30:24 92

原创 2021-03-29

实现动画的注意事项节流伐 先定义一个布尔值类型的变量;然后再事件中加上判断条件 再次关闭节流阀 其次在定义的定时器中清除定时器的时候打开节流阀,防止抖动,不要在对应事件定义初始值;<style> button { width: 300px; height: 100px; background-color: pink; position: absolute; left: 0;

2021-03-29 17:21:03 37

原创 2021-03-29

使用函数创建伪块作用域在for循环中使用var 声明的变量 默认是window下的,使用立即执行函数传递参数可以让其在块作用域下。for (var i = 1; i <= 3; i++) { (function () { setTimeout(a => console.log(a)) })(i) }输出结果为1 2 3对比一下let关键字在for循环的使用for (let i = 1; i <= 3; i++) { console.log(i);输出结果:1 2 3

2021-03-29 16:54:24 36

原创 2021-03-29

改变函数this指向apply方法call方法bind方法区别:1.apply 方法传递的参数第一个参数改变的this,第二个参数是以数组的形式。2.call 方法传递的参数第一个参数改变的this ,第二个参数是以单个参数传递,逗号连接。3.bind 方法 传递第第一个参数改变this指向,第二个参数在第一次执行的时候可以不传递,若果传递相应的参数,第二次调用的时候传递的参数无效。4.apply与call会立即执行,bind方法不会执行而是生成一个新的函数,再次调用才会执行。5.如果

2021-03-29 11:51:55 39

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除