qubitsky / fe-review Goto Github PK

起因：

项目使用 react-flip-number 来做数字滚动动画，然后在 iphone6s ios10.1.1 上数字动画过程中，部分数字无法显示，动画停止后，才显示出来。

解决方案：
https://stackoverflow.com/questions/21087979/probleme-css3-scale-transform-and-overflowhidden-on-safari/47474841

• mask-image
• clip-path

解决：

window.onpageshow = function(e) {
  if (e.persisit) {
    window.location.reload();
  }
}

浏览器加载页面是从加载一个html文档开始的
接下来发生了啥？

• https://zh.javascript.info/
• https://cn.history.js.org/

变量类型推断

let foo = 'foo';
const bar = 'bar';

上述代码中，foo会被推断为string类型，bar会被推断为'bar'类型

const obj = {
  foo: 'foo',
  bar: 'bar'
}

上述代码中，obj的类型会被推断为

const obj: {
  foo: string;
  bar: string;
}

如果我们需要保留字面量值为它的类型呢？

这篇文章有讨论这个问题：Tuple与字面量类型的保留

在文章评论区发现了一个很好的解决办法：as const

它是 [email protected] 新增的一个特性：const assertions

• 工程化——脚手架、可视化构建
• 视图框架——react、vue、react native、Flutter
• 组件化——web components
• 数据可视化——图表
• 计算机图形——3d动画、游戏
• 规范化——eslint、stylelint、prettier

Javascript 20 年

向一位从未接触过，但是感兴趣的学员介绍前端是什么
可以从以下几个方面：

• 是做什么的？职责范围
• 需要掌握什么？知识范围
• 可以用来做什么？能力范围、可能性
• 学习路线？
• 其他。发展历史等等

https://juejin.im/post/6844903766982918152

https://code.visualstudio.com/docs/nodejs/working-with-javascript

此处整理前端一些职位要求和面试考核内容

• 955.WLB
• 996.ICU
• 996.Leave

• 命令行（CLI）
• Git
• VSCode
• HTML
• CSS
• JavaScript
• React