1、第一步:描述你要做什么,产生了什么结果:文本框输入内容,按下回车键,将内容添加到列表中。【直接用嘴讲出来或使用文字列出来】
2、第二步:将上面描述拆分步骤:
(1)获取文本框输入内容
(2)按下回车键
(3)将内容添加到列表中
3、第三步:给上述步骤匹配你能想到的技术点:【以React为例】
(1)获取文本框输入内容:ref、受控组件、e.target.value
(2)按下回车键:绑定键盘事件onKeyup或onKeydown
(3)将内容添加到列表中:通过对代码解构分析:子传父
4、遇到问题:
(1)如果你卡在第一步不会描述要做什么和产生的结果,那你试试这样做: 首先,第一步应该是产品需求上列好的内容,不必我们自己去梳理;
其次,万一该项目没有产品需求,那我们自己和业务确立需求时就要做好相应记录和沟通;
最后,如果我们作为练手项目,那就找到手机或电脑上app类似功能多点点,就会知道要做什么和结果是什么。
(2)很多人可能卡在技术点这步骤:说明你基础知识不扎实,继续提高自己的基础知识。
(3)如果上述3步都完成,你不会写代码:说明你练得太少,要多练。
更多详情:爱米的前端小笔记(csdnxitujuejinzhiHuBaidu小红shu)同步更新,等你来看!都是利用下班时间整理的,整理不易,大家多多👍💛➕🤔哦!你们的支持才是我不断更新的动力!