如何优化网站以提升音乐相关的排名？

做音乐的网站设计,关键词代做排名推广,wordpress 评论 顺序,红河州做网站背景 弹窗在现代应用中是最为常见的一种展示信息的形式#xff0c;二次确认弹窗是其中最为经典的一种。当我们在React#xff0c;Vue这种数据驱动视图的前端框架中渲染弹窗基本是固定的使用形式。 使用方式#xff1a;创建新的弹窗组件#xff0c;在需要弹窗的地方引用并…背景 弹窗在现代应用中是最为常见的一种展示信息的形式二次确认弹窗是其中最为经典的一种。当我们在ReactVue这种数据驱动视图的前端框架中渲染弹窗基本是固定的使用形式。 使用方式创建新的弹窗组件在需要弹窗的地方引用并且需要在外层维护弹窗组件的显示/隐藏状态。 这只是庞大项目中一处需要弹窗的地方如果项目中存在N个需要弹窗的场景我们都需要将上述步骤重复一次。这会让我们的项目组件变得臃肿冗余。这也是前端开发者比较头疼且常见的问题。那么我们有没有办法解决这种问题呢 思考 在最近的一次需求中我尝试去解决这个问题。首先对于二次确认弹窗这种只有在执行某些动作的时候才需要进行展示其他时间我们应该忽视它的存在。很明显根据传统的做法我们至少需要维护一个组件实例以及一个状态。 是否可以实现只有在执行具体的动作时才调用二次确认弹窗相关的代码呢就比如命令式调用方法去渲染组件可以通过ReactDOM.render实现的这种效果。 接着尝试思考第二个问题对于二次确认弹窗的交互其实本质上我们只关心用户点击的取消还是确认。对于这种状态二选一的问题我脑海里面浮现出熟悉的Promise。 于是我尝试将二次确认弹窗与Promise进行有机结合实现出命令式二次确认弹窗。当然这种思路可以运用到其他任何类似的场景。 在线演示Live Demo 事实胜于雄辩这是下方代码实现的真实效果感兴趣的同学可自行访问看看效果。