风萧萧梦潇的博客

本文翻译自《Beyond automatic accessibility testing: 6 things I check on every website I build》。如有翻译不当之处，请不吝指正。我刚对客户端完成一次可访问性审核（accessibility audit），然后我决定将我在审核和构建站点过程中执行的各种测试分享给大家。你可以立即应用到项目中，而无需学习一种工具或软件。Step 0：Automatic tests 自动化测试我进行可访问性检测的第一件事就是使用LightHous

注：本文使用的Web Audio API遵循W3C在18年9月发布的候选推荐版本，本文代码在Chrome76中测试通过，请注意代码兼容性。如有错误，请不吝指正。引言每段缘起始都很简单，或是擦肩而过的那阵清风，或是四目相对的那缕温情，亦是共经患难的那份情谊……初春的一天，在我被工作中出现的问题折磨的不堪之际，经朋友引荐，她出现在我的视野中。我忘不了她解决问题时的煞爽英姿，那干练的身影在我脑海中...

git commit的意义及目的为了对每次提交进行提交说明，方便之后回溯和团队协作，Git 每次提交代码，都要写 Commit message（提交说明），否则就不允许提交。提供更多的历史信息，方便快速浏览。可读性可以过滤某些commit（比如文档改动），便于快速查找信息。可回溯性可以直接从commit生成Change log。可自动化生成文档鉴于此，我们需要写出清晰规范的git c...

前言：昨天安装win10把电脑装崩了，幸亏U盘里还有deepinos的安装包，索性装了deepin单系统。linux系统装软件工具等和windows很不相同，其中有一些软件是可以从应用商店中找到的，直接进行安装就可以，还有一些可以从官网下载到deb包进行安装，那么除此之外怎么办呢？之前我是通过各种网上搜索教程，现在总结这些软件和工具的安装教程，避免下次还是需要重新火急火燎的搜索安装。Deepin...

对于爬虫，相信大家并不陌生。当希望得到一些网站的数据并做一些有趣的事时，必不可少要爬取网页，用到爬虫。而目前网络上也有很多爬虫的教程资料，不过又尤以python语言居多。想来自己是做web的，就希望以js的方式解决问题，于是希望利用nodejs。今天介绍一款node的爬虫利器：Puppeteer。Puppeteer正如其名“木偶”，它允许我们像牵线木偶一样操纵它。它是一个建立在DevTools...

本文译自《A Complete Guide to Grid》。CSS网格布局是目前CSS中可用的最强大的布局系统。它是二维系统，即可以处理行和列，不像flexbox只是一维系统。我们通过为父元素（变为grid container）和子元素（变为grid items）应用CSS规则来使用Grid布局。本文将讲述网格布局的基本概念和网格容器和其项目的全部属性及取值。

如今JavaScript框架三分天下，该学哪些和如何学呢？要知道这些问题，必须要将其进行对比。本文介绍了一种比较方式。本文翻译自Change And Its Detection In JavaScript Frameworks。PS：因为原文写于2015年，有些地方在如今看来有些过时或者改变，但原文思考框架的角度仍然使我感到受益。

本文翻译自Controlled and uncontrolled form inputs in React don’t have to be complicated。如有错误，请不吝指正。React中的受控和非受控表单并不复杂 你可能看到过很多文章，说不应该使用setState，refs不好……这是自相矛盾的。很难理解怎样是对的，甚至连选择的规则都不清楚。那我们应该怎么解决表单这个棘手的问题呢？

今年秋招对我是个打击，不过也让我认清了现实。借用鲁迅先生的一句话，真正的勇士敢于直面惨淡的人生，敢于正视失败的面试。面试失败不可怕，可怕的是不能吸取教训。在吸取教训上我做的不好，不然也不会有些面试问题记不住了。回顾几次面试失败经历，我总结了一下各家公司问的问题，为未来作打算，也为师弟师妹们做个参考。总结了一下，发现实习经历真的很重要，而且项目经验也要重点突出一些东西，展现自己的技术特点。。。

昨天做了搜狗前端笔试题，其中有一道题目是为字符串添加一个删除方法，给定一个参数n，求从该字符串删除n个字符组成的不同子串个数。题目看起来很简单，但是并不好编写。如果字符串字符各不相同还好说，直接可以使用排列组合公式来得到最终的个数；否则的话就得考虑删除后可能会产生相同的子串了。这样的话就得做一个Set来保存所有的字符串了。

这是一道今年腾讯春招的面试题。字符串可执行的意思是将字符串转为立即执行的代码，如字符串var a=23;，使其经过某种操作后确实有个值为23的a变量。面试过后我就想总结一下这个问题，于是拖延了几个月后终于写了这篇文章。

本文将记录一些JavaScript中容易出错的点，由于本人知识有限，所以文章将采取持续更新的方式。本文的JavaScript会涉及浏览器端和服务器端的Node.js。可能有点混杂，等文章丰富了再整理吧。您也可以补充一些自己容易犯的错误。如有错误，请不吝指正。

在JavaScript中能表示集合的数据结构是对象，如数组、普通对象和ES2015中新增的Set和Map等。当然不同对象的表现形式和功能不一样。新增的数据结构和新增的方法也使得集合的遍历变得很容易。针对这样的对象，我们经常使用的操作就是遍历，本文将总结集合对象遍历的几种方式。

前几天做了阿里前端秋招笔试题，感觉受打击很深，找工作很难呀。不过考试完还是要复盘一下。记得有一道题目是判断JSON对象是否有环。因为当使用JSON.stringify()方法格式化一个JSON对象时，如果该对象有环路，就会抛出异常：Uncaught TypeError: Converting circular structure to JSON。

本系列的前一篇文章讲述了HTML实体编码（10进制、16进制）与字符的相互转换，本文将讲述HTML命名实体与字符的相互转换，如<转义成'<'。

马上就要秋招了，又进入了刷题的季节。在刷题中进步，在刷题中成长。今天就讲一道刷题的趣事。文章结尾给出一些用JS做编程题的小技巧。在讲之前呢，先说一些题外话。之前感觉主流算法编程语言是C、C++、Java，作为前端是很不服气的。但最近题做多了，发现这样不是没有道理的……

React组件生命周期有三个阶段：加载、更新和卸载。每个阶段有多个方法来调用实现某些功能。这些方法名字也很有意思，带will前缀表示在该阶段发生之前调用，did表示在该阶段发生之后调用。本文将介绍这些方法。本文翻译自React官网文档，如有翻译不当，请不吝指正。

导语：最近想分析一下自己在学校论坛bt的下载行为，又想耍帅，所以准备整个词云。而词云的数据来源必然是下载种子的名称、类型等。所以不可避免要针对所有下载种子做关键词检索，因此需要用到中文分词工具。因为我利用nodejs，所以在网上查找了很多资料，发现nodejie是个不错的选择。好吧，说实话主要是看了月影大大的“使用 Node.js 对文本内容分词和关键词抽取”这篇文章做出的选择。