共计 2289 个字符，预计需要花费 6 分钟才能阅读完成。
本文首发于微信公众号：大迁世界, 我的微信：qq449245884，我会第一工夫和你分享前端行业趋势，学习路径等等。
更多开源作品请看 GitHub https://github.com/qq449245884/xiaozhi，蕴含一线大厂面试残缺考点、材料以及我的系列文章。
快来收费体验 ChatGpt plus 版本的，咱们出的钱
体验地址:https://chat.waixingyun.cn
能够退出网站底部技术群，一起找 bug.
错误信息是咱们在线日常生活的一部分。每次服务器故障或没有网络，或遗记在表格中增加一些信息，咱们就会收到错误信息。“ 出错了 ” 是常见的做尘。然而什么出错了？产生了什么？而且，最重要的是，我要怎么做能力修复它？
那怎么写才是一个好的提醒呢？
在介绍好的提醒之前，咱们先来看一下什么是不好的谬误提醒。
不好的谬误提醒
Inappropriate tone
不失当的语气：设想一下，一个医生在做一个手术，而后忽然说 “ 哎呀! 出了点问题 ……”，当危险很大的时候，任何人都最不违心听到这句话。所以这时候不是安可恶的时候。咱们须要向用户表明，咱们晓得这是重大的，咱们明确这对他们很重要。
Technical jargon
专业术语：程序员喜爱把一些专业术语用在谬误提醒外面。例如：你不能获取我的数据？我的凭证被回绝了？这些专业术语对用户来说并不重要，他们只想晓得什么中央出了问题，如何解决。
Passing the blame:
甩锅：比方「无奈连贯到三方服务」。尽量把重点放在问题上，而不是导致问题的口头上。
Generic for no reason
太官网的说辞：比方「稍后尝试」。晓得起因而不通知用户，是不好的。
好的谬误提醒
Say what happened and why:
阐明出错的起因：让用户分明的晓得产生谬误的起因，能够通过视觉和文字的联合来实现。解释用户为什么会呈现这个谬误。即便是技术起因，也要阐明是咱们的起因，而不是用户操作谬误。比方：「因为技术上的起因，临时无奈连贯到你的账户」。
Provide reassurance
提供保障：比方「你的批改已被保留到草稿」。
Be empathetic
有同情心：比方用「请」。
Help them fix it
帮忙他们解决：比方「理解如何解决这个问题」，并附加一篇知识库文章和链接。
Always give a way out
总是给一条前途：比方「如果仍旧能解决，请分割客服」。
起源：https://wix-ux.com/when-life-gives-you-lemons-write-better-er…
本文首发于微信公众号：大迁世界, 我的微信：qq449245884，我会第一工夫和你分享前端行业趋势，学习路径等等。
更多开源作品请看 GitHub https://github.com/qq449245884/xiaozhi，蕴含一线大厂面试残缺考点、材料以及我的系列文章。
快来收费体验 ChatGpt plus 版本的，咱们出的钱
体验地址:https://chat.waixingyun.cn
能够退出网站底部技术群，一起找 bug.
1.Coolers
地址：https://coolors.co/
Coolers 为咱们提供一个配色计划生成器连同许多受欢迎的配色计划。
2. ColorBox
地址：https://colorbox.io/
ColorBox 容许咱们应用各种选项参数来创立本人的配色计划。
3. Adobe Color
地址：https://color.adobe.com/
围绕着色轮旋转，通过与它们一起游玩，理解更多对于色彩的常识，同时还有许多令人难以置信的丑陋的色彩计划可供搜寻!
4. Wordmark
地址：https://wordmark.it/
输出句子 / 单词，而后滚动查看它在网络安全字体中的成果!
5. PNGtoSVG
将 png 转成 svg
地址：https://pngtosvg.com/
6. CSS3 Generator
地址：http://css3generator.com/
提供完满的 CSS3 代码，在每个浏览器上都能够应用。
7. CSS Filters
对图片进行滤镜的解决。
地址：https://www.cssfilters.co/
8. Fancy Border Generator
地址：https://9elements.github.io/fancy-border-radius/
厌倦了那些根本的边框半径的货色，在这里为你的 Divs 或按钮或任何你喜爱的元素创立花哨的边框!
9. Blob Maker
地址：https://passionhacks.com/blob-maker/?n=2&e=3&gw=5&se=95&g=ff5f6d|ffc371&o=0
给你的网站减少一些滴状斑点，让网站看起来更可恶些。
10. Blob Maker 2
地址：https://www.blobmaker.app/
11. Get Waves
地址：https://getwaves.io/
创立波浪形工具。
12. Clippy
地址：https://bennettfeely.com/clippy/
我最常应用的最佳剪贴工具。有助于创立十分丑陋的剪贴门路!
代码部署后可能存在的 BUG 没法实时晓得，预先为了解决这些 BUG，花了大量的工夫进行 log 调试，这边顺便给大家举荐一个好用的 BUG 监控工具 Fundebug。
交换
有幻想，有干货，微信搜寻 【大迁世界】 关注这个在凌晨还在刷碗的刷碗智。
本文 GitHub https://github.com/qq449245884/xiaozhi 已收录，有一线大厂面试残缺考点、材料以及我的系列文章。