ZerlinM

2020年10月28日

摘要： ##下载 Clamp.js项目地址：https://github.com/josephschmitt/Clamp.js ##引入  <script src="js/clamp.min.js"></script> ##使用 1、单行省略 $clamp(myHeade 阅读全文

posted @ 2020-10-28 10:42 ZerlinM 阅读(1309) 评论(0) 推荐(0)

swiper的pagination，多次初始化失效

摘要： swiper的pagination，在初次进页面时正常，即滑动时圆点随着页面改变。但在点击跳转到其他页面后，再返回时，swiper可以滑动，但圆点却失效了。 ##解决由于在代码中，我将初始化swiper的代码放在了init中，在页面初次加载时执行init方法，同时在页面返回后执行init，相当于阅读全文

posted @ 2020-10-28 09:28 ZerlinM 阅读(1132) 评论(0) 推荐(0)

2020年10月15日

localstorage sessionstorage和cookie的区别

摘要：基本概念 **cookie：**是由W3C组织提出，最早由Netscape社区发展的一种机制。它主要用于保存登陆信息，比如登陆某个网站时常可以看到'记住密码’，这就是通过在cookie中存入一段辨别用户身份的数据来实现的。目前Cookie已经成为标准，所有的主流浏览器如IE、Netscape、Fir 阅读全文

posted @ 2020-10-15 13:23 ZerlinM 阅读(157) 评论(0) 推荐(0)

ajax中的timeout设置

摘要： jquery的$.ajax()中，有一个timeout的属性，用来设置超时时间，使用complete判断TextStatus的值是否为timeout，执行相应的操作。代码如下： $.ajax({ url: 'ajax.php', type: 'post', data: postData, time 阅读全文

posted @ 2020-10-15 11:02 ZerlinM 阅读(8924) 评论(0) 推荐(0)

2020年9月24日

移动端-纯css隐藏滚动条解决方案

摘要：网上大部分方案如下，即给出现滚动条的元素 ::-webkit-scrollbar 添加 display: none; html,body { width: 100%; height: 100%; overflow-y: scroll; } body::-webkit-scrollbar { disp 阅读全文

posted @ 2020-09-24 09:09 ZerlinM 阅读(1957) 评论(1) 推荐(0)

2020年9月23日

阻止点击穿透

摘要：问题在做手机页面的时候，遇到这样一个问题：点击抽奖后，会出现一个弹框，点击弹框上的"确定"按钮，这时问题出现了，当确定按钮和下边的抽奖按钮重合时，弹框隐藏，并且同时触发了抽奖按钮！！！这时就了解到：什么是事件穿透？点击上面的一层时会触发下面一层的事件。 zepto的tap是通过兼听绑定在doc 阅读全文

posted @ 2020-09-23 14:55 ZerlinM 阅读(2442) 评论(0) 推荐(0)

JS的防抖与节流

摘要：防抖(debounce) 当持续触发事件时，在一定的时间段内，只有最后一次触发的事件才会执行。 function debounce(fn, wait) { var timer = null; return function () { if (timer !== null) { clearTimeou 阅读全文

posted @ 2020-09-23 14:26 ZerlinM 阅读(220) 评论(0) 推荐(0)

页面滚动元素显示，不滚动几秒后消失

摘要：需求在页面上有"返回顶部"的按钮，要实现在上下滚动页面时，该按钮显示，当页面停止滚动几秒后，按钮消失。代码 function iconShow() { var scrollTimer = null; function debounce(fn, wait) { return function () 阅读全文

posted @ 2020-09-23 14:21 ZerlinM 阅读(491) 评论(0) 推荐(0)

监听页面向上向下滚动事件

摘要：需求希望在页面向下滚动时则隐藏"返回顶部"按钮，否则显示。以下将滚动代码整理出来scrollEvent()方法 (适用于滚轮滚动、键盘上下滚动、滚动条滚动) 代码 /* 监听页面向上向下滚动事件 */ function scrollEvent() { window.onscroll = func 阅读全文

posted @ 2020-09-23 10:54 ZerlinM 阅读(1575) 评论(0) 推荐(0)

redux的reducer的拷贝问题

摘要：首先指出一点，Redux的reducer是浅复制。冲掉的原因，是因为浅复制没有放在更新数据前，把...state放在前面就好了。 Redux作者DanAbramov推荐用Object.assign()and...spread浅复制来在reducer中更新状态：所以浅复制实现方法：原生方式： va 阅读全文

posted @ 2020-09-23 10:31 ZerlinM 阅读(293) 评论(0) 推荐(0)

公告