摘要: 问题 下面代码中,使用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 阅读(544) 评论(0) 推荐(0) 编辑
摘要: 需求 想要实现如图的效果,li宽度相等,并且自适应ul的宽度。 li个数不是固定的,图中一行为9个li,当屏幕宽度变小,可能会8个或更少,但在屏幕宽度变化的过程中,要保持li的宽度相等并且始终充满ul的宽度。 解决 使用了媒体查询来实现效果,上代码: <!DOCTYPE html> <html la 阅读全文
posted @ 2020-08-20 14:27 ZerlinM 阅读(1004) 评论(0) 推荐(0) 编辑
摘要: 需求 项目中遇到一个需求,点击不同的选项卡,显示不同的数据,显示的数据为多个复选框不等, 如图所示,点击“数据1”即显示data1中的数据,点击“数据2”即显示data2中的数据,且要求两个选项卡中的复选框勾选互不影响。 问题 最初采用的方式为,点击“数据1”使用data1的数据渲染到class为c 阅读全文
posted @ 2020-08-20 10:09 ZerlinM 阅读(419) 评论(0) 推荐(0) 编辑
摘要: 平时经常用到JSON.parse将JSON字符串转换为对象格式, 但有时会遇到不规范的字符串,比如: '{test: 1}' ( test 没有包围双引号) '{'test': 1}' (使用了单引号而不是双引号) 如果将上面的字符串传入JSON.parse,会抛出异常。 那么我们就可以使用Eval 阅读全文
posted @ 2020-08-20 08:31 ZerlinM 阅读(1042) 评论(0) 推荐(0) 编辑
摘要: 偶然发现有些网站在用户登陆时,在输入密码的过程中先看到输入的密码,延迟后再变成密文,很好奇,所以捣鼓了一下。 明文延迟转密文 以下为代码:(延迟后变成*号) //js实现输入密码后,先显示当前输入的一位密码,然后再变成星号 <input class="ipt" type="text"> <scrip 阅读全文
posted @ 2020-08-20 08:26 ZerlinM 阅读(1229) 评论(0) 推荐(0) 编辑