js
@SIMIN
一份耕耘,一份收获
展开
-
console.log格式化打印
console.log支持的格式标志有:占位符 描述 %s 字符串 %d%i 整数 %f 浮点数 %o/%O Object对象 %c css样式原创 2021-05-07 17:28:46 · 652 阅读 · 0 评论 -
js 获取浏览器滚动条的宽度
function getScrollbarWidth() { var odiv = document.createElement('div'),//创建一个div styles = { width: '100px', height: '100px', overflowY: 'scroll'//让他有滚动条 }, i, scrollbarWidth; for (.原创 2020-06-01 18:09:27 · 603 阅读 · 0 评论 -
数组排序(升序)
自己想的数组排序:只做记录不做参考从第一次开始比较找出数组中最小数,取出来放入一个新数组并且在原始数组中删掉这个最小数,依次类推找到最后一个(性能不好) var arr = [45, 90, 32, 45, 33, 2, 90, 100, 36]; var loop = arr.length; var target = []; for (var i = 0; i < loop; i++) { var min = arr[0], k = 0;原创 2021-04-23 18:54:24 · 3682 阅读 · 0 评论 -
forEach 终止循环
try { //终止forEach循环 let keyArr = [1,2,3,4,5,6,7]; keyArr.forEach((item)=>{ if (statusCount[item]) { this.callStatusName = item; throw new Error("End"); } }) ...原创 2021-01-27 14:45:21 · 3883 阅读 · 0 评论 -
javascript中offsetWidth,clientWidth,innerWidth相关
元素属性和元素方法都通过elem.属性或elem.方法的方式使用,window属性通过window.属性的方式使用,document属性则通过document调用。<script> /* 1,元素视图属性 * offsetWidth 水平方向 width + 左右padding + 左右border-width * offsetHeight 垂直方向 height + 上下padding + 上下border-width * ...原创 2020-06-02 14:50:32 · 231 阅读 · 0 评论 -
秒转换成时分
方式一:function duration(time) { if (!time) return ''; //分钟, 秒 let minute = '', seconds = ''; seconds = Math.round(time * 100) / 100 + '"'; // 四舍五入保留两位小数 if (time > 59) { minute = parseInt(time / 60) + "'"; if (Math.round(time % 60) &g原创 2020-09-29 17:20:01 · 427 阅读 · 0 评论 -
javascript之鼠标事件大全
js鼠标事件大全一般事件事件 浏览器支持 描述onClick HTML: 2 | 3 | 3.2 | 4 Browser: IE3 | N2 | O3 鼠标点击事件,多用在某个对象控制的范围内的鼠标点击onDblClick HTML: 2 | 3 | 3.2 | 4 Browser: IE4 | N4 | O 鼠标双击事件onMouseDown HTML: 2 | 3 | 3.2 | 4 Browser: IE4 | N4 | O 鼠标上的按钮被按下了onMouseUp HTML: 2 .原创 2020-05-25 16:17:43 · 357 阅读 · 0 评论 -
JQuery实现点击查看大图
网页中插入的图片大小都是按照图片的原始尺寸在展示的,如果图片太大完全超出手机的屏幕尺寸,需要响应式处理一下图片(将宽设为设备的宽,高度自适应),通常使用img,当图片过小为了不让其被拉伸造成图片失真的情况会设置max-width:100%这里主要是获取图片的真实大小。imgW,imgH。这里不能直接去获取图片的宽度高度$(".imgBox").width(),$('.imgclass').h...原创 2020-04-30 17:29:16 · 786 阅读 · 0 评论 -
普通函数和箭头函数的区别
箭头函数:let fun = () => {console.log('lalalala');}普通函数:function fun() {console.log('lalla');}箭头函数相当于匿名函数,并且简化了函数定义。箭头函数有两种格式,一种只包含一个表达式,连{ ... }和return都省略掉了。还有一种可以包含多条语句,这时候就不能省略{ ... }和...原创 2019-06-11 11:24:02 · 218 阅读 · 0 评论 -
循环里面有异步操作,返回异步操作的数据
如图上面结果显示,异步操作更改原数组时只对异步函数内有效,对异步函数外并无作用,此时需要用到Promise对象,使异步转同步执行,如下:function pushData(arr, value) { return new Promise((reslove) => { setTimeout(() => { ...原创 2019-06-06 16:02:45 · 663 阅读 · 0 评论