前端每日知识3+1_第25天

• 第25天 (2022-10-15)
  • [html] 请说说<script>、<script async>和<script defer>的区别
  • [css] 在页面中的应该使用奇数还是偶数的字体？为什么呢？
  • [js] 写一个判断设备来源的方法
  • [软技能] 说说你工作中遇到过比较难的技术问题是什么？是如何解决的？

HTML：

<script> : 加载的时候是同步的会阻塞后面代码的执行，加载立即执行。
<script async>: 异步加载，加载和执行是并行的。
<script defer>: 异步加载，需等到所有文档加载完才执行。

CSS：

应用偶数
在1.5dpr上奇数像素会出现问题

软技能

这是在面试中经常被问到的一个问题，目的是查看面试者解决问题的能力。这里不做详细的某个技术难点来讲，因为可能你认为很难得问题，在别人那里根本不是事，就讲一下回答这个问题的思路吧。
这里的问题代表某个bug或某个难搞的需求。
回答思路：

问题出现的背景，比如说：‘在使用Vue开发xxx功能时中遇到xxx...’
问题出现的原因在哪里，如果定位到的。比如：'在使用xx调试发现的问题出现在xx..'
查找问题解决方法，比如：‘在xx论坛看到解决方法，在某某交流群内提问，询问身边(网上)的技术大佬’
问题解决后达到了什么效果，比如：‘加载速度提升了约4倍，受到领导同事的一致好评..’
问题解决后有什么感悟或收获，比如：‘原来使用xx方法就能xx，记录到我的bug-log中..’