Marmot

色盲：男生患有的比例为 1/12，女生患有的比例为 1/200。 老年人：看不清字需要使用放大镜、视觉灵敏度降低需要对比度太低的内容看不清。 孕妇：抱着小孩不能双手进行操作...

SEO 角度：原有的 heading、a、img 等标签加上新带来的标签，配合良好的结构和语义内容非常有帮助。 B前端 角度：谁会阅读输出后的 HTML ，在项目开发中不使...

JavaScript与HTML之间的交互是通过事件实现的。事件，就是文档或浏览器窗口中发生的一些特定的交互瞬间。浏览器的事件系统相对比较复杂。尽管所有的主要浏览器已经实现了...

毛茸茸的长耳朵。 短短圆圆的小尾巴。 红红的眼睛。 header 标签表示一个网页的页眉。 main 标签表示一个网页的内容。 footer 标签表示一个网页的页脚。 普通...

无障碍的英文为 Accessibility 由于单词拼写过长往往被缩写为 a11y 其中 11 指的是中间有11个字母。 无障碍指的是在使用过程中，不管什么类型的用户都可以...

我们在 每日 30 秒之 arrayToCSV 中一起学习了将数组数据转化为 csv 表格数据并导出，那如果是对象数组怎么办呢？小脑袋瓜转得快的同学肯定会说：“使用 Arr...

对创建好的 textarea 元素进行选中并使用复制里面的文本内容，最后移除掉 textarea 元素。 移动设备上有一个问题 “当文本框被选中时，会弹出虚拟键盘” 会导致...

把对象数组进行分组可能是日常开发中最经常使用到的功能了，除了杀鸡用牛刀引入lodash外也可以自己实现一个短小精悍的数组分组。 先利用 Array.prototype.ma...

取出两个对象数组中唯一的数据集，即差集。 代码使用了 Array.prototype.filter 来进行遍历数组并获取过滤，通过 Array.prototype.ever...

根据给出的函数找出两个数组中的差集。 这段代码使用了ES2015中定义的 Set 对象。Set 对象的值的特点是不含有重复的值，这个特性可以用来实现对一个数组的去重。 有的...

根据指定的方法或者参数对数组中的项目进行统计。 函数通过 Array.prototype.map 来对数据进行清洗，其中利用到 typeof 来判断是否为函数，否则使用 (...

将一个数组转化为逗号为分割符的字符串（CSV）即表格数据。 这个代码利用了 Array.prototype.map() 和 Array.prototype.join() 两...

把数组按指定大小进行分组，可以用于分页、数据切割、异步操作数据。 Array.prototype.from 从一个类似数组或者可迭代对象中创建一个新的数组实例，类似数组 这...

可视区域是一个前端优化经常出现的名词，不管是显示器、手机、平板它们的可视区域范围都是有限。在这个 有限可视区域 区域里做到完美显示和响应，而在这个区域外少做一些操作来减少渲...

判断一个数组中是否都满足特定的条件，如果满足则返回 true 否则返回 false。 Array.prototype.every(callback[, thisArg]) ...

这是之前看到的一篇关于 大脑奖励机制 文章的一段话，为了要获得奖励我们需要有预设目标，而是每日 30 秒系列也是为了帮助大家设立一个目标，每日完成一小段代码的学习来实现 对...

手痒的同学可以开始动手加上 Promise 或者按照 axios API 实现一个自己的 HTTP Client，好奇宝宝可以试试阅读相关 axios、fetch 源码。下...