摘要：
forEach() 用于遍历数组，无返回值 1.基础点 forEach的使用频率很高，多用于对数组自身的改变和各元素相关统计性的计算，重要特性如下： 可以改变数组自身，没有返回值； 中途不能用常规操作跳出循环，可以用抛出异常（try/catch）的方式，但不推荐这样做； 2.易错点 forEach( 阅读全文
摘要：
原文： 切换选项卡时，保留复选框勾选(1) 更新内容：将选项卡显示隐藏做了封装等，考虑了更多选项卡的情况，有待更优解~~ 更新后代码： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</ti 阅读全文
摘要：
前几天写过一篇 用js将HTML重新排序 的文章，其中用到sort来排序。 那么，我们先来回顾下sort的用法： 回顾 Array.prototype.sort() 方法 用原地算法对数组的元素进行排序，并返回数组。默认排序顺序是先将元素转换为字符串，然后比较它们的UTF-16代码单元值序列时构建的 阅读全文
摘要：
项目中遇到了这个问题，说实话 iOS 端问题挺多的，原因找起来比较简单，就是吊起键盘的时候把window的高度挤小了， 然后，关掉键盘页面高度没恢复，底下出现空白区域,并导致光标位置错乱,再次点击输入框区域时无法focus；安卓手机会自动恢复页面高度。 原因找到了就想解决办法，刚开始想的是 iOS 阅读全文
摘要：
在开发的过程中，经常遇到获取到的是类数组对象，比如DOM集合,nodeList，以及classList也是类数组。 有时我们需要类数组去调用数组的方法，怎么办？ 1.遍历类数组，将元素依次放入空数组 var data=document.querySelectorAll("li"); var divL 阅读全文
摘要：
问题 最近一个页面中用到appendChild来追加内容，此时发现当多次添加相同的li标签时，页面上却只出现了一个li标签。 <ul id="mylist"></ul> <script> const mylist = document.getElementById('mylist'); const 阅读全文
摘要：
问题 下面代码中，使用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 阅读全文
摘要：
需求 想要实现如图的效果，li宽度相等，并且自适应ul的宽度。 li个数不是固定的，图中一行为9个li，当屏幕宽度变小，可能会8个或更少，但在屏幕宽度变化的过程中，要保持li的宽度相等并且始终充满ul的宽度。 解决 使用了媒体查询来实现效果，上代码： <!DOCTYPE html> <html la 阅读全文
摘要：
需求 项目中遇到一个需求，点击不同的选项卡，显示不同的数据，显示的数据为多个复选框不等， 如图所示，点击“数据1”即显示data1中的数据，点击“数据2”即显示data2中的数据，且要求两个选项卡中的复选框勾选互不影响。 问题 最初采用的方式为，点击“数据1”使用data1的数据渲染到class为c 阅读全文
摘要：
平时经常用到JSON.parse将JSON字符串转换为对象格式， 但有时会遇到不规范的字符串，比如： '{test: 1}' （ test 没有包围双引号） '{'test': 1}' （使用了单引号而不是双引号） 如果将上面的字符串传入JSON.parse,会抛出异常。 那么我们就可以使用Eval 阅读全文