JS
@Grapefruit
要有遥不可及的梦想,也要有脚踏实地的本事
展开
-
解决js浮点型数值乘法运算后出现很多小数位的问题
相信很多朋友都遇到过带小数位乘法运算之后会有一排的小数位的问题,今天就来解决下这个问题。原创 2022-09-23 13:46:57 · 1651 阅读 · 1 评论 -
javascript 找出数组的最大值和最小值的方法 (6种方法)
要有遥不可及的梦想,也要有脚踏实地的本事。----------- Grapefruit.Banuit Gang(香柚帮)求数组的最大值和最小值,方法还是挺多的,我会一一列举出来: //首先我们声明一个不规则的数字数组 var arr = [1,7,3,1,5,8,9,0,15,10,6,5]; //第一种方法: // 最小值 Array.prototype.min = function () { let min = this[0原创 2021-06-23 09:55:37 · 12609 阅读 · 0 评论 -
javascript判断元素数据类型
要有遥不可及的梦想,也要有脚踏实地的本事。----------- Grapefruit.Banuit Gang(香柚帮)就说一个最常用的方法:typeof typeof可以正确识别:Undefined、Boolean、Number、String、Symbol、Function等类型的数据, 但是对于其他的都会认为是object,比如Null、Date等, 所以通过typeof来判断数据类型会不准确。 但是可以使用Object.pro...原创 2021-06-23 09:36:52 · 1718 阅读 · 0 评论 -
谈谈 var , let , const 几种声明变量方式的区别
多读多写多记录,多学多练多思考。----------- Grapefruit.Banuit Gang(香柚帮)关于声明变量,我们有var , let , 和 const几种方式,这次就来简单说一下他们之间的区别所在:var: 通过一个简单的小例子来看一下var ,var a = 30;if(true){ var a = 50; conso...原创 2019-09-03 11:31:49 · 537 阅读 · 0 评论 -
js对数组的一些用法总结,数组遍历,forEach,map,filter,find,every,some,reduce
多读多写多记录,多学多练多思考。----------- Grapefruit.Banuit Gang(香柚帮) 今天柚子总结了一些数组的用法,分享给大家1、数组遍历: 遍历数组是项目中经常遇到的需求,遍历数组的方法也有很多种下面列举几种常见的遍历数组的方法: 最常见的就是for循环遍历了,i = 0, i 就为下标 ...原创 2019-08-28 15:46:30 · 320 阅读 · 0 评论 -
js获取本地excel文件单元格的内容
要有遥不可及的梦想,也要有脚踏实地的本事。----------- Grapefruit.Banuit Gang(香柚帮)首先我们需要两个文件,一个是jquery-3.4.1.js,一个是xlsx.core.min.js新建html文件,在页面中引入这两个js文件 <script src="./js/jquery-3.4.1.js"></script>...原创 2019-08-13 10:26:11 · 3693 阅读 · 0 评论 -
js实现多个小方格输入验证码,一格输入完成后自动聚焦到下一格
多读多写多记录,多学多练多思考。----------- Grapefruit.Banuit Gang(香柚帮) js实现输入四位或者六位验证码,四个或者六个的小方格样式的需要多个input框,四位就是四个input,六位就是六个input,下面开始上代码: <div class="code_box" on...原创 2019-08-05 10:29:55 · 4475 阅读 · 5 评论 -
js 自定义吐司 toast 组件
要有遥不可及的梦想,也要有脚踏实地的本事。----------- Grapefruit.Banuit Gang(香柚帮) js实现自定义的一个吐司,很简单,直接上代码: 一 、 首先写布局和样式 html<div class="toast_box"> <p id="toast"></p>...原创 2019-08-01 09:41:41 · 2144 阅读 · 0 评论 -
vue自定义获取验证码组件,倒计时60秒
多读多写多记录,多学多练多思考。----------- Grapefruit.Banuit Gang(香柚帮)自定义一个获取验证码的组件,点击按钮实现倒计时60秒1.首先在页面html中写两个按钮,用v-show指令控制其显示隐藏//页面按钮 <button @click="getCode" id="d" class="getphone" v-show="show"&...原创 2019-07-08 11:17:07 · 1675 阅读 · 0 评论 -
js点击按钮实现全屏效果
多读多写多记录,多学多练多思考。----------- Grapefruit.Banuit Gang(香柚帮) 写一个点击按钮实现全屏的效果,话不多说,直接上代码: 首先准备一个按钮,写上点击事件 <body> <!--准备一个按钮--> <button onclick="hand...原创 2019-06-11 13:19:07 · 7510 阅读 · 2 评论 -
js对数组排序并删除数组中重复的元素
多读多写多记录,多学多练多思考。----------- Grapefruit.Banuit Gang(香柚帮) 这是一个对数组排序去重的方法:function sortnum(a, b) { return b - a}var arr = [1, 8, 5, 6, 4, 2, 3, 8, 6, 7, 5, 3];var arr_xin = [];...原创 2019-06-10 09:46:32 · 1036 阅读 · 0 评论 -
js实现字符串和数组的分割,裁剪,截取,合并的常用8种方法
多读多写多记录,多学多练多思考。----------- Grapefruit.Banuit Gang(香柚帮) 最近柚子总结了一些js关于字符串和数组的分割,裁剪,截取和合并的常用方法,下面分享给大家:1.split() 功能:使用一个指定的分隔符把一个字符串分割存储到数组 str='jpg|bmp|gif|ico|png'; arr=str.sp...原创 2019-05-31 14:17:07 · 30279 阅读 · 1 评论 -
js查找指定元素在数组中的索引值
多读多写多记录,多学多练多思考。----------- Grapefruit.Banuit Gang(香柚帮)function findIndex(l, o) { var objStr = JSON.stringify(o) return l.reduce((index, ele, i) => { if (JSON.stringify(ele) === ...原创 2019-04-24 16:04:20 · 2542 阅读 · 0 评论 -
html5页面移动端点击按钮出现弹出框并且出现全屏遮罩层时 禁止页面滑动,适配安卓和ios
多读多写多记录,多学多练多思考。----------- Grapefruit.Banuit Gang(香柚帮)之前小柚子写了一个项目,没有用任何的UI组件库,所以当遇到了一个点击上传按钮时需要出现弹框并出现蒙层禁止滑动时遇到了一点点的小问题。本来小柚子是这样写的var mo = function(e) { e.preventDefault()};document.bo...原创 2019-05-02 13:44:49 · 4819 阅读 · 3 评论