是时候再次开始学习! 好吧,在这个行业中,我总是想那个时间。 这是我撰写的此类文章中的第四篇,这可能是迄今为止最好的一篇。
最近几个月,我偶然发现并收集了许多不同的指南和学习资源,这是最新一期。
请享用!
这是“一些可视化功能,可帮助您了解JavaScript的调用堆栈/事件循环/回调队列如何相互影响。” 它是交互式的,允许您包含自己的自定义代码,然后执行它,并且还提供有关同一主题的视频演示。
“最常见的Git问题的可搜索集合。” 对于使用Git具有中等或中等以下技能的人来说,这似乎很有用。 当前有38个单独的主题,可以通过页面搜索过滤器找到。
这是两个单独的页面(我想使该列表增加到21个),记录了有关ARIA角色和属性的详细信息。
只需单击角色或属性,覆盖层就会显示该功能的规格信息。
Service Workers规范是一个很有前途的(没有双关语!)新标准,由于缺乏浏览器支持并且仍在不断变化中,因此尚未准备就绪。 这个小信息网站描述了规范的功能以及它们在不同浏览器中的度量方式。
这可能是我们大多数时间都理所当然的事情。 这是Bart Veneman撰写的基于CodePen的文档,该文档准确地概述了不同的浏览器/操作系统如何处理损坏的图像(带有占位符,alt文本,边框等)。
这是Gridset员工进行的年度响应调查。 这项调查的1000多名参与者提供了有关他们在RWD工作流程中面临的挑战(与客户,测试等相关)的信息。 该调查还研究了RWD中使用的乐观(或缺乏乐观),趋势和工具。
“使用正确的印刷字符的全面指南,包括正确的语法用法。” 也可作为一页PDF提供,其中包括键盘快捷键,可为Mac和Windows生成不同的字符,这很方便。
辅助功能专家Heydon Pickering对HTML示例的出色汇编,展示了各种ARIA功能的不同用例。 9个不同示例的演示和代码。 对于任何希望进入高级ARIA实施的人来说,这都是一个很好的起点。
就compat表而言,这有些不同,并且更加具体。 本文介绍了ES5中引入的所有JavaScript功能以及它们如何在不同的移动浏览器中进行度量。
“每种字体。 每个iOS版本。” 说到真正的特定性和移动性,这是一个可过滤的列表,列出了iOS设备(包括Apple Watch)上可用的字体。
一个简单的界面,可用于过滤器规范的各个部分。 也很有用,因为您可以选择自定义网址,甚至可以通过iframe或视频进行尝试。
用于Git命令的交互式,可单击的备忘单。 不同的部分也具有深层链接,这对于共享是一个不错的奖励。
一个快速访问的小信息网站,用于获取键盘键,unicode字符和URL编码字符的代码,以用于HTML,CSS或JavaScript。
一个做得很好的小应用程序,可帮助您测试和学习正则表达式。 我喜欢它显示“解释”和“匹配信息”的方式,它使您可以选择3种不同的正则表达式。
这是一个移动应用程序,“为HTML5,CSS3,JS API,SVG和其他即将推出的网络技术的功能提供了兼容性表。” 我假设该名称应该是“我可以使用移动设备”上的名称,但他们似乎并没有使用确切的词组,可能是为了避免版权问题,但我不确定。
“在浏览器devtools中使用的有用片段的集合。” 看起来大约有20个,您可以贡献自己的一份力量。
万一您错过了它,Codrops在Sara Soueidan的帮助下制作了自己的非常好的设计和全面的CSS参考。
包含屏幕尺寸的大量移动设备和笔记本电脑列表。 这些设备甚至链接到其在Amazon上的产品页面。
一位开发人员针对HTML / CSS / JavaScript各个方面的代码样式的技巧。 这里有很多好的技巧。
一个简单的交互式小工具,可以帮助您了解CSS处理相对和绝对字体大小的不同方式。
推荐你的
如果您对学习资源有其他建议,请在评论中保留。 同时,当您读完这篇文章时,如果您错过了这些内容,可以查看一下以前的内容:
From: https://www.sitepoint.com/20-docs-guides-front-end-developers-4/