简介 无障碍、WAI、ARIA、a11y、Accessibility、框架选择 如何向 视障用户 介绍兔子长什么样？有的同学可能会说： 毛茸茸的长耳朵。 短短圆圆的小尾巴。 红红的眼睛。 那如何向 视障用户 介绍网页长什么样？有看过 语义化与无障碍树 的同学可能会说： header 标签表示一个网页的页眉。 main 标签表示一个网页的内容。 fo...

无障碍开发还是应该从 HTML 开始聊起，无论是盲人阅读器还是浏览器等工具最核心的部分还是在 HTML，毕竟没了 CSS 只是不美观了，没了 JavaScript 只是少了交互和无限扩展的可能性。

无障碍指的是在使用过程中，不管什么类型的用户都可以正常使用。生活中最常见的就是无障碍设施 相信很多人都吐槽过，让我们先从生活例子到前端开发 探讨探讨 无障碍 相关内容。

简介 SEO、robot.txt、搜索引擎优化 在浩海的互联网世界中： 互联网 宛如 宇宙 站点 宛如 星系 网页 宛如 星球 网页内容 宛如 生灵万物 而在互联网世界漫游的搜索引擎爬虫小蜘蛛，就好比一搜穿梭在宇宙里的星际漫游器，想想是不是还挺浪漫的。对于不同的星系有着自己的规则，如果不准守规则，小心自动防御功能把 漫游器 ...

简介 SEO、sitemap、搜索引擎优化、简单教程 在暧昧期和暗恋期时心里总是悬挂着： ta 为什么还不和我表白？ ta 是不是对我没感觉？ ta 是不是只是把我当备胎？ ta 是不是对谁都这样？ 解决问题最简单的方式就是直接 问问对方，在 SEO 初体验 中提到过互联网上的网站十六亿多个，如果只靠暗恋的 百度、谷歌的爬虫小蜘蛛自...

唐朝有个小伙叫韦固喜欢在河边玩，一天遇到一个老伯伯在月光下把两块石头系在一起。小伙看到很好奇便问道“系石头做什么呢？”老伯伯说“我在给当婚人牵线，这对石头是一对夫妻。”小伙问道：“那我的妻子是谁呢？”老伯伯说：“就是村头看菜园子的女孩儿。”

小九九 最直接的联想便是 九九乘法表，但是 小九九 也用在形容一个人在心里打着算盘 小主意 和 小秘密。小秘密已经被 H1 の 小秘密 这篇文章使用了，为了体现小二的“博学多才”就换个词语吧（其实想个词脑袋已经💥爆炸了）。

同学们有没有想过互联网上用户、网站 有多少呢？这里提供一个网站 internet live stats 里面实时的给出了一些关于互联网实时状态的统计，这里给出一张 2019年4月4日7点左右时的状态截图：

在学习 HTML 标签的时候，很多教程只告诉你 怎么用 而没有讲清楚 是什么，让我们一起从 h1 到 h6 开始重新认识 HTML 标签完善知识体系。

在 优雅三连击 中有同学提到了 可读性 这个关键词，就小二个人的观点 在某个范围内使用比较常用到的小技巧，可以提升一定的可读性，文中提到的短路运算在初始化变量是提升可读性的，并且在很多提倡优化if 语句的时候，短路运算符也可以起到对简单条件语句的优雅。

老板今天有 刘备 嘛？这是某个业内黑话，小二来给你解释解释：刘备一直称自己是中山靖王的后代，在曹操把刘备带到朝廷后，汉献帝为了拉拢他，才认他为皇叔，确认了他的身份，简称刘皇(黄)叔(书)。

简介 数组、初始化、快速生成数组、内存泄露 有时候会需要对数组进行一些初始化，最常用到的便是 for 循环： {代码...} 其实有一些简单好用的小技巧可以帮助我们优雅的初始化数组： Array.from 在支持 ES6 的时候可以利用 Array.from() 来初始化数组： {代码...} Array.apply 在不支持 ES6 的时候可以利用 Array.apply()...

昨天一个同学在 URL 大爆炸 问了我一个问题：这是什么写法 (data[key] = value, data) 。平时在写文章的时候会把这些技巧稍微提示一下，认为大家都知道这些技巧，引起了小二的自我反省。

简介 URL结构、组成、query、hash、axios数组传递错误、HTTP 请求 伴随着微信消息的提示音 小四 发来一段代码说 不知道为什么请求不到页面数据： {代码...} 小二一看大概率是 query 中数组传递方式引起的，由于后端实现解析数组 ids:[5, 6, 100] 可能有以下几种方式： bracket: ids[]=1&ids[]=2&ids[]=3 index: ...

本来想取名为 console 黑魔法，顺手讲一点 console 的其他方法。可是查阅资料的时候发现好多文章都已经写得非常好了，这部分相关的内容大家可以到掘金查看 ? 传送门。

不管是调用第三方库或者是项目自身的函数，开发过程中总少不了函数。可以说函数是解放代码的第一生产力，有的同学会说了那你把类放在那里了。其实用函数和数据一样可以模拟出来类，类更多的是对函数的归集和复用进行扩充升级。

计算机重重底层之下都是由 0 和 1 组合，但是你知道他们是怎么一步步变成字符串的嘛？在我们现实生活中最常见的例子可以通过 wo 在新华字典中找到 我 这个字。同样计算机通过 0 和 1 组合在 字典 中查找到对应的字符，那 字典 内容是什么呢？

当 拔掉(delete) arr 的第 3 根 头发(arr[2]) 时，直接硬生生的出现了一个 空毛囊(empty)，这难道不是数组秃顶了嘛？数(forEach) 一下头发，确实没有把空毛囊算进去，这下你相信了把数组也会秃顶，那不如让我们好好研究研究？

在 优雅插入数组 一文中大家最多的评论就是 “能不能加个基准测试”。小二不是不喜欢加基准测试而是现在硬件设备的性能越来越快了，有时候一些操作不是性能问题的主要原因，当然这不是我们不写出好代码的理由。

其实很多时候项目进度很赶、小姐姐不理你了、老板不给你加薪等等事情都会成为你今天偷偷把代码写那么不好一点的理由，根据破窗效应这样带来的结果可能会不好。

简介 回到页面顶部、兼容性、最佳写法、滚动到任意处 在 大家一起被捕吧 中刚写了： 在日常开发中我们往往会从用户那获得各种输入，例如搜索框、评论框、文章内容等等。 结果在 segmentfault 阅读评论时看到了一个链接一点直接把我给滚动到顶部，顿时心中一阵 惨叫双手捶胸 后把页面拉回评论并打开了 控制台 查看了链接...

简介 找我请到 掘金 或者 Github自己也维护不过来那么多站点，对不住大家了。 👇 更新平台多偶尔会漏掉，如果觉得文章还行点个 star 防走失。 👉 什么值得读 💎 好文章📒 好视频🎥 好项目✍️ 好书籍📚 👈 一门来自 Github 的项目给出了面试集合和其对应的答案质量较高： 前端面试题集 - 英文 前端面试题集 - 中文 推荐理由 程序...

这条新闻是来自 2019年3月10日 很多同学匆匆一瞥便滑动屏幕去看下一条消息了，并没有去了解这段代码是什么，怎么办才能防止这个问题。事情发生后为了抗议日本警察采取的行动和将此行为定为犯罪的荒谬做法，东京开发者 Kimikazu Kato 在 GitHub 上创建了一个名为 Let's Get Arrested（来逮捕我们） 的仓库这也是本篇文章...

简介 字符串、数字、布尔值、Null、Undefined、对象、数组、函数、判断方法 JavaScript 中有两种数据类型，分别是基本数据类型和引用数据类型： 基本数据类型 引用数据类型 Number、String、Boolean、Null、Undefined、Symbol Object、Array、Function 在开发过程中我们有时候会需要对变量进行类型判断，一般是利用 type...

利用 \n 取出表头数据 并使用 Array.prototype.split 把表头数据分割为 表头字段数组用于构造 JSON 对象的键值：

简介 👇 更新平台多偶尔会漏掉，如果觉得文章还行点个 star 防走失。 什么值得读 💎 好文章📒 好视频🎥 好项目✍️ 好书籍📚 一门来自 YouTube 的《计算机基础知识》视频课程已经由 Crash Course 字幕组 翻译完成。 推荐理由 这次推荐的视频是一门计算机速成课 小二 已经看完了觉得还是挺有趣的，每个视频大概在 10分钟左右而且...

jQuery.ajax、axios 和 新的 Web API fetch 在浏览器不支持的兼容代码都是利用 XMLHttpRequest 来完成网络请求，今天一起来实现一个简单的 HTTP 请求客户端 顺便学习XMLHttpRequest 中较为常用的函数方法：

科学家发现，人脑中会分泌多种能让人感到快乐、安全和成就感的物质，这些物质统称为“快乐素”。通常情况下，快乐素的释放水平很低，维持我们心情平静。只有当我们完成了预设目标，作为奖励，大脑才会增加快乐素的分泌，让人感受到满足和成功的喜悦。

可视区域是一个前端优化经常出现的名词，不管是显示器、手机、平板它们的可视区域范围都是有限。在这个 有限可视区域 区域里做到完美显示和响应，而在这个区域外少做一些操作来减少渲染的压力、网络请求压力。在 每日 30 秒之 对海量数据进行切割 中的使用场景，我们就是利用了 有限可视区域 只渲染一部分 DOM 节点来减...

复制内容到剪贴板 是前端开发过程中会经常遇到的一个需求，大部分同学开发时往往会直接打开搜索框开始寻找别人写好的组件库，而聪明的同学会开始思考问题：