图森未来 二面

[Amybiubiu]

• 介绍下项目的难点。项目中的链接跳转是怎么的？tabbar 的中英适配怎样做的？i18n 需要满足怎样的需求了解过吗？
• script 标签是会阻塞渲染吗？它为什么会阻塞渲染？难倒不能执行 js 的同时构建 dom 树吗？要防止这样的现象怎么做？async 和 defer 的区别？
• 小程序中能使用 window 对象吗？
• 小程序的渲染进程和 js 执行线程是分离的吗？为什么要分离？分离有什么优缺点？
• 介绍一下 graphQL ？有没有用 graphQL 作为后端写过？
• 讲一讲你写过的组件？根据 type 确定图标是怎么做的？有没有想过用别的方式（除 map 外）处理？import 这些 svg 资源时有没有做异步加载？异步加载和按需加载是一个东西吗？webpack 的一个插件 or 功能(?)是可以将一堆文件处理成对象的，两行代码就可以做到就不用写那么多 import 了。
• sem （？？）了解吗？一个 css 命名规范。
• 图标是用的 svg 吧？svg 的 xxx 知道吗？（他说是 svg 的一个属性，忘记了）？你的图标可以改颜色吗？
• 讲一讲 csrf 。如何防范？设置了 same-site：none 是不是就 csrf 成功了？还要干什么？
• 用过 react hooks 对吧？知道 componentShoudUpdate 这个生命周期函数吗？react hooks 中有吗？它对应的是什么？
• useState 可以在 for 或者 if 中用吗？
• 讲一讲 useCallback ？useCallback 什么场景下使用比较好？
• 反问

[Amybiubiu]

图森这一轮没过还挺可惜的，毕竟还算常规。。。在上党课的时候复盘了一些，用平板看的，不好更新。

• BEM block element modifier

<!--
    Correct. The `search-form` block has the `theme` modifier with
    the value `islands`
-->
<form class="search-form search-form_theme_islands">
    <input class="search-form__input">

    <button class="search-form__button">Search</button>
</form>

<!-- Incorrect. The modified class `search-form` is missing -->
<form class="search-form_theme_islands">
    <input class="search-form__input">

    <button class="search-form__button">Search</button>
</form>