随笔分类 - Javascript
摘要：简单升序排列 var list = [ { name: "jack", age: 14 }, { name: "lily", age: 10 }, { name: "king", age: 13 }, ] function orderList(attr) { return function (a,
阅读全文
摘要：$('body').on('tap', '.copy-btn', function (e) { e.preventDefault(); e.stopPropagation(); const range = document.createRange(); range.selectNode($(this
阅读全文
摘要：需求 在刚进到页面时，需要根据后端传来的数据，判断要加载哪张图片，再获取图片的高度，来调整页面样式。 问题 在打开页面时，图片是加载出来了，但获取图片高度却为0，why... $(".top-btn").height(); //0 解决 造成这样结果的原因是，图片在修改src之后，它要去寻找图片的路
阅读全文
摘要：问题 当移动端页面显示弹窗时，滑动屏幕，弹窗下方的页面竟然可以上下滑动（虽然点击不到弹窗下方的内容，但仍然看不习惯~~） 解决 查阅资料后，给整个弹窗设置禁止触摸滚动，代码如下： （由于页面中存在多个弹窗，所以获取了所有弹窗，再给每个弹窗设置禁止滚动） var masks = document.ge
阅读全文
摘要：swiper的pagination，在初次进页面时正常，即滑动时圆点随着页面改变。 但在点击跳转到其他页面后，再返回时，swiper可以滑动，但圆点却失效了。 ##解决 由于在代码中，我将初始化swiper的代码放在了init中，在页面初次加载时执行init方法，同时在页面返回后执行init，相当于
阅读全文
摘要：基本概念 **cookie：**是由W3C组织提出，最早由Netscape社区发展的一种机制。它主要用于保存登陆信息，比如登陆某个网站时常可以看到'记住密码’，这就是通过在cookie中存入一段辨别用户身份的数据来实现的。目前Cookie已经成为标准，所有的主流浏览器如IE、Netscape、Fir
阅读全文
摘要：问题 在做手机页面的时候，遇到这样一个问题： 点击抽奖后，会出现一个弹框，点击弹框上的"确定"按钮，这时问题出现了，当确定按钮和下边的抽奖按钮重合时，弹框隐藏，并且同时触发了抽奖按钮！！！ 这时就了解到：什么是事件穿透？点击上面的一层时会触发下面一层的事件。 zepto的tap是通过兼听绑定在doc
阅读全文
摘要：防抖(debounce) 当持续触发事件时，在一定的时间段内，只有最后一次触发的事件才会执行。 function debounce(fn, wait) { var timer = null; return function () { if (timer !== null) { clearTimeou
阅读全文
摘要：需求 在页面上有"返回顶部"的按钮，要实现在上下滚动页面时，该按钮显示，当页面停止滚动几秒后，按钮消失。 代码 function iconShow() { var scrollTimer = null; function debounce(fn, wait) { return function ()
阅读全文
摘要：需求 希望在页面向下滚动时则隐藏"返回顶部"按钮，否则显示。 以下将滚动代码整理出来scrollEvent()方法 (适用于滚轮滚动、键盘上下滚动、滚动条滚动) 代码 /* 监听页面向上向下滚动事件 */ function scrollEvent() { window.onscroll = func
阅读全文
摘要：flat() 简述 flat() 方法会按照一个可指定的深度递归遍历数组，并将所有元素与遍历到的子数组中的元素合并为一个新数组返回。 语法 var newArray = arr.flat([depth]); 参数 depth:可选。指定要提取嵌套数组的结构深度，默认值为 1。 返回值 一个包含将数组
阅读全文
摘要：问题 js接收数字时，发现最后几位数字变成了0，如图所示： 从Java后台传一个数值到前端的js中，Java中输出为712070446013219840， 但在js中输出便成了712070446013219800 最后一位竟然都变成了0。 解决 根本原因：js的number类型有个最大值（安全值）。
阅读全文
摘要：一 前言 做过前后端联调的小伙伴，可能有时会遇到一些问题。例如，我明明传递数据给后端了，后端为什么说没收到呢？这时候可能就会就会有小伙伴陷入迷茫，本文从chrome-dev-tools（F12调试器）中看到的FormData与RequestBody，给小伙伴们提供一种可能的思路。也给小伙伴们提供一些
阅读全文
摘要：在页面中，我希望在符合某个条件后，动态加载script脚本，我首先尝试了把script标签包在字符串中，但是飘红了~~~ $('<script src="../js/index.js?v=20200623"></script>').appendTo("body"); 之后，我又尝试了将script放
阅读全文
摘要：看到以下语句： var a,b,c="c"; if(a="a",b="b",c==0) { console.log(a,b) //a,b已赋值，但此句不执行 } var a,b,c="c"; if(a="a",b="b",c=="c") { console.log(a,b) //a,b已赋值，此句打
阅读全文
摘要：需求 有这样一个搜索的遮罩层，希望点击除输入框和搜索按钮外的任何位置，都可以将遮罩层关闭。 代码 HTML： <div class="serachMask"> <div class="div_my_zzk"> <input type="text" class="input_my_zzk"> <inp
阅读全文
摘要：单行文本省略 单行文本溢出显示省略号比较简单，设置white-space: nowrap避免换行，设置overflow: hidden溢出隐藏，再设置text-overflow: ellipse即可。 text-overflow CSS 属性确定如何向用户发出未显示的溢出内容信号。它可以被剪切，显示
阅读全文
摘要：需求 给定发布评论的时间戳timestamp， 要求根据时间戳如下显示： 不足一分钟：刚刚， 满一分钟不足24小时：xx分钟前 过了0点：昨天，2天前，3天前…… 超过三天：08-01（月-日） 代码 function getDateDiff(timestamp) { var prev = new
阅读全文
浙公网安备 33010602011771号