ZerlinM

2020年8月21日

摘要：原文：切换选项卡时，保留复选框勾选(1) 更新内容：将选项卡显示隐藏做了封装等，考虑了更多选项卡的情况，有待更优解~~ 更新后代码： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</ti 阅读全文

posted @ 2020-08-21 16:31 ZerlinM 阅读(282) 评论(0) 推荐(0)

JS中对象数组用sort按属性排序

摘要：前几天写过一篇用js将HTML重新排序的文章，其中用到sort来排序。那么，我们先来回顾下sort的用法：回顾 Array.prototype.sort() 方法用原地算法对数组的元素进行排序，并返回数组。默认排序顺序是先将元素转换为字符串，然后比较它们的UTF-16代码单元值序列时构建的阅读全文

posted @ 2020-08-21 14:19 ZerlinM 阅读(1109) 评论(0) 推荐(0)

解决ios微信端失焦键盘隐藏后，被顶起的页面不回弹问题

摘要：项目中遇到了这个问题，说实话 iOS 端问题挺多的，原因找起来比较简单，就是吊起键盘的时候把window的高度挤小了，然后，关掉键盘页面高度没恢复，底下出现空白区域,并导致光标位置错乱,再次点击输入框区域时无法focus；安卓手机会自动恢复页面高度。原因找到了就想解决办法，刚开始想的是 iOS 阅读全文

posted @ 2020-08-21 13:32 ZerlinM 阅读(219) 评论(0) 推荐(0)

类数组对象转换为数组的方法

摘要：在开发的过程中，经常遇到获取到的是类数组对象，比如DOM集合,nodeList，以及classList也是类数组。有时我们需要类数组去调用数组的方法，怎么办？ 1.遍历类数组，将元素依次放入空数组 var data=document.querySelectorAll("li"); var divL 阅读全文

posted @ 2020-08-21 13:25 ZerlinM 阅读(456) 评论(0) 推荐(0)

原生js中Node.appendChild() 方法

摘要：问题最近一个页面中用到appendChild来追加内容，此时发现当多次添加相同的li标签时，页面上却只出现了一个li标签。 <ul id="mylist"></ul> <script> const mylist = document.getElementById('mylist'); const 阅读全文

posted @ 2020-08-21 10:06 ZerlinM 阅读(991) 评论(0) 推荐(0)

2020年8月20日

如何用js将HTML重新排序

摘要：问题下面代码中，使用js将li按照data-id来重新排序。 <ul id="mylist"> <li data-order="2">item2</li> <li data-order="3">item3</li> <li data-order="1">item1</li> </ul> 方法一 c 阅读全文

posted @ 2020-08-20 17:19 ZerlinM 阅读(597) 评论(0) 推荐(0)

实现不定个数的li等宽自适应ul

摘要：需求想要实现如图的效果，li宽度相等，并且自适应ul的宽度。 li个数不是固定的，图中一行为9个li，当屏幕宽度变小，可能会8个或更少，但在屏幕宽度变化的过程中，要保持li的宽度相等并且始终充满ul的宽度。解决使用了媒体查询来实现效果，上代码： <!DOCTYPE html> <html la 阅读全文

posted @ 2020-08-20 14:27 ZerlinM 阅读(1087) 评论(0) 推荐(0)

切换选项卡时，保留复选框勾选(1)

摘要：需求项目中遇到一个需求，点击不同的选项卡，显示不同的数据，显示的数据为多个复选框不等，如图所示，点击“数据1”即显示data1中的数据，点击“数据2”即显示data2中的数据，且要求两个选项卡中的复选框勾选互不影响。问题最初采用的方式为，点击“数据1”使用data1的数据渲染到class为c 阅读全文

posted @ 2020-08-20 10:09 ZerlinM 阅读(447) 评论(0) 推荐(0)

js中不规范的json字符串转为对象

摘要：平时经常用到JSON.parse将JSON字符串转换为对象格式，但有时会遇到不规范的字符串，比如： '{test: 1}' （ test 没有包围双引号） '{'test': 1}' （使用了单引号而不是双引号）如果将上面的字符串传入JSON.parse,会抛出异常。那么我们就可以使用Eval 阅读全文

posted @ 2020-08-20 08:31 ZerlinM 阅读(1134) 评论(0) 推荐(0)

js实现密码延迟变为星号

摘要：偶然发现有些网站在用户登陆时，在输入密码的过程中先看到输入的密码，延迟后再变成密文，很好奇，所以捣鼓了一下。明文延迟转密文以下为代码：（延迟后变成*号） //js实现输入密码后，先显示当前输入的一位密码，然后再变成星号 <input class="ipt" type="text"> <scrip 阅读全文

posted @ 2020-08-20 08:26 ZerlinM 阅读(1306) 评论(0) 推荐(0)

公告