每日前端签到(第九十四天)

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

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

快捷键x:accesskey
快捷键z:变红

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 插件的,用