如何用原生 JS 实现手势解锁组件

组件设计的一般步骤 理解需求 技术选型 结构设计 分成 3 个图层 确定圆点的位置 API 设计 流程设计 验证密码 设置密码 细节问题 工具 & 工程化 总结 这是第三届 360 前端星计划的选拔作业题。600多名学生参与了解答,最后通过了60人。这60名同学完成的不错,思路、代码风格、功能完成度颇有可取之处,不过也有一些欠考虑的地方,比如发现很多同学能按照需求实现完整的功能,但是不知道应当如何设计开放的 API,或者说,如何分析和预判产品需求和未来的

如何用原生 JS 实现手势解锁组件

组件设计的一般步骤 理解需求 技术选型 结构设计 分成 3 个图层 确定圆点的位置 API 设计 流程设计 验证密码 设置密码 细节问题 工具 & 工程化 总结 这是第三届 360 前端星计划的选拔作业题。600多名学生参与了解答,最后通过了60人。这60名同学完成的不错,思路、代码风格、功能完成度颇有可取之处,不过也有一些欠考虑的地方,比如发现很多同学能按照需求实现完整的功能,但是不知道应当如何设计开放的 API,或者说,如何分析和预判产品需求和未来的