博客园

11 2020 档案

JS动态添加元素及绑定事件造成程序重复执行解决
摘要：在这里记录下遇到的一个bug,这个Bug是关于jquery 的on方法绑定事件，类似于$('#point').on('click','.read-more',function () )这样的代码造成的程序重复执行，很多人在文章里写到了，也说了用off方法来解绑，但都未能点出问题的本质，几乎都忽略了问 阅读全文
posted @ 2020-11-30 15:28 ZerlinM 阅读(673) 评论(0) 推荐(0)
JS实现根据数组对象的某一属性排序
摘要：简单升序排列 var list = [ { name: "jack", age: 14 }, { name: "lily", age: 10 }, { name: "king", age: 13 }, ] function orderList(attr) { return function (a, 阅读全文
posted @ 2020-11-26 11:06 ZerlinM 阅读(972) 评论(0) 推荐(0)
清明节实现所有网页变灰色
摘要：只需要给网站加个滤镜就可以解决，通过几行代码就可以实现网页变灰这个功能。 方法一 在common.css中添加： html { filter:grayscale(100%); /* 下面这句：IE下的滤镜，如果直接写上面的属性，在IE下是无法实现的，所以需要加上下面这句，括号中是需要的属性 */ f 阅读全文
posted @ 2020-11-18 10:15 ZerlinM 阅读(366) 评论(0) 推荐(0)
点击按钮，复制文本
摘要：$('body').on('tap', '.copy-btn', function (e) { e.preventDefault(); e.stopPropagation(); const range = document.createRange(); range.selectNode($(this 阅读全文
posted @ 2020-11-16 15:02 ZerlinM 阅读(105) 评论(0) 推荐(0)
html2canvas 把h5网页保存为图片
该文被密码保护。
posted @ 2020-11-11 16:44 ZerlinM 阅读(0) 评论(0) 推荐(0)
移动端出现横向滚动条解决
摘要：给了外层盒子100%宽度，结果移动端依然有横向滚动条。 解决 在head中添加： <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <meta name="viewport" content="viewport 阅读全文
posted @ 2020-11-11 14:18 ZerlinM 阅读(558) 评论(0) 推荐(0)
修改图片src获取高度问题解决
摘要：需求 在刚进到页面时，需要根据后端传来的数据，判断要加载哪张图片，再获取图片的高度，来调整页面样式。 问题 在打开页面时，图片是加载出来了，但获取图片高度却为0，why... $(".top-btn").height(); //0 解决 造成这样结果的原因是，图片在修改src之后，它要去寻找图片的路 阅读全文
posted @ 2020-11-05 16:56 ZerlinM 阅读(233) 评论(0) 推荐(0)
移动端禁止触摸滚动
摘要：问题 当移动端页面显示弹窗时，滑动屏幕，弹窗下方的页面竟然可以上下滑动（虽然点击不到弹窗下方的内容，但仍然看不习惯~~） 解决 查阅资料后，给整个弹窗设置禁止触摸滚动，代码如下： （由于页面中存在多个弹窗，所以获取了所有弹窗，再给每个弹窗设置禁止滚动） var masks = document.ge 阅读全文
posted @ 2020-11-04 08:36 ZerlinM 阅读(349) 评论(0) 推荐(0)