js
Chestnut*
这个作者很懒,什么都没留下…
展开
-
reduce() 方法
reduce() 方法接收一个函数作为累加器,数组中的每个值(从左到右)开始缩减,最终计算为一个值。reduce() 可以作为一个高阶函数,用于函数的 compose。注意: reduce() 对于空数组是不会执行回调函数的。实用案例let arr = [1,2,11,22];一、求数组之和let result = arr.reduce((prev, cur) => { return prev + cur}, 0)console.log(result)由于传入了初始值0原创 2021-04-06 15:08:23 · 230 阅读 · 0 评论 -
简单实现一个进度条
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>简单实现进度条</title> <style> #hd {原创 2021-01-05 16:05:52 · 228 阅读 · 1 评论 -
常用的javaScript数据处理方法
const students = [ { name: 'Alice', score: 100 }, { name: 'Bob', score: 90 }, { name: 'Trunp', score: 80 }, { name: 'Biden', score: 70 }, { name: 'Joe', score: 60 }, { name: 'Sunshine', score: 50 }, { name: 'Elon', score: 40 },.原创 2020-12-10 14:49:17 · 319 阅读 · 0 评论 -
Vue2和Vue3开发组件有什么区别(个人学习记录)
Vue2和Vue3开发组件有什么区别记得收藏哦~转载 2020-09-28 10:36:45 · 200 阅读 · 0 评论 -
递归
递归函数是在一个函数通过名字调用自身的情况下构成的例如:function factorial(num){ if (num <= 1){ return 1; } else { return num * factorial(num-1); } }这是一个经典的递归阶乘函数。虽然这个函数表面看来没什么问题,但下面的代码却可能导致它出错。var anotherFactorial = factorial; factorial = null; alert(anotherFact转载 2020-08-21 15:48:58 · 122 阅读 · 0 评论 -
调起微信支付
在微信内置浏览器中调起微信支付整体结构:第一个页面(首页)为活动简介,点击开通按钮跳转到第二个页面(业务逻辑 + 支付按钮),调起微信支付功能,用户支付,判断当前用户是否支付成功||失败||取消支付,做相关业务逻辑<!-- href跳转的链接微信授权的结算页面 --> <!-- redirect_uri:微信授权的结算页面(需要对网址进行url转码) --><!-- 转码网址(网上搜)http://tool.chinaz.com/tools/urlencode.asp原创 2020-05-21 11:22:28 · 708 阅读 · 0 评论 -
前端实现上传图片
<div class="photo"> <div class="photo_img"> <img src="./images/update.png" alt="" id="sitting"> </div> <input type="file" name="file" id="Image"></div>$('#Image').on('change', function (e) {原创 2020-05-21 11:02:36 · 1013 阅读 · 0 评论 -
闭包
1.事件防抖应用场景在i nput 框,每次输入文字需向后台请求结果,用 change监听, 会大量向后台请求结果,导致页面卡顿解决function antiShake(fn,wait){ let timeOut = null; return ()=>{ if(timeOut) clearTimeOut(timeOut); timeOut = setTimeOut(fn,...原创 2020-04-06 19:24:24 · 110 阅读 · 0 评论 -
js 数组去重
js 数组去重llet arr = [1,11,2,55,11,246,22,2,22,556];方法1:采用reduce+indexOf的双层遍历实现,相当于双层for遍历 arr.reduce(function(result,item){ if(result.indexOf(item)===-1){ result.push(item) } return re...原创 2019-10-08 11:49:01 · 100 阅读 · 0 评论 -
懒加载和预加载
懒加载和预加载懒加载图片进入可视区域之后加载图片资源对于电商等图片很多,页面很长的业务场景适用减少无效资源的加载并发加载的资源过多会阻塞 js 的加载,影响网站的正常使用相关代码<div class='image-list'> <img src='' class='image-item' lazyload='true' data-original='真实...原创 2019-08-27 16:30:49 · 118 阅读 · 0 评论 -
ios键盘唤起,键盘收起以后页面不归位
ios键盘唤起,键盘收起以后页面不归位问题描述输入内容,软键盘弹出,页面内容整体上移,但是键盘收起,页面内容不下滑出现原因分析固定定位的元素 在元素内 input 框聚焦的时候 弹出的软键盘占位 失去焦点的时候软键盘消失 但是还是占位的 导致input框不能再次输入 在失去焦点的时候给一个事件解决方法在失去焦点时采用当前方法:function blur(){ let u = nav...原创 2019-08-09 11:38:47 · 686 阅读 · 0 评论 -
js 保留小数点后两位
var num = 1.257123154315;num = num.toFixed(2);console.log(num);保留小数点后四位var num = 1.257123154315;num = num.toFixed(4);console.log(num);原创 2019-07-22 11:54:40 · 4738 阅读 · 3 评论 -
Ajax请求数据之前、之后
Ajax请求数据之前、之后前端从后台请求数据,通常采用Ajax,在网络慢的情况下,页面会有空白页出现,为了解决这类问题,加载中通常会有一个loading样式,代表正在加载,此时就需要Ajax的beforeSend、complete方法;案例:$.ajax({ url: url, type: "get", data:data async:true, ...原创 2019-06-03 13:19:12 · 2684 阅读 · 0 评论 -
js 获取当前值在数组的下标
js 获取当前值在数组的下标const arr = [1, 2, 3, 4, 6, 22, 55, 33, 66, 44];const getIndex = ((arr,item)=>{ for(var i in arr){ if(arr[i] == item){ return i; }; ...原创 2019-06-12 17:51:15 · 13510 阅读 · 0 评论 -
js冒泡获取数组中最小值、最大值
js冒泡获取数组中最小值、最大值 const arr = [1, 2, 3, 4, 6, 22, 55, 33, 66, 44]; const getMin = (arr) => { const arrLength = arr.length; for (var i = 0, ret = arr[0]; i < arrLength; i++) {...原创 2019-06-12 17:46:54 · 451 阅读 · 0 评论