前段事情期间,卖力修复移动端的缺陷,其中一个关于提醒框的印象还比较深入,所以拿来与各人一起分享。

在前端静态页面与后端接口都完成的情况下,最重要的环节就是前后端联调啦,我们怎样知道接口是否请求胜利呢?嗯,当然是和后端小搭档商定好一个标记了,如flag:true,代表请求胜利,false:代表请求失败,msg:失败胜利缘由。身为一名前端工程师,我们想必是要考虑到用户体验的,我们需要把这些信息展现
给用户,这我就要跟各人讲到提醒框了。以下就是关于怎样完成一个简略提醒框:

html:<div class=”result-tip hide”></div>

css:

js:

这是拿到接口以后返回给用户的简略提醒框(3秒消逝),也可以用于页面不可操作时的提醒信息。

现在留给各人一个问题:

像这样快捷延续点击的话(点一下提醒保藏胜利。再点一下提醒取消保藏胜利),是否依然可以完美完成,js代码需不需要做改动????

迎接各人谈论哦!

更多精彩,尽在https://forumoutremer.com

Written by
admin