每日前端签到（第九十四天）

第九十四天（2018-11-5）

• [html] 说说你对accesskey的理解，举例说明它有什么运用场景？
• [css] 说说你对前端二倍图的理解？移动端使用二倍图比一倍图有什么好处？
• [js] 不依赖第三方库，说下如何使用js读取pdf？
• [软技能] 你有自己买过服务器和域名用来搭建博客或者网站吗？

题目一：
accesskey属性目前是h5标准中的一个全局快捷键访问属性，通过在任意元素上注入accesskey属性值，在浏览器中触发相应的快捷键，即可实现对相应元素的focus或click；

<a href="https://developer.mozilla.org/zh-CN/docs/Web/HTML/Global_attributes/accesskey" target="_blank" accesskey="x">快捷键x：accesskey</a>
<div accesskey="z" onclick="this.style.color = 'red';">快捷键z：变红</div>

demo

参考文档：

1. MDN
2. HTML accesskey属性与web自定义键盘快捷访问 « 张鑫旭-鑫空间-鑫生活

推荐看下张鑫旭的那篇文章，文章中提出对accesskey属性的可用性优化的思考很值得借鉴。

题目二：
一倍图：当这个比率为1:1时，使用1个设备像素显示1个CSS像素。
二倍图：当这个比率为2:1时，使用4个设备像素显示1个CSS像素，
三倍图：当这个比率为3:1时，使用9（3*3）个设备像素显示1个CSS像素。

不同倍图可以在不同机型视网膜屏幕下保真显示
相关问题
题目三：
读取还是读取并解析和展示？

这个题目有两种解读：

前端不使用第三方库，如何将 PDF 文件显示在网页上。

现代桌面浏览器都自带 PDF viewer 插件的，用 <iframe src="file.pdf"> 就能显示。（embed应该也可以）
前端不使用第三方库，如何读取并解析 PDF 格式，利用 HTML 技术渲染 PDF 文件内容？

这个就是 pdf.js 干的事情。思路是使用 FileReader API 读取文件二进制内容，根据 PDF 文件规范解析内容（PDF 是开源格式），根据 PDF 文件描述的文档内容和布局，用 canvas 或者 DOM 展现出来。内嵌的 font 或图片可以提取二进制然后用 blob URL 搞定，难点是如何用 DOM 实现 PDF 格式描述的布局 (不清楚 PDF 是如何描述布局的)。
题目四：
正在做