技术高手如何练成

  • 第一阶段 认真构建完整的知识体系
  • 第二阶段 顺着一个Topic钻进去,锻炼自己的预研能力
  • 第三阶段 疯狂回答技术问题
  • 第四阶段 RCA/总结

formik

react 表单库

飞书,会成为字节跳动下一个关停的对象吗

SaaS软件的最终目的还是为企业提供一个方法论,客户支付的是一个软件、一个产品,但实际想要买到的是能够产生价值的方法论。

字节选型办公软件,当时市面上的办公软件存在三个主要问题:

一、生产力工具缺乏变革;

二、工具往往用来管控人而非激发人;

三、大部分B端产品用户体验差。

PC端弹窗设计五步决策法

弹框分类

  • 对话框 Dialog
  • 气泡卡片 Popover
  • 抽屉 Drawer
  • 文字提示 Tooltip(一般 hover 显示)
  • 信息提示 Toast (一般弹出消失)

模态和非模态

模态在是否阻断当前交互的层面上区分了屏幕状态。从这个层面上划分,一共只有两种屏幕形态:模态的(modal)和非模态的(nonmodal),即任何一个屏幕不是模态的,就是非模态的。

模态描述弹窗在交互上是否锁层(即阻断与主界面内容的交互)。每一种弹窗,不论是对话框、popover 还是抽屉,都可以被定义为模态或非模态的。如果一个弹窗出现时,用户无法与其之外的界面内容交互,那么该弹窗就是模态弹窗。相反,如果还可以继续与弹窗外的内容交互,该弹窗就是非模态弹窗。

5 步决策法

链接打开方式间的博弈:新标签页vs当前标签页

  • 比如中国用户不习惯Google搜索的当前页面打开;
  • 国外的大多数网站都统一地是默认为当前页面打开链接,国外用户也比较习惯自己选择打开链接方式(ctrl+鼠标左键/鼠标中键/右键选择,三种方式都可以使页面在新标签页打开。)

E2E 测试

E2E,是“End to End”的缩写,可以翻译成“端到端”测试。它模仿用户,从某个入口开始,逐步执行操作,直到完成某项工作。与单元测试不同,后者通常需要测试参数、参数类型、参数值、参数数量、返回值、抛出错误等,目的在于保证特定函数能够在任何情况下都稳定可靠完成工作。单元测试假定只要所有函数都正常工作,那么整个产品就能正常工作。

Chrome 拓展在 content_script 动态插入脚本

https://stackoverflow.com/questions/9515704/use-a-content-script-to-access-the-page-context-variables-and-functions